How to Improve Theme Performance on Mobile Devices?

One of my site’s homepage and the single product showcase page both perform very poorly on mobile devices, and my testing with PageSpeed Insights suggests two things:.
1. Layout offset is more serious, usually in the product display single page
2, the maximum content rendering time is longer, usually in the product display single page and landing page
I need to do what the content can be set to solve these two problems

Hello,

Please confirm the permission for plugins deactivation and switching to the parent/default theme for testing. Also, send me access to the admin panel.

Looking forward to collaborating with you!

Kind Regards

To prevent theme updates from causing problems with the site, I created the site using a child theme

Hello,

Reduce unused CSS – To fix that, I suggest using the WP Rocket. WP Rocket -> Settings -> File optimization. Enable CSS minify and combine it: 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.

Does not use passive listeners to improve scrolling performance – This notice is harmless for your website so you can just ignore it. It will not harm your website performance.

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

Reduce unused JavaScript – Use the WP Rocket to fix that, navigate to WP Rocket -> Settings -> File optimization -> enable Minify JavaScript files: https://prnt.sc/gRnGNFDeaCCN and additionally these options: https://prnt.sc/fCMisMjViraZ

Currently it shows 78 – https://prnt.sc/XRmpEqhMM0K0

Kind Regards

[Author]

Posts