As you recommended, I have installed Autoptimize and WP Super Cache, but I am still experiencing an LCP issue! The report is as follows：https://pagespeed.web.dev/analysis/https-www-yigeni-com/g3jt6j0sie?form_factor=mobile
Can you help me?
The desktop version is resolved, but the mobile version remains unresolved! The report is as follows:https://pagespeed.web.dev/analysis/https-www-yigeni-com/5640swrbf5?form_factor=mobile
Hi,
Reducing the CSS is quite important but since you are using tagDiv Standard Pack and quite many blocks and options from it, removing this plugin is not an option in your case, but this will reduce the css by half from the size it has now.
Now related to the “fetchpriority=high should be applied”, please replace the element Big Grid Flex with the Big Grid element (same layout).
Use a plugin that can convert the images to WebP, for example, ewww image optimizer- https://wordpress.org/plugins/ewww-image-optimizer/
There is a banner image set that does not have a height and width – https://i.imgur.com/XCHOeoC.png. It can be resolved using tagDiv Composer, select that banner ad, and in the image tab, set the width and height for the mobile version of that banner.
Other suggestions are to use an optimization for css and js (Autoptimize) and a Cloudflare.
I’ve used Autoptimize, WP Super Cache, and Cloudflare, but not image compression! However, I’m still seeing JS and CSS issues on mobile devices, so this isn’t related to image compression! The main problem seems to be resolving the JS and CSS issues!
Hi,
A large amount of CSS and JS is added by the tagDiv Standard Pack plugin. If it were disabled, the issues with CSS and JS would likely be resolved. However, many elements on the page and in the templates come from the tagDiv Standard Pack, so disabling it is not an option.
You should first try to address the image-related issues, as these are simpler to fix. If the score is still not satisfactory after that, you will need to consider more powerful solutions for handling CSS and JS, possibly by using another optimization plugin.
I have compressed and converted the image to WebP as you requested, but the detection has not improved much。
The mobile LCP time is still 5.6 seconds.
https://pagespeed.web.dev/analysis/https-yigeni-com/u5rr1dv1c4?form_factor=mobile
Hi,
The results are not better on mobile; the performance is now 77 before was 66, but there are some suggestions you didn’t make. You didn’t replace the element Big Grid Flex with the Big Grid element (same layout) to see the results.
How do I replace Big Grid with Big Grid Flex? I’m not quite sure how!
Hi,
Use tagDiv Composer edit the page and add the Big grid element that looks similar to the Big Grid Flex you have now, after that, you can remove the Big Grid Flex https://i.imgur.com/H1BnCjw.png
I’m interested in this topic, but I don’t see Big Grid in my element list. Could you please explain how to add it or where I can find it?
Hi Digital2web,
The Big Grid is added by the tagDiv Standard Pack plugin (it can be installed from Newspaper → Plugins). If you do not already have it installed, we do not recommend installing it, as the plugin loads additional CSS and JavaScript files.
However, if the extra CSS and JS are not a concern for you, then you can go ahead and use it.
