# Key Requests Not Preloaded

**Priority**: Critical

**Impact**: Negative

## What issues it may cause

<ul>
  <li>
    <strong>Suboptimal Resource Loading:</strong> Failure to utilize <code>rel="preload"</code> for critical resources
    may result in suboptimal loading performance, leading to longer page load times.
  </li>
  <li>
    <strong>Render Blocking:</strong> Without preloading critical resources, the browser may encounter delays in
    rendering the page content, especially when encountering these resources during the rendering process.
  </li>
  <li>
    <strong>Performance Bottlenecks:</strong> Inefficient resource loading can bottleneck page performance, particularly
    on slower network connections or devices with limited processing power.
  </li>
</ul>

## How do you fix it

<ul>
  <li>
    <strong>Declare Preload Links:</strong> Identify critical resources such as fonts, CSS, and JavaScript files and
    preload them by adding the rel="preload" attribute to links in the HTML.
  </li>
</ul>
[Learn more about preloading key requests](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preload/)

## What is the positive impact

<ul>
  <li>
    <strong>Improved Page Load Times:</strong> Preloading critical resources accelerates the rendering process, leading
    to faster page load times and improved user experience.
  </li>
  <li>
    <strong>Reduced Render Blocking:</strong> By preloading essential resources, developers can mitigate render-blocking
    issues, ensuring smoother page rendering.
  </li>
  <li>
    <strong>Enhanced Performance:</strong> Optimizing resource loading with rel="preload" enhances overall page
    performance, contributing to higher user engagement and satisfaction.
  </li>
</ul>

## 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:


```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
            }
          }
       }
     }
```

**Variables:**
```json
{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"uses_rel_preload_failed_audits"}
```