Hi there,
My website takes a while to load in every page and I was wondering what I could do to make it faster? I’ve already compressed most of the images.
Link here: https://disegnettidepressetti.com/
Thanks!
Hey @maggiebovary! Just took a look at your site, it’s lovely, but you’re right, the loading time could definitely be improved. Since you’ve already compressed your images (which is a great first step), here are a few other things you can try:
- Reduce unused apps and scripts
Some Shopify apps and custom scripts keep loading in the background even if you don’t use them anymore. Try removing any unused apps or asking your developer to audit third-party scripts. - Minify CSS & JavaScript
You can speed things up by minifying (removing unnecessary characters from) your theme’s CSS and JS files. There are Shopify-optimized tools or you can ask a developer to safely do this. - Use lazy loading
This helps delay loading images and sections until users scroll to them. It’s especially useful for image-heavy stores like yours. - Homepage simplification
If your homepage has a lot of sections or large image banners, try trimming a few down. Fewer elements = faster loading.
If this is helpful, mark it as Solution and Like it. Thanks so much 
!
Hi @maggiebovary ,
Improve TBT Performance
- Load third-party scripts after page load.
- For scripts that are not essential for the initial render (analytics, chat widgets, marketing tags), add
deferorasyncattributes. - Lazy-load chat widgets
Largest Contentful Paint (LCP)
- LCP is delayed because hero images, banners, or large product images load late.
- Preload LCP image
- Add fetch-priority=“high” on the lcp img tag
- reomve lazy load from lcp img tag
First Contentful Paint (FCP)
- Inline critical CSS for above-the-fold elements (header, nav, hero section).
- Defer or async non-critical CSS/JS files. Example:
<link rel="stylesheet" href="theme.css" media="print" onload="this.media='all'">
- Preload key web fonts and use
font-display: swap. Example:
<link rel="preload" as="font" type="font/woff2" href="{{ 'your-font.woff2' | asset_url }}" crossorigin>
Focus on making your theme and content load fast. Compress images some more, remove unused apps and scripts, and restrict lourishing animations or videos. Think about lazy loading assets and minifying CSS and JS. Speed tool testing can identify bottlenecks so you can focus your efforts for improvements that will yield the bigge st reduction in page load times.
Hii,
I checked your site. The main reason your pages feel slow is not the design, it’s how the images and scripts are loading in the background. Even though you compressed the images, they are still loading in very large sizes on mobile, and many of them load at the same time. That’s why your mobile score dropped you can do few things:
Resize images per use case
Export separate versions for hero, product card, and thumbnail (1600px, 800px, 400px wide).
In your theme, make sure product cards/small sections don’t load the full width hero size.
Lazy load everything below the first screen
Keep only the hero image set to loading=“eager”.
All other images collections, grids, blog thumbs should be loading=“lazy” so they download only when the user scrolls near them.
Tidy up scripts & apps
Remove any unused apps or tracking pixels.
For remaining ones, see if they offer a 'load after page’ or ‘defer’ option so they don’t block the first paint.
Limit fonts & variants
Use 1or2 font families and only the weights you actually use (400 & 700). Extra font files add up quickly on mobile.
If you’d like this kind of optimization handled automatically, you can also take a look at Website Speedy App that:
Compresses and serves images in the right size for each device,
lazy-loads below-the-fold media,
and helps with script loading so your LCP comes down without you having to touch the theme code.