Pages with Inefficient Image Formats
Priority: Critical
Impact: Neutral
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
- 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
savingsKib
pageviews
productOfSavingsKibAndPageviews
itemsCount
auditResult
}
}
}
}
}
}
{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"modern_image_formats_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 savingsKib pageviews productOfSavingsKibAndPageviews itemsCount auditResult } } } } } }","variables":{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"modern_image_formats_failed_audits"}}' https://api.lumar.io/graphql