Content Layout Shift

  • Perauto

    (@reflectionsdetailing)


    3 years, 3 months ago

    Hi Guys,

    I am using Customizr Pro and Nible Builder Pro on my website. It measures really well on GT Metrix etc but I always score badly on Content Layout Shift. I don’t know enough to delve into coding and setting image atributes etc!

    This is a capture of the report from GTMetrix:

    ELEMENT	CLS CONTRIBUTION
img
<div data-sek-level="column" data-sek-id="__nimble__1f9682711475" class="sek-column sek-col-base sek-col-100 ">
0.49
Don't lower your expectations to meet your performance. Raise the level of your…
<div class="sektion-wrapper nb-loc " data-sek-level="location" data-sek-id="after_content" data-sek-is-global-location="false">
0.15
ONLINE QUOTE PAINT PROTECTION FILM CAR DETAILING BRAKE CALIPER PAINTING ADDITIO…
<nav class="primary-nav__nav col" id="primary-nav">
0.07
Reflections Detailing |
<div class="branding__container col col-auto">
0.02
div
<div class="sek-css-loader sek-mr-loader">
0.00

    It seems to be related to the header and a quote block directly under it.

    Is there an easy way to fix this?

    Cheers
    Richard

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author presscustomizr

    (@nikeo)

    Hello,
    Thanks for opening a topic about this.
    As a user of pro versions, make sure you use the pro support for your next request. wp.org forums only allow support for product hosted on the wp.org repositories.

    About your request, CLS metric is not easy to optimize. We’ve done our best to limit its impact when using Customizr and Nimble Builder, but there might still remain room for site specific optimization.
    For fine grained optimizations about CLS, I recommend Google’s documentation pages : https://developers.google.com/s/results/speed/pagespeed/insights/?q=cumulative%20layout%20shift

Viewing 1 replies (of 1 total)
  • The topic ‘Content Layout Shift’ is closed to new replies.

Tags