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
- Variables
- cURL
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
}
}
}
}
{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"uses_rel_preload_failed_audits"}
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 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 } } } }","variables":{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"uses_rel_preload_failed_audits"}}' https://api.lumar.io/graphql