Happening now | Office Hours: Customizing Your Theme With Moeed | Ask your questions now!

Low visual Stability - pages loading slowly

Low visual Stability - pages loading slowly

TrendBlend
Trailblazer
364 0 40

Hello, my URL is TrendBlend. And I'm noticing that my sections on my product page are having some issues loading in. URL Product page: Steuerbarer LED-Vorhang – TrendBlend. I also got this Low visual Stability error. What can I do to improve load speed?

Schermafbeelding 2024-11-06 120936.png

Replies 3 (3)

Monica_Rathod
Shopify Partner
5 0 1

Hey TrendBlend,

 

I understand how frustrating it can be when sections on your product page don’t load smoothly, and that “Low Visual Stability” error can definitely impact user experience.

To improve load speed and visual stability, here are a few tips:

  1. Optimize Images: Large, high-resolution images can slow down your page. Try compressing images and converting them to next-gen formats (like WebP), which load faster without losing quality.

  2. Minimize Apps and Scripts: Too many apps running on the product page can affect load time. Disable any unnecessary apps or scripts, especially on high-traffic pages.

  3. Lazy Loading: Implement lazy loading for images and videos so they load only when users scroll down, improving both speed and stability.

  4. CSS and JavaScript Optimization: Minify CSS and JavaScript files to reduce their size, which can also boost loading times and improve visual stability.

We specialize in optimizing Shopify stores at EcomTaskers, so if you’d like help with this or need a more in-depth review, feel free to reach out. We’d be happy to assist in making your store perform at its best!

TrendBlend
Trailblazer
364 0 40

Hello @Website_Speedy,

Regarding "Upon closer examination, it appears that the main product image affects the Largest Contentful Paint (LCP). This image may require some parameter updates to adjust its loading priority, ensuring it loads earlier in the process, which can lead to significant improvements.". Are you talking about the images for the product itself (1), or is the main problem for loading the image in the extra product description (2)?

Schermafbeelding 2024-11-07 151612.png

TrendBlend
Trailblazer
364 0 40

Hello @guru-gen, how would I be able to preload the css/js, when the landing page is mostly the product page and not any other page on the website. Can you share an example of how to do this? Thank!