Archived topic
body tag with CLS
1 reply · Started by Hung on February 4, 2021
So, I am checking with GTMetrix and Web.dev. While the scores are different, both report CLS issues.
- with GTMetrix:
body
<body class="post-template-default single single-post postid-290 single-format-standard…" itemtype="https://schema.org/Blog" itemscope="">
0.89
- with web.dev:
body
<body class="post-template-default single single-post postid-290 single-format-standard…" itemtype="https://schema.org/Blog" itemscope="">
0.20913801224682055
The full tag is
<body class="post-template-default single single-post postid-290 single-format-standard logged-in wp-embed-responsive post-image-above-header post-image-aligned-center right-sidebar nav-below-header one-container fluid-header active-footer-widgets-0 header-aligned-left dropdown-hover featured-image-active" itemtype="https://schema.org/Blog" itemscope>
Is there any way to reduce CLS scores in my case? (I just checked https://generatepress.com/ and saw the same "issue")
Thanks.
Hi there,
CLS Flags on the body tag can mean anything.
The most common causes are: (ref - https://web.dev/optimize-cls/)
Images without dimensions
Ads, embeds, and iframes without dimensions
Dynamically injected content
Web Fonts causing FOIT/FOUT
Actions waiting for a network response before updating DOM
Can you link us to the page in question so we could check for any specifics?
You can use the private information text field to provide the details.