Skip to main content

Images with Inefficient Formats

Priority: Critical

Impact: Negative

What issues it may cause​

  • Slower Load Times: Websites using outdated image formats may experience slower load times due to larger file sizes.

  • Higher Bandwidth Consumption: Older image formats require more data to be transferred over the network, which can impact users with limited data plans or slow internet connections.

  • Reduced User Experience: Slower load times due to large image file sizes can lead to increased bounce rates and lower user engagement.

How do you fix it​

  • Convert images to modern formats like WebP or AVIF to take advantage of their superior compression and quality.

  • Use responsive images to serve the most appropriate image format based on the user's device and browser support.

Learn more about modern image formats.

What is the positive impact​

  • Faster Page Load Times: Adopting modern image formats reduces image file sizes, resulting in faster page load times.

  • Improved Bandwidth Usage: By using more efficient image formats, websites consume less bandwidth, benefiting users with limited data plans and improving overall network performance.

  • Enhanced User Experience: Faster load times contribute to a smoother browsing experience, leading to higher user satisfaction and engagement.

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}
      ) {
        crawlSiteSpeedAuditOpportunities(after: $after, reportType: Basic) {
          nodes {
            opportunityDigest
            element
            title
            auditId
            exampleUrl
            wastedKibAvg
            urlCount
            wastedKibSum
            gaPageviewsSum
            savingsScoreSum
          }
          totalCount
          pageInfo {
            endCursor
            hasNextPage
          }
        }
     }
   }

Try in explorer