SEO "Avoid large layout shifts" "<div class="color-background-1 isolate gradient"> and ERBR

SEO "Avoid large layout shifts" "<div class="color-background-1 isolate gradient"> and ERBR

rrproduct
Visitor
2 0 0

Help! i can't seem to figure this one out. 

Screenshot 2024-04-06 151620.pngScreenshot 2024-04-06 151543.png

Reply 1 (1)

oscprofessional
Shopify Partner
16006 2396 3106

Hello @rrproduct ,

Here are some solutions to avoid large layout shifts:

  • Preload critical resources: This will help to ensure that the resources that are needed to render the page are loaded first.
  • Set dimensions for images and videos: This will prevent the page from having to resize these elements after they have been loaded.
  • Use CSS to contain size changes: This will help to prevent elements from overflowing their containers and causing layout shifts.
    I hope this helps!
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free