Return to previous page

Page Speed – Largest Contentful Paint element

This topic has 2 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Tony Rodriguez

Michael

Participant

January 11, 2024 at 14:22

Hello,

When checking the performance via Google PageSpeed Insights, I receive the message that the “Largest Contentful Paint element” area requires a total of 9.010 ms.
This means that the page loads very slowly.
It concerns the “PlugIn Carousel” in the header area with the many images (Valentine’s Day etc.)
What can I do here?

#379606 Copied Theme version: 9.2.5 WooCommerce version: 8.4.0

1 Answer

Tony Rodriguez

Support staff

January 12, 2024 at 06:22

Hello, @Michael,

We appreciate your concern regarding the performance of your website, particularly the “Largest Contentful Paint element” issue highlighted by Google PageSpeed Insights. We understand the importance of a fast-loading website and would like to assist you in addressing this matter.

Website speed can be influenced by various factors beyond our control. However, we can guide you through optimization steps to enhance your website’s performance. Please refer to the following links for comprehensive information on speed optimization:

Website speed depends on various factors that we do not control. What we can do is share the links that can help you with speed optimization: https://www.8theme.com/documentation/xstore/troubleshooting/how-to-speed-up-my-website/

Every additional plugin slows down the site a bit, so we would recommend you disable unrequired plugins.

-–Avoid an excessive DOM size – read these posts about DOM https://docs.wp-rocket.me/article/1412-avoid-an-excessive-dom-size
https://isotropic.co/avoid-an-excessive-dom-size-on-your-wordpress-website/
Edit your page and Product elements. It should reduce the DOM structure. Also, you may try to reduce the DOM results on the page by reducing the number of sections of the page/elements in the footer or header;

-Eliminate render-blocking resources: https://gtmetrix.com/eliminate-render-blocking-resources.html

-Avoid long main-thread tasks https://gtmetrix.com/avoid-long-main-thread-tasks.html

-Serve static assets with an efficient cache policy
https://gtmetrix.com/serve-static-assets-with-an-efficient-cache-policy.html

– Avoid enormous network payloads – https://gtmetrix.com/avoid-enormous-network-payloads.html

– Use a Content Delivery Network (CDN), it can give an equally fast web experience to your users across the globe. We use CDN on our demos;
For further guidance on how to improve your website’s speed, we invite you to review our theme documentation. The following links provide detailed information on this topic:

1. https://www.8theme.com/documentation/xstore/theme-installation/main-theme-options/
2. https://www.8theme.com/documentation/xstore/troubleshooting/how-to-improve-wp-rocket-settings-with-xstore/

Lazy load: Lazy loading is a technique used to optimize web page performance by delaying the loading of certain elements until they are actually needed. It’s commonly used for images and other media to improve page load times.

For a comprehensive understanding of the specific issues that may be affecting your website’s speed, we suggest conducting a website speed test with GTMetrix. This tool can provide you with actionable recommendations to further enhance your website’s performance.

We trust that you will find this information useful in improving your website’s performance.

Kind Regards,
8theme team

#379656 Copied
Tagged: fast loading wordpress themes, improved user experience, largest contentful paint, page speed optimization, seo friendly themes, speed up woocommerce, wordpress woocommerce themes
Viewing 2 results - 1 through 2 (of 2 total)