Image optimizer op het Hypernode platform

Behaal een flinke snelheidswinst door alle afbeeldingen op je Magento shop te optimaliseren. Dit kan een tijdrovende klus zijn maar niet op ons Hypernode platform. Daar hebben we een gave feature die je hierbij kan helpen: de Image optimizer. Deze optimaliseert automatisch al je afbeeldingen. In dit artikel leggen we je stap voor stap uit hoe je binnen enkele minuten de Image optimizer van Hypernode kan instellen.

@Hypernode_com hypernode-image-optimizer is pretty effective “Optimization profit over all files: 502812 KB (82%)”. Thanks for that!

— Sander Mangel (@sandermangel) March 16, 2015

Weten hoeveel ruimte je kunt besparen?

Er is nu nog niks aangepast maar er is berekend dat je 226MB (oftewel 30%) van je schijfruimte kunt besparen door je afbeeldingen te optimaliseren.

De geoptimaliseerde afbeeldingen opslaan

Gebruik onderstaand commando om de oude afbeeldingen te vervangen door de geoptimaliseerde afbeeldingen. Zorg ervoor dat je van te voren een back-up maakt van al je media files.

Ga naar je site, leeg je cache met CTRL-F5 (Mac: CMD-R) en bekijk het resultaat. Waarschijnlijk zie je geen verschil behalve dat je pagina veel sneller geladen wordt. Als je tevreden bent kun je een cronjob instellen waarmee nieuwe afbeeldingen automatisch elke nacht geoptimaliseerd worden.

Voeg onderstaande code toe.

Resultaat: elke nacht worden om 4.30 uur alle nieuwe afbeeldingen (die je de voorgaande dag toegevoegd hebt) geoptimaliseerd.

Tips voor gevorderden

Je kan zelf twee instellingen van de image optimizer aanpassen; het compressie level en de maximale grootte die een afbeelding mag hebben.

De image optimizer gebruikt een image compressie level van 90% voor JPG afbeeldingen. Dit is een veilige en beetje conservatieve waarde. Vaak wordt een compressie level van 80% aangeraden. Mocht je het compressie level aan willen passen dan kan je hypernode-image-optimizer --quality 80 gebruiken. Zie onderstaande afbeelding om de kwaliteit bij verschillende compressie levels te vergelijken.

Standaard staat de image optimizer zo ingesteld dat alle afbeeldingen die groter zijn dan 1000 pixel verkleind worden. Als je de maximale grootte wilt veranderen (naar bijvoorbeeld 2000 pixels) kan je dit commando gebruiken hypernode-image-optimizer --size 2000.