Gebruik Optimus voor WordPress om de afbeeldingsgrootte te verkleinen en de laadsnelheid te verbeteren
Als u een webmaster bent die een online bedrijf runt, weet u dat een van de factoren die een goede positie in Google en andere zoekmachines innemen, is dat u een snellaadsite heeft. En ja, een advies dat u vaak hoort, is om de afbeeldingen te optimaliseren tot de laagst mogelijke grootte, zodat ze de laadtijd van de site niet vertragen. Als u WordPress gebruikt, is Optimus een beeldoptimalisatie-plug-in die u zou moeten proberen.
Wat is Optimus
Optimus is een WordPress-plug-in (ontwikkeld door KeyCDN) die de afbeeldingen optimaliseert die u naar uw site uploadt en mogelijk tot 70% van de beeldgrootte verkleint.
Wanneer u een nieuwe afbeelding in WordPress uploadt, wordt de afbeelding verzonden naar de Optimus.io-server waar deze wordt geoptimaliseerd. De geoptimaliseerde afbeelding wordt vervolgens teruggestuurd naar uw server waar deze het geüploade bestand zal vervangen. Al deze stappen worden stil op de achtergrond uitgevoerd en gebeuren in realtime.
Optimus maakt gebruik van verliesvrije compressie, zodat uw beeldkwaliteit niet wordt beïnvloed. Het verwijdert ook alle overbodige metadata van de afbeeldingen in ruil voor een kleinere bestandsgrootte.
De plug-in is gratis, hoewel deze wordt geleverd met een beperking van 100 kB. Als u een upgrade uitvoert naar Optimus HQ ($ 19 per jaar), kunt u ervoor zorgen dat alle afbeeldingen naar .webp-indeling worden geconverteerd, waardoor de bestandsgrootte verder kan worden verkleind. Een ding is dat het .webp-formaat alleen wordt ondersteund in Chrome en Opera.
Beeld compressie vergelijking
Om te zien hoe Optimus zich verhoudt tot de andere beeldoptimalisatie-plugins, hebben we WP Smush, Kraken en Optimus samengenomen en ontpit.
De gebruikte afbeelding was een foto van de berg Fuji, hier te vinden. De originele bestandsgrootte is 669.982 bytes (672 KB).
Dit is het resultaat na het gebruik van alle drie plug-ins om verschillende exemplaren van dezelfde afbeelding te optimaliseren.
Beeldoptimalisatieservice | Oorspronkelijke afbeeldingsgrootte (bytes) | Gecomprimeerde afbeeldingsgrootte (bytes) | Opslaan (%) |
---|---|---|---|
Optimus | 669.982 | 577.337 | 13.83 |
WP Smush | 669.982 | 577.367 | 13.82 |
Kraken (Lossless) | 669.982 | 631.653 | 5.72 |
Kraken (Lossy) | 669.982 | 111.563 | 83, 35 |
Optimus (webp) | 669.982 | 109.922 | 83.59 |
Voor compressie zonder verlies ziet u dat Optimus de beste optimalisatie heeft, vergelijkbaar met WP Smush. Kraken zit ver achter met een korting van slechts 5%.
Als u echter de verliescompressie van Kraken in aanmerking neemt (Optimus biedt geen compressie met verlies), dan is het verschil in bestandsgroottevermindering vrij groot (83% versus 13%). Aan de andere kant staat het .webp-formaat dat Optimus biedt op hetzelfde niveau als de lossy-compressie met een korting van 83, 59%.
Opmerking : WP Smush biedt ook compressie met verlies, maar hiervoor is een pro-abonnement vereist; daarom hebben we het niet getest.
Presenteren .webp afbeelding
Zoals eerder vermeld, wordt het .webp-formaat alleen ondersteund in Chrome en Opera. Dus de vraag is nu: " hoe kan je .webp-afbeeldingen alleen voor ondersteunde browsers dienen? "Hier komt de WordPress Cache Enabler-plug-in voor. Ontwikkeld door dezelfde ontwikkelaar als Optimus, maakt WordPress Cache Enabler twee statische versies van uw website, één met de normale afbeeldingen en één met .webp-afbeeldingen. Vervolgens wordt gedetecteerd of de browser .webp-indeling ondersteunt en de juiste versie voor de gebruiker gebruikt. Zie het als een paginacache-plug-in, zoals W3 Total Cache of WP Super Cache, maar met .webp-ondersteuning.
Conclusie
Als je alleen maar een maximale bestandsreductie wilt en je het niet erg vindt om de beeldkwaliteit enigszins te verliezen, dan is Kraken Image Optimizer er één die je zou moeten gebruiken (we gebruiken het hier in MakeTechEasier). Maar als u op zoek bent naar verliesvrije compressie met .webp-ondersteuning, dan zou u Optimus moeten proberen. In combinatie met zijn KeyCDN-netwerk en WP-cache-enabler, kunt u de laadsnelheid van uw site aanzienlijk verbeteren.
Afbeelding tegoed: Japan