Which modern image compression formats and responsive image delivery techniques offer the best site speed optimization gains for photography portfolios?
Download run
Fan-out diagram
The searches the AI actually ran for this prompt.
SEED QUERY
Which modern image compression formats and responsive image delivery techniques offer the best site speed optimization gains for photography portfolios?
3 real searches · 1 real-search pass
2026 image formats AVIF WebP JPEG XL browser support responsive images performance web.devGoogle ↗
OBSERVEDComparison
web.dev responsive images srcset sizes picture image optimization LCP photography portfolioGoogle ↗
OBSERVEDOther / navigational
MDN image loading lazy decoding fetchpriority responsive images width heightGoogle ↗
OBSERVEDReason
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 image formats AVIF WebP JPEG XL browser support responsive images performance web.dev Google ↗
web.dev responsive images srcset sizes picture image optimization LCP photography portfolio Google ↗
MDN image loading lazy decoding fetchpriority responsive images width height Google ↗
- Image performance | web.dev · web.dev
- Image file type and format guide - Media · developer.mozilla.org
- content/files/en-us/web/media/guides/formats/image_types/index.md at main · mdn/content · github.com
- <img> HTML image embed element - HTML · developer.mozilla.org
- Optimize image priority | Modern Web Guidance | Chrome for Developers · developer.chrome.com
- fetchpriority HTML attribute - HTML · developer.mozilla.org
- An image format for the Web | WebP | Google for Developers · developers.google.com
- Choose the right image format | Articles | web.dev · web.dev
- Cloudinary website · cloudinary.com
- ImageKit website · imagekit.io
- Cloudflare Images website · cloudflare.com
- Test website performance · pagespeed.web.dev
- Audit performance · developer.chrome.com
- Test loading performance · webpagetest.org
Queries
3 queries · click a column to sort
| Query / type | Search | Intent | Query class | Routing format | Cluster | Freq ↓ | Weight |
|---|---|---|---|---|---|---|---|
2026 image formats AVIF WebP JPEG XL browser support responsive images performance web.dev OBSERVED | Google ↗ AI Mode ↗ | — | Comparison | — | — | 1x of 1 | |
web.dev responsive images srcset sizes picture image optimization LCP photography portfolio OBSERVED | Google ↗ AI Mode ↗ | — | Other / navigational | — | — | 1x of 1 | |
MDN image loading lazy decoding fetchpriority responsive images width height OBSERVED | Google ↗ AI Mode ↗ | — | Reason | — | — | 1x of 1 |