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.

Weten hoeveel ruimte je kunt besparen?

Log in met SSH op je Hypernode omgeving en tik het volgende commando.

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.

result100

result50

 

Verder lezen:

 

 op

Merel is contentmarketeer en communicatiespecialist. In haar dagelijkse werkzaamheden stort ze zich vol enthousiasme op het schrijven van interessante content, het organiseren van evenementen en de communicatie van Byte. Buiten het werk staat Merel het liefst in de kroeg, op het voetbalveld of hangend op de bank voor een goede film of serie.