Skip to main content

Key Requests Not Preloaded

Priority: Critical

Impact: Negative

What issues it may cause

  • Suboptimal Resource Loading: Failure to utilize rel="preload" for critical resources may result in suboptimal loading performance, leading to longer page load times.

  • Render Blocking: Without preloading critical resources, the browser may encounter delays in rendering the page content, especially when encountering these resources during the rendering process.

  • Performance Bottlenecks: Inefficient resource loading can bottleneck page performance, particularly on slower network connections or devices with limited processing power.

How do you fix it

  • Declare Preload Links: Identify critical resources such as fonts, CSS, and JavaScript files and preload them by adding the rel="preload" attribute to links in the HTML.

Learn more about preloading key requests

What is the positive impact

  • Improved Page Load Times: Preloading critical resources accelerates the rendering process, leading to faster page load times and improved user experience.

  • Reduced Render Blocking: By preloading essential resources, developers can mitigate render-blocking issues, ensuring smoother page rendering.

  • Enhanced Performance: Optimizing resource loading with rel="preload" enhances overall page performance, contributing to higher user engagement and satisfaction.

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}
) {
crawlSiteSpeedAudits(after: $after, reportType: Basic) {
nodes {
url
auditId
title
displayValue
savingsScore
description
auditResult
productOfSavingsKibAndPageviews
productOfSavingsSecsAndPageviews
savingsKib
savingsSecs
}
totalCount
pageInfo {
endCursor
hasNextPage
}
}
}
}

Try in explorer