What are the current expert recommendations for handling image compression and next-gen formats to speed up a local restaurant reservation website?
Download run
Fan-out diagram
The searches the AI actually ran for this prompt.
SEED QUERY
What are the current expert recommendations for handling image compression and next-gen formats to speed up a local restaurant reservation website?
3 real searches · 1 real-search pass
2026 web.dev image optimization AVIF WebP responsive images lazy loading fetchpriority LCP recommendationsGoogle ↗
OBSERVEDReason
MDN responsive images picture srcset sizes AVIF WebP lazy loading decoding async image optimizationGoogle ↗
OBSERVEDOther / navigational
Google web.dev optimize LCP images preload fetchpriority responsive images Core Web Vitals 2026Google ↗
OBSERVEDInstruction
Badge and edge weight = share of passes that produced the query. Hover a query for its intent and routing format.
Query classes
Google's semantic query class for every sub-query: what kind of answer each search is after, simulated vs real.
ChatGPT real searches (3)
Classes come from the query-classifier (a local Laya model). 3 of 3 calls are low-confidence (under 50%) — hover a query in the table to see its confidence.
Searches and sources
ChatGPT3 real searches · gpt-6
2026 web.dev image optimization AVIF WebP responsive images lazy loading fetchpriority LCP recommendations Google ↗
MDN responsive images picture srcset sizes AVIF WebP lazy loading decoding async image optimization Google ↗
Google web.dev optimize LCP images preload fetchpriority responsive images Core Web Vitals 2026 Google ↗
- Using responsive images in HTML - HTML · developer.mozilla.org
- <picture> HTML picture element - HTML · developer.mozilla.org
- Image file type and format guide - Media · developer.mozilla.org
- Performance | Modern Web Guidance | Chrome for Developers · developer.chrome.com
- Optimize preload priority | Modern Web Guidance | Chrome for Developers · developer.chrome.com
- <img> HTML image embed element - HTML · developer.mozilla.org
- Cloudinary website · cloudinary.com
- Cloudflare Images · cloudflare.com
- imgix website · imgix.com
- Run performance tests · pagespeed.web.dev
- Audit website performance · developer.chrome.com
- Inspect image requests and network waterfalls · developer.chrome.com
- Monitor real-user Core Web Vitals · search.google.com
- Understanding Core Web Vitals and Google search results | Google Search Central | Documentation | Google for Developers · developers.google.com
Queries
3 queries · click a column to sort
| Query / type | Search | Intent | Query class | Routing format | Cluster | Freq ↓ | Weight |
|---|---|---|---|---|---|---|---|
2026 web.dev image optimization AVIF WebP responsive images lazy loading fetchpriority LCP recommendations OBSERVED | Google ↗ AI Mode ↗ | — | Reason | — | — | 1x of 1 | |
MDN responsive images picture srcset sizes AVIF WebP lazy loading decoding async image optimization OBSERVED | Google ↗ AI Mode ↗ | — | Other / navigational | — | — | 1x of 1 | |
Google web.dev optimize LCP images preload fetchpriority responsive images Core Web Vitals 2026 OBSERVED | Google ↗ AI Mode ↗ | — | Instruction | — | — | 1x of 1 |