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:

Operation: 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"}
GetReportStatForCrawlTry in Explorer
GraphQL
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
          }
        }
     }
   }