Foto's scalen/ optimaliseren voor Pagespeed Rank

[Dikke_Opa_Oma]

Ik ben bezig om mijn pagespeed te verbeteren en bij een check op gtmatrix krijg ik het volgende bericht:

''image x is resized in HTML or CSS from 1100x823 to 383x350. Serving a scaled image could save 31.1KiB (85% reduction).''

Nu mijn vraag, wat moet ik hier doen. De adbeelding verlagen naar 383px is geen optie aangezien deze afbeeldingen ongeveer 1/3de van het scherm vullen. Rond de 1000px by 72 is nodig voor een 4k monitor. De jpg's zijn al gereduceerd in grootte - zit rond de 60kb met prima kwaliteit.



alvast bedankt

[Jivebunny]

Op zich zou je kunnen kijken of je met <picture> verschillende formaten kan aanbieden voor verschillende apparaten/media views. Weet alleen niet of shopify daar iets voor heeft.

Oh en kijk eens hoeveel bezoekers (analytics) er met een 4k monitor op je site zitten. Als dat aantal verwaarloosbaar is, hoef je daar ook niet per se rekening mee te houden.

[ Voor 33% gewijzigd door Jivebunny op 10-09-2020 11:16 ]

[mcDavid]

Je kunt je ook afvragen hoe nuttig het is om een non-blocking request 30kb te verkleinen met hedendaagse internetverbindingen. Ik zou zeggen: zorg dat de expires header een datum vér in de toekomst teruggeeft en maak je er verder niet sappel om.