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
- Variables
- cURL
query GetReportForCrawl($crawlId: ObjectID!, $reportTemplateCode: String!) {
getCrawl(id: $crawlId) {
reportsByCode(
input: {
reportTypeCodes: Basic
reportTemplateCodes: [$reportTemplateCode]
}
) {
rows {
nodes {
... on CrawlUrls {
pageTitle
url
description
foundAtUrl
performanceCls
deeprank
level
contentSize
htmlSize
foundInGoogleAnalytics
foundInGoogleSearchConsole
foundInBacklinks
foundInList
foundInLogSummary
foundInWebCrawl
foundInSitemap
}
}
}
}
}
}
{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"poor_cls"}
curl -X POST -H "Content-Type: application/json" -H "apollographql-client-name: docs-example-client" -H "apollographql-client-version: 1.0.0" -H "x-auth-token: YOUR_API_SESSION_TOKEN" --data '{"query":"query GetReportForCrawl($crawlId: ObjectID!, $reportTemplateCode: String!) { getCrawl(id: $crawlId) { reportsByCode( input: { reportTypeCodes: Basic reportTemplateCodes: [$reportTemplateCode] } ) { rows { nodes { ... on CrawlUrls { pageTitle url description foundAtUrl performanceCls deeprank level contentSize htmlSize foundInGoogleAnalytics foundInGoogleSearchConsole foundInBacklinks foundInList foundInLogSummary foundInWebCrawl foundInSitemap } } } } } }","variables":{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"poor_cls"}}' https://api.lumar.io/graphql