Hello @Purnangsu , As you tried some steps to improve website performance which unfortunately is not effective but understanding the main cause for slow website loading speed is the first target . I checked the store - https://www.saarangsarees.in/ on Google Page Insights Report and found the results for website slowness. Below showing the information -
As you can see the speed index and LCP are high for your website. You already tried some actions to resolve i recommend to try some techniques to resolve these two issues -
Image Not Size Properly
Images are not appropriately sized causing the load speed to delay.
Suggested Improvement
To ensure that images are properly sized for various devices (desktop, tablet, and mobile), you can use the srcset attribute, which allows browsers to choose the appropriate image size based on the device’s screen width. Implement srcset to serve different image sizes based on the user’s screen size.
<img src=“{{ product.featured_image | img_url: ‘400x400’ }}”
srcset="{{ product.featured_image | img_url: ‘400x400’ }} 400w,
{{ product.featured_image | img_url: ‘800x800’ }} 800w,
{{ product.featured_image | img_url: ‘1200x1200’ }} 1200w"
sizes=“(max-width: 600px) 400px, (max-width: 1024px) 800px, 1200px”
alt=“{{ product.title }}”>
Fonts are not optimized
Fonts can also block rendering if not optimized, contributing to a high Speed Index. Ensure that fonts are loaded efficiently and do not block content rendering.
Suggested Improvement
You can use font-display: swap: This CSS property ensures that text is visible immediately with a fallback font until the custom font has loaded.
For example -
@font-face {
font-family: ‘YourFont’;
src: url(‘your-font.woff2’) format(‘woff2’);
font-display: swap;
}
Preload Critical Resources
Preloading important resources (like fonts, CSS, and key images) ensures that they are fetched and rendered as quickly as possible, which can help improve LCP.
Suggested Improvement
Preload critical fonts to ensure they load quickly for text rendering.
For example -
Preload your hero section or any large elements that are important for the page’s initial view. For example, preload important CSS or JavaScript files.
Example -
Alternatively, as you seem frustrated and have already tried some solutions to resolve speed issues. I would recommend the speed optimization Shopify App called Website Speedy that will automatically enhance LCP, Speed Index, TBT and other metric scores and comes with a 14-day free trial to test.
