Hello @Coelho63 , It might be frustrating for the store not been optimized for the last 10 months, but keep applying the practices; one thing can change the store’s performance. I have analyzed your store by using Google Page Insights Report, and below are the results generated from it -
As you can see, your LCP and TBT are the most impactful on your store performance. You have already optimized the images properly, but there are some other factors that are responsible for these issues.
Document request latency
Your browser is waiting too long to receive the necessary resources (like HTML, CSS, or JS) to render the page, affecting the speed at which the largest visible element (usually an image or a large text block) appears.
Suggested Improvements
Minimize HTTP Requests
Try to reduce the number of HTTP requests made by your store. As well as reduce the number of redirects on your page. Every image, script, stylesheet, and font needs to be requested separately, which can slow down the page load. Try to minimize the use of third-party libraries or apps that load additional scripts or resources.
Use Preconnect and Prefetch
Using preconnect or prefetch can help reduce document request latency by establishing early connections to external domains.
For example -
Text Optimization
Fonts can delay text rendering if not handled efficiently, leading to slower load times and poor performance.Use font-display: swap to prevent invisible text during font load.
For example -
@font-face {
font-family: 'YourFont';
src: url('{{ 'your-font.woff2' | asset_url }}') format('woff2');
font-display: swap;
}
Render Blocking Resources
As per the analysis, your page delays the initial renders, which may delay LCP
Suggested Improvements
Defering and Inlining JS and CSS
In your store, JavaScript files that are not necessary for the initial page rendering can be deferred until after the page content is displayed. This will prevent these scripts from blocking the rendering process. Add the defer attribute
For example -
Designing Issues
Images are not properly placed on the store, as no proper images for the products on display on your homepage. This issue should be fixed as soon as possible as users might not abe to access your store properly.
Alternatively, if you are burned out with optimization techniques and want an automated solution, I would recommend trying Website Speedy- a Shopify app that handles HTTP requests, JS, and CSS optimization at best.