Mastodon Feed: Post

Reblogged by kornel ("Kornel"):

nucliweb@webperf.social wrote:

⚡️ #WebPerfTip

Detect the largest images on a website:

1️⃣ Open Chrome DevTools
2️⃣ Select Network Tab
3️⃣ Open filters and select "Img"
4️⃣ Write "largest-than:1M" in the filter input
5️⃣ Reload the page
6️⃣ Optimize the images listed

#WebPerf #ImagePerf #Image

Attachments:

• Chrome DevTools screenshot in the Network tab and filtering images with the text "larger-than:1M" to filter the largest images, in this case, 14 images that sum more than 20M (remote)