About my website takes a long time to load images

I used pagespeed to analyze my website, it shows that it took a long time to load the images on the site.
please tell me how to fix the problem?

Attached is a screenshot of the analysis using pagespeed, you can also analyze my site directly yourself using pagespeed. Please also tell me how to solve this problem?

Attachments:

You must be logged in to view attached files.

[Luke Nielsen]

Hello,

-LCP(Largest Contentful Paint) message doesn’t mean that this particular element is loaded slowly. It just indicates which element is the Larger Contentful Paint. Read more here https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/?utm_source=lighthouse&utm_medium=lr

First, you need to optimize the site in general – https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/

These issues ( https://prnt.sc/MfUJyREDQvnX ) together can cause this problem, so I suggest sorting out those diagnostic issues and then re-check whether the “Largest contentful…” issue persists or not.

-Eliminate render-blocking resources – you may try solutions described here https://onlinemediamasters.com/eliminate-render-blocking-resources-wordpress/

-Serve images in next-gen formats : Consider using a plugin or service that will automatically convert Ensure text remains visible during webfont load uploaded images to the optimal formats e.g ‘Imagify’ from the Image Optimization tab in ‘WP Rocket’ to convert your images to WebP.

-Reduce unused CSS – Enable CSS minify and combine it in your cache plugin: https://www.wpbeginner.com/wp-tutorials/how-to-remove-unused-css-in-wordpress-the-right-way/

-Avoid an excessive DOM size – The number of DOM elements are generated in the process of content building. All page builder elements are DOM elements. If you want to reduce DOM elements you will have to reduce the content: widgets, products, menu items, and others.

-Ensure text remains visible during webfont load: Navigate to Theme Settings -> Performance -> Fonts & Icons -> enable the “Swap” option for these https://prnt.sc/dr1cTPFGZGv_ fields

-Properly size images – Optimize the images as it describes in our article: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/#Step_3

Let me know the result.

Kind Regards

• This reply was modified 1 year, 2 months ago by Luke Nielsen.

[Author]

Posts