Skip to main content

Poor CLS

All HTML pages with a 200 HTTP status code and a Cumulative Layout Shift (CLS) greater than 0.25 (Google recommends a CLS is 0.1 or less).

Priority: Low

Impact: Negative

What issues it may cause​

Pages with a high CLS may cause a poor user-experience and could negatively affect the rankings in search engine results resulting in less traffic and conversions.

How do you fix it​

The pages should be investigated using tools like PageSpeed Insights to identify the issues that may be causing them to have a high CLS.

What is the positive impact​

Improving the CLS score may;

  • provide a better user-experience that could positively affect conversion rates.
  • result in higher rankings in search results leading to an increase in traffic and conversions.

How to fetch the data for this report template​

You will need to run a crawl for report template to generate report. When report has been generated and you have crawl id you can fetch data for the report using the following query:

query GetReportStatForCrawl(
    $crawlId: ObjectID!
    $reportTemplateCode: String!
    $after: String
   ) {
      getReportStat(
        input: {crawlId: $crawlId, reportTemplateCode: $reportTemplateCode}
      ) {
        crawlUrls(after: $after, reportType: Basic) {
          nodes {
            pageTitle
            url
            description
            foundAtUrl
            performanceCls
            deeprank
            level
            contentSize
            htmlSize
            foundInGoogleAnalytics
            foundInGoogleSearchConsole
            foundInBacklinks
            foundInList
            foundInLogSummary
            foundInWebCrawl
            foundInSitemap
          }
          totalCount
          pageInfo {
            endCursor
            hasNextPage
          }
        }
     }
   }

Try in explorer