Skip to main content

Large Layout Shift Elements

Priority: Critical

Impact: Negative

What issues it may cause

  • Disruptions affecting site reliability and user interactions.
  • Increased user frustration and potential loss of trust, impacting engagement and SEO.

How do you fix it

  • Analyze problematic HTML snippets and their impacts.
  • Predefine sizes for dynamic content and optimize loading sequences.
  • Redesign recurrently shifting parts and improve responsive design techniques.

What is the positive impact

  • Improved user experience with a more stable interface.
  • Better performance in core web vitals, enhancing SEO rankings.
  • Decreased accessibility issues, ensuring a navigable site for all users.

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 GetReportForCrawl($crawlId: ObjectID!, $reportTemplateCode: String!) {
getCrawl(id: $crawlId) {
reportsByCode(
input: {
reportTypeCodes: Basic
reportTemplateCodes: [$reportTemplateCode]
}
) {
rows {
nodes {
... on CrawlSiteSpeedAuditOpportunities {
opportunityDigest
element
title
auditId
exampleUrl
layoutShiftImpactAvg
urlCount
layoutShiftImpactSum
nodeNodeLabel
gaPageviewsSum
savingsScoreSum
}
}
}
}
}
}

Try in explorer