Analyze
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 -
<head>
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="prefetch" href="https://your-site.com/path-to-resource" as="style">
</head>
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 -
<link rel="preload" href="{{ 'your-font.woff2' | asset_url }}" as="font" type="font/woff2" crossorigin="anonymous">
<style>
@font-face {
font-family: 'YourFont';
src: url('{{ 'your-font.woff2' | asset_url }}') format('woff2');
font-display: swap;
}
</style>
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 -
<script src="{{ 'your-script.js' | asset_url }}" defer></script>
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.
Hi @Coelho63
I have found out some issues which may be the cause codes why you have no sales at all. Here are the details I attach below for your reference, kindly have a check please:
1. The discount information on product page is display incorrectly. It will make users think your website is not professional and well-designed, so the desire of purchasing will be reduced and cannot checkout finally.
2. You have no store favicon existing in search results. It is not good for your store brand establishing and will confuse users to identify which one is your store. Consider adding a logo from store admin page and after indexing by Google again, it will have a better view and lead to a good conversion meanwhile.
3. There are too many plugins and ads existing on your web pages, which makes your store look very messy. Please carefully consider removing some unnecessary ones and keep the one which plays most important roles. It will not only have a better performance on pages, but also leave a good impression for some visitors when intending to see product details.
