1. Ga naar uw SiteGround-account en log in.

2. Klik op "Websitetools" in het linkernavigatiemenu.

3. Klik op "Image Optimizer" in het gedeelte "Extra".

4. Klik onder het gedeelte "WebP-ondersteuning" op de knop "Inschakelen".

2. Configureer uw WordPress-site om WebP-afbeeldingen weer te geven

1. Installeer en activeer de plug-in "WebP Express" op uw WordPress-site.

2. Ga naar "Instellingen"> "WebP Express" in uw WordPress-beheerdersdashboard.

3. Selecteer op het tabblad 'Algemene instellingen' de optie 'SiteGround Image Optimizer' in het vervolgkeuzemenu 'WebP Conversion Service'.

4. Klik op de knop "Wijzigingen opslaan".

3. Test om er zeker van te zijn dat WebP-afbeeldingen worden weergegeven

1. Open uw website in een webbrowser en klik met de rechtermuisknop op een afbeelding.

2. Selecteer "Inspecteren" in het contextmenu.

3. Klik in de Developer Tools-console op het tabblad "Netwerk".

4. Laad uw website opnieuw en controleer het gedeelte 'Response Headers' van een verzoek om een ​​afbeelding.

5. U zou een header "Accept" moeten zien met een "webp"-waarde, wat aangeeft dat de browser om een ​​WebP-afbeelding vraagt.

4. Optimaliseer uw WebP-afbeeldingen

De SiteGround Image Optimizer optimaliseert automatisch uw WebP-afbeeldingen voor prestaties. U kunt uw afbeeldingen echter verder optimaliseren door een tool als Compressor.io of ImageOptim te gebruiken.

Conclusie

Door deze stappen te volgen, kunt u eenvoudig WebP-afbeeldingen weergeven op uw door SiteGround gehoste WordPress-site. Dit zal de prestaties van uw website helpen verbeteren en deze gebruiksvriendelijker maken.