Home › Forums › WoodMart support forum › Google speed insight low score on the mobile version
Google speed insight low score on the mobile version
- This topic has 5 replies, 2 voices, and was last updated 6 months, 2 weeks ago by
Luke Nielsen.
-
AuthorPosts
-
February 21, 2024 at 6:30 pm #542459
myriamdaghfousParticipantHi,
I have a very low score on google speed insight on the mobile version. However, my page doesn’t contain much content and all the images are compressed in Webp.Attachments:
You must be logged in to view attached files.February 22, 2024 at 11:26 am #542702
Luke NielsenKeymasterHello,
In general, our theme is already optimized and doesn’t have too many resources to make your website slow. Most likely, your website performance suffers from the content you have added to your website. It may happen in case of too many plugins, large not optimized images, or other resources. So we suggest you remove unnecessary plugins, install some kind of JS & CSS optimizing plugins like WP Rocket. You can find our guide about how to optimize your website built with our themes here https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/
Kind Regards
February 22, 2024 at 2:58 pm #542829
myriamdaghfousParticipantHi,
I use only the plugins required by your theme.
My server response time is good: less than 1 sencondes.
I don’t have much content, I only have the product description and 3 photos optimised in Webp format (a few kilobytes).
I have GZIP compression activated on my server also.
Theme performance settings are configured.
All the images on the site are in Webp and not in large format.Attachments:
You must be logged in to view attached files.February 22, 2024 at 4:51 pm #542897
Luke NielsenKeymasterHello,
In this case, is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?
Kind Regards
February 22, 2024 at 8:00 pm #542973
myriamdaghfousParticipantHi,
No, sorry, I can’t.
You have the url to my site. You can see the problems mentioned by Google Speed Insights like:
_ Optimize Cumulative Layout Shift (CLS).
_ Minimize main thread work which is 3.9 s
_ Remove unused CSS and JS (exist under the Elementor / Theme folders)
_ Eliminate render-blocking resourcesFebruary 23, 2024 at 11:34 am #543095
Luke NielsenKeymasterHello,
1)
-Eliminate render-blocking resources (https://take.ms/R11uA) – you may try solutions described here https://onlinemediamasters.com/eliminate-render-blocking-resources-wordpress/
-Minimize main-thread work (https://take.ms/Fbh6O) – I suggest using the Wp Rocket for help, more detail is here: https://wp-rocket.me/google-core-web-vitals-wordpress/minimize-main-thread-work/
-Largest Contentful Paint element (https://take.ms/OaVVT) – You need to optimize your site in general to improve this parameter. https://web.dev/articles/lcp
-Reduce JavaScript execution time (https://take.ms/YvrWW) – Also, the WP Rocket can help with it, check this: https://wp-rocket.me/google-core-web-vitals-wordpress/reduce-javascript-execution-time/
-Avoid an excessive DOM size (https://take.ms/yFVfu) – 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.
-Reduce unused CSS and JS (https://take.ms/3h7H2 , https://take.ms/4Fu35) –
WP Rocket -> Settings -> File optimization. Enable CSS minify and combine it
WP Rocket -> Settings -> File optimization. Enable JS minify, combine and Load JS files deferred options there.https://www.wpbeginner.com/wp-tutorials/how-to-remove-unused-css-in-wordpress-the-right-way/
2) Navigate to Theme Settings -> Performance -> Js -> turn on the “Disable Swiper slider script on mobile devices”: https://take.ms/xroiH
Additionally, if you use the “Separate cache for mobile” option, I suggest enabling the “Mobile DOM optimization (experimental)” option in Theme Settings -> Performance -> Other. https://take.ms/WKGU9 and create a mobile version of the page, in the settings of the page you can see the “Mobile version HTML block (experimental)” option: https://take.ms/aYrjd , so create a mobile version of the site via HTML block and define it.
Kind Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register