Hello there,
I would like someone to test my sitespeed and tell me if its good or not (*for mobile). I myself tested it on GTmetrix already and it seemed ok, but on shopify it says that my speed score is 44 which doesn’t seem very good.
Product page: https://gomonthlies.nl/products/monthlies-menstruatieband-voor-kramp-pijnverlichting-1
Can someone check this for me and update me on the insights? That’ll be very much appreciated!
Thanks in advance!
Kind regards,
Yordi
1 Like
Hi @YordiMNL ,
You can see the performance of your product page in the screenshots attached below:
Mobile:
Desktop:
Conclusion:
For desktop your website speed is good but for the mobile version is very poor as it is just 28/100.
Some of the major issues you can work on are:
- Eliminate render blocking resources: to fix these you need to preload the CSS files and use defer and async attributes to optimize the script files.
- Defer off screen images - you need to lazy load the images of your website
- Properly sized images: you need to work on the image optimization for your store and make sure that the intrinsic size for your images should not be much greater than the rendered size.
- Reduced unused JS & CSS - you need to work on lazyload the script and css files (both from shopify & coming form third party apps), but at the same time you have to make sure that the functionality of your store does not get effected.
- Minify CSS and JS files - there are multiple online tools available to minimize your files you can take help from them.
- Ensure text remains visible during web font load: you have to optimize the font of your website using font-display: swap css property.
- Images do not have explicit height & width: you have to provided proper dimension to your images on the websites.
- Minimize main thread work: Work on optimization of the resources coming from the apps and other third party cdns.
So the above 8 points are the major points on which you have to work in order to ensure that you get good speed scores for the website.
NOTE: working on the speed part for the store requires a hefty knowledge of coding in shopify liquid and JavaScript. So you should hire a developer if you do not have enough confidence to work with the codes. You can let me know if you are willing for speed optimization for your website.
Thanks & Regards
KaalTechGeeks
1 Like
Hello!
Thanks for your answer first of all!
When I load my product page on mobile it seems very quick, so doesn’t seem to be a problem there. But if you can kindly let me know the details to hire you as en expert on monthliesnl@gmail.com with all the details? We would like to have this done asap!
Kind regards,
Yordi
1 Like
Hi @YordiMNL ,
if you find my solution helpful do mark it as accepted solution and also do not forget to give them a like as this motivates me to help others in the community.
Thanks & Regards
KaalTechGeeks
1 Like
Hello @YordiMNL ,
This is flareAI - Generating Sales from Google Search, on Autopilot. Helping Shopify merchants in generating $5 million in sales from Google Search.
If my suggestions helps you, please Like and Accept solution to let me know
I have checked your product page performance on the desktop and the score is 70.
The following tips will help you significantly speed up your product page.
- Implement lazyloading
Lazy loading is a strategy so that the user has to scroll down to see the images, you can display a placeholder and lazy load the full image only when the user arrives to its location.
- Eliminate render-blocking resources
If you reduce the number of render blocking resources, you can shorten the critical rendering path and reduce page load times, thus improving the user experience and search engine optimization. Refer to this article.
- Reduce JavaScript execution time
When your JavaScript takes a long time to execute, it slows down your page performance in several ways. There are three main ways to reduce JS execution time: Delay JS, Remove Unused JS, Defer JS. Refer this article.
- Avoid non-composited animations
If your page has any animation that can be affected, or triggered, by JavaScript or CSS code, and it causes the browser to go through the rendering process, or rendering pipeline, again, this is referred to as non-composited animation. The best way to avoid non-composited animations is to change the properties that affect composited animations, such as transform and opacity, and make sure that any CSS elements that affect layout such as width, height, padding, position, etc., are reviewed to ensure that they do not trigger the page re-painting process.
- Stop using insecure JavaScript libraries
If the library has released a newer version that fixes the vulnerability, upgrade to that version. If the library hasn’t released a new version or is no longer maintained, consider using a different library.
If your website takes longer than 3 seconds to load, 40% of your traffic will be lost. Speed will affect the Google indexing. When your customers search on Google, your product can be found only if your page is indexed. flareAI helps to get your new products found on Google. Get sales from Google and 20+ world’s largest free sales channels with, Single click start!
If you found the answer helpful consider supporting the Shopify Community by giving it a Like + Accept the solution.
Gina
flareAI
