Aanvulling op Lazy Loading met beeldcompressie

De afgelopen maanden hebben we het gehad over het belang van beeldcompressie. Of het nu in Joomla, WordPress, Drupal of een ander CMS is, beeldcompressie verbetert het paginagewicht en daarmee de globale laadtijd. Aan de andere kant vergemakkelijkt het lazy loading afbeeldingen het browsen op uw website door het laden van afbeeldingen uit te stellen totdat uw lezers bij afbeeldingen komen.

Door het laden van afbeeldingen uit te stellen, kunnen mobiele lezers besparen op hun data-abonnement. Alle anderen profiteren van snellere laadtijden, wat op zijn beurt uw SEO-score verhoogt. De positieve impact van lazy loading is zo groot dat Google Chrome van plan is de techniek in toekomstige updates standaard over te nemen.

Het lazy loading afbeeldingen is niet de allerbelangrijkste oplossing voor alle problemen met het laden van blogs. In sommige gevallen moet u afbeeldingen vooraf laden. In andere gevallen heb je grote afbeeldingen die te lang duren om te laden. Wat in deze scenario's gebruikelijk is, is het feit dat afbeeldingen het laatste woord hebben over laadtijden. Dit is waar beeldcompressie om de hoek komt kijken.

IJverige beeldcompressie

Het lazy loading van afbeeldingen wordt uitgesteld wanneer afbeeldingen worden gedownload totdat ze nodig zijn. De tijd die nodig is om afbeeldingen te downloaden, hangt af van hoe groot de afbeelding is - of het nu een paar kilobytes of megabytes groot is. Beeldcompressie versnelt het daadwerkelijke downloadproces door de grootte van afbeeldingen te verkleinen. Waarom zou je lui afbeeldingen op volledige grootte laden als je gecomprimeerde afbeeldingen lui zou kunnen laden?

ImageRecycle neemt de rol van de beeldoptimalisatie op zich. ImageRecycle is ontworpen om de grootte van afbeeldingen te verkleinen zonder concessies te doen aan de kwaliteit. Afbeeldingen omvatten enkele van de meest voorkomende en grote elementen op moderne webpagina's. Als u de grootte ervan verkleint, betaalt u voor minder opslagruimte en een snellere browse-ervaring. De effecten zijn verbazingwekkend. Ik zou hieraan willen toevoegen dat het effect zelfs nog indrukwekkender is wanneer bij het lazy loading gebruik wordt gemaakt van geavanceerde technieken zoals het vooraf laden van de viewport, wat betekent dat de afbeeldingen op één of twee schermhoogten al vooraf zijn geladen.

ImageRecycle kan in elk project worden gebruikt dankzij een handige API, maar je hoeft niet technisch ingesteld te zijn om ImageRecyclete gebruiken. De afbeeldingoptimalisatie maakt deel uit van twee plug-ins die u helpen uw WordPress- en Joomla-blogs te optimaliseren: WP Speed of Light en Speed Cache en kan op bijna elk platform worden gebruikt met het PHP-script voor beeldcompressie.

Het proces om ImageRecycle in een van deze twee plug-ins of in het script te gebruiken is relatief eenvoudig. Eerst moet u een gratis proefversie van ImageRecycle activeren of een abonnement kopen. Installeer en activeer vervolgens de WordPress- of Joomla-extensies en de ImageRecycle plug-in en voeg uw ImageRecycle API-sleutel en geheim toe op de instellingenpagina. Zodra u uw ImageRecycle account succesvol heeft geactiveerd, kunt u de voordelen ervan benutten zonder dat u WordPress, Joomla, opencart of een ander CMS hoeft te verlaten.

Als dit de eerste keer is dat u ImageRecycle op uw website gebruikt, dan kunt u al uw mediabestanden direct op snelheid krijgen. Met de plug-in geactiveerd, kunt u alle afbeeldingen en zelfs PDF-bestanden meteen in bulk comprimeren. In de toekomst kunt u bestanden afzonderlijk optimaliseren of media in bulk comprimeren. Het beste van alles is dat dit proces op de achtergrond plaatsvindt.

Beeldcompressie nauwkeurig afstemmen

Alle afbeeldingen kunnen optimaliseren is een zegen, maar de grootste kracht van ImageRecycleis de controle. Met ImageRecyclekrijgt beeldoptimalisatie een geheel nieuwe dimensie van controle. U kunt specifieke mediamappen toevoegen voor compressie, zodat andere afbeeldingen in hun oorspronkelijke staat blijven.

U kunt zelfs het compressieniveau onafhankelijk specificeren voor verschillende bestandstypen - PDF-, PNG-, JPG- en GIF-bestanden. De compressieniveaus variëren van de beste besparing, het verkleinen van bestandsgroottes tot 80%, tot het minder permanente originele kwaliteitsniveau, tot helemaal geen compressie.

In sommige gevallen wilt u mogelijk de beeldcompressie voorafgaan door een voorlopige stap voor het wijzigen van het formaat. Overweeg om afbeeldingen met enorme afmetingen te uploaden naar een blog die niet uitgebreid op media is gericht. Deze afbeeldingen worden waarschijnlijk toch verkleind wanneer ze in de frontend worden weergegeven.

Het meest verontrustende is dat deze grote afbeeldingen te veel ruimte in beslag nemen en in hun geheel moeten worden gedownload om te kunnen worden weergegeven. ImageRecycle kunt u afbeeldingen automatisch herschalen tot een maximale breedte of hoogte om te voorkomen dat u grote afbeeldingen opslaat die een nadelig effect hebben op uw blog.

Lazy loading is een goede oplossing om de laadtijden op je blog te bekorten, maar soms kan het bijna oppervlakkig zijn - een tijdelijke versnelling van webpagina's. Beeldcompressie vormt een aanvulling op lazy loading door het volledig effectief te maken door middel van beeldoptimalisatie. Nog steeds onbeslist of enthousiast om de beeldcompressie te proberen? Probeer ImageRecycle zelf uit met een gratis proefperiode!