Gebruik je veel afbeeldingen op je Blogger-blog, maar merk je dat je blog soms traag laadt? Dan ben je niet de enige. Grote afbeeldingen zijn vaak de boosdoener. Gelukkig zijn er simpele manieren om dit probleem aan te pakken — zonder dat je hoeft in te leveren op kwaliteit. In deze blogpost laat ik je zien hoe je met lazy loading en WebP image serving je blog een stuk sneller maakt.
Maar eerst even dit!
Maar eerst wil ik nog even benadrukken dat het altijd goed is om afbeeldingen eerst te verkleinen voordat je ze upload naar je blogpost! Dat doe je met bijvoorbeeld ReduceImages. Grote afbeeldingsbestanden kunnen namelijk de laadtijd van je blog flink vertragen.
Met ‘verkleinen’ bedoel ik niet dat je de afmetingen (zoals breedte en hoogte) moet aanpassen, maar dat je de bestandsgrootte in MB kleiner maakt. Daarnaast is er een hele snelle en makkelijke manier om de laadtijd van afbeeldingen te versnellen!
Blogger Tip: Zo verbeter je snel en simpel de laadtijd van afbeeldingen op je Blogspot blog
Twee goede methodes om het laden van afbeeldingen op je blog te optimaliseren is met behulp van zogenoemd Lazy Loading en WebP Image Serving.
1. Lazy loading
Lazy loading betekent dat afbeeldingen niet direct worden geladen wanneer iemand op je blog komt, maar pas op het moment dat ze in beeld komen. Bezoekers kunnen dus alvast beginnen met lezen, terwijl afbeeldingen op de achtergrond worden geladen. De term ‘lazy loading’ is eigenlijk heel treffend: de afbeeldingen laden als het ware op hun gemakje.
2. WebP Image Serving
WebP serving betekent dat de afbeeldingen op je website aan bezoekers worden aangeboden in het moderne WebP-formaat, in plaats van bijvoorbeeld JPG of PNG. Dit formaat zorgt ervoor dat afbeeldingen een stuk kleiner zijn in bestandsgrootte, terwijl de kwaliteit vrijwel hetzelfde blijft.
Met ‘serving’wordt bedoeld hoe de afbeelding daadwerkelijk wordt geleverd aan de browser van de bezoeker. In de praktijk komt het erop neer dat een afbeelding automatisch wordt omgezet naar WebP en vervolgens in die lichtere versie wordt getoond, als de browser dat ondersteunt. Het voordeel hiervan is dat je website sneller laadt, wat niet alleen fijner is voor je bezoekers, maar ook goed is voor je positie in Google.
Lazy loading en WebP Image serving instellen op je Blogger blog
Dat doe je als volgt:
- Ga naar blogger.com
- Klik op Settings/Instellingen
- Scoll omlaag tot je bij Posts komt
- Vink daar de opties Lazy load images en WebP image serving aan
- Klik op Save
Klaar!
Blogger maakt dit makkelijk voor je!
Samenvattend
Als Blogspot blogger is het voor de laadtijd van je blog belangrijk dat je afbeeldingen en foto’s eerst verkleint met behulp van bijvoorbeeld ReduceImages en dat je Lazy Load imagees en WebP image serving activeert.
Leestip
Hoe ga jij om met afbeeldingen op je blog?
