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 GetReportForCrawl($crawlId: ObjectID!, $reportTemplateCode: String!) {
getCrawl(id: $crawlId) {
reportsByCode(
input: {
reportTypeCodes: Basic
reportTemplateCodes: [$reportTemplateCode]
}
) {
rows {
nodes {
... on CrawlSiteSpeedAudits {
url
auditId
title
displayValue
savingsScore
description
auditResult
productOfSavingsKibAndPageviews
productOfSavingsSecsAndPageviews
savingsKib
savingsSecs
}
}
}
}
}
}
{"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 GetReportForCrawl($crawlId: ObjectID!, $reportTemplateCode: String!) { getCrawl(id: $crawlId) { reportsByCode( input: { reportTypeCodes: Basic reportTemplateCodes: [$reportTemplateCode] } ) { rows { nodes { ... on CrawlSiteSpeedAudits { url auditId title displayValue savingsScore description auditResult productOfSavingsKibAndPageviews productOfSavingsSecsAndPageviews savingsKib savingsSecs } } } } } }","variables":{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"uses_rel_preload_failed_audits"}}' https://api.lumar.io/graphql