Hi everyone,
I checked my speed test, and the result is bad on mobile.
Do you have the easy recommandation to do ? My images are low, I tried to use few app…
Here is le link → https://pagespeed.web.dev/analysis/https-www-barreclandestine-com/t7wex74s1k?form_factor=mobile
Many Thanks !
Manu
Hello @ManuBC ,
As I can see your website is having very heavy load with Largest Content Paint and Total Blocking Time.
In order to Improve website speed we need to:
By fixing these issues, your website speed score can definitely improve.
Thank you for your reply !
Fews comments, and sorry in advance for my beginner questions (I know it’s real technical job, I’m just looking for understandable ressources) :
Many thanks
Manu
Hello @ManuBC
Certainly! It’s alright, I understand. It’s a highly technical job.
Upon revisiting your site, I’ve identified numerous Largest Content Paint issues. Specifically, when we focus on the mobile version of the product page, both Total Blocking Time and Largest Content Paint problems arise. Addressing these Largest Content Paint issues requires significant technical expertise, as it entails implementing conditions for both the home page and product page.
Here are Some Tips To :
1. Remove Unnecessary Code: Unnecessary code in a Shopify template can include unused styles, scripts, or theme settings that are not contributing to the functionality or design of the site. This can be identified through a code review, and elements that are not actively used can be safely removed to improve loading times.
2. Reduce Web Page Size: To reduce the length of web pages, consider the following:
Compress and optimize images to reduce their file sizes.Implement lazy loading for images so that they load only when they come into the user’s view port.Minimize the use of unnecessary elements and content on the page.
3.Reduce JavaScript Execution Time:
Tips for optimizing JavaScript execution time:
1.Minimize the use of large, synchronous JavaScript files.
2.Implement asynchronous loading for non-essential scripts.
3.Utilize browser caching to store JavaScript files locally on the user’s device.
4.Minimize Main-Thread Work:
The main thread is responsible for rendering web pages. Minimizing main-thread work involves optimizing how resources are loaded and processed. Tips include:
Optimize and defer non-essential scripts.
Optimize CSS delivery to avoid render-blocking.
Prioritize critical rendering path elements.
5.Beware of Excessive Liquid Loops: {Related to Largest Content Paint issues Query}
Liquid loops in Shopify template language can impact performance. While you may not have modified the Liquid code directly, it’s essential to review any customization’s or apps that may introduce liquid loops. Check for loops that iterate over a large number of items unnecessarily.
6.To check for excessive liquid loops, you can:
Review custom sections, snippets, or apps that involve dynamic content.
Use Shopify theme inspector or browser developer tools to analyze the Liquid code rendered on the client side.
For each point, it’s recommended to make changes incrementally, keeping backups of your theme and testing the impact on performance after each adjustment.
If there is anything that needs to be clarified or included, please let us know. We will surely help you.
We’ve had the best success for our clients by working with our developers to implement the lazy sizes because it’s quite complicated for non-technical people.
Have a nice day!
Many thanks for your reply
@ManuBC Welcome!
I was interested in your Basic Optimization Plan but I didn’t managed to send you a private message
Hello,
Do you have an application to perform the operations you described above? Or do you have a simple application you can recommend? We are experiencing the same issues, but we want to solve this problem with simple applications.
@oscprofessional could you please share insight orguidelines for the “- Reduce JavaScript execution time” how to optimize?
@Lady-Ros-LLC Great Suggestion i will plan for this.
