Komplettera Lazy Loading med bildkomprimering

Under de senaste månaderna har vi pratat om vikten av bildkomprimering. Oavsett om det är i Joomla, WordPress, Drupal eller något annat CMS, förbättrar bildkomprimering sidvikten och därmed den globala laddningstiden. Å andra sidan underlättar lazy loading att surfa på din webbplats genom att skjuta upp bildladdningen tills dina läsare kommer till bilder.

Genom att skjuta upp bildladdning kan mobilläsare spara i sin dataplan. Alla andra har nytta av snabbare laddningstider, vilket i sin tur ökar din SEO-poäng. Den positiva effekten av lazy loading är tillräckligt stor för att Google Chrome planerar att använda tekniken inbyggt i framtida uppdateringar.

lazy loading är inte lösningen för alla bloggar. I vissa fall måste du förinstallera bilder. I andra fall har du stora bilder som tar för lång tid att ladda. Det som är vanligt i dessa scenarier är det faktum att bilder har det sista ordet om laddningstider. Det är här bildkomprimering kommer in.

Flitig bildkomprimering

lazy loading skjuts upp när bilder laddas ner tills de behövs. Tiden det tar att ladda ner bilder beror på hur stor bilden är - om det är några kilobyte eller megabyte i storlek. Bildkomprimering påskyndar den faktiska nedladdningsprocessen genom att minska storleken på bilderna. Varför lata ladda bilder i full storlek när du kan ladda ladda komprimerade bilder?

ImageRecycle tar rollen som bildoptimeraren. ImageRecycle är utformad för att minska storleken på bilderna utan att kompromissa med kvaliteten. Bilder innehåller några av de vanligaste och stora elementen på moderna webbsidor. Att minska storleken innebär att du betalar för mindre lagringsutrymme och en snabbare surfupplevelse. Effekterna är häpnadsväckande. Jag vill tillägga att effekten är ännu mer imponerande när den lazy loading använder avancerad teknik som förladdning av visningsport, vilket innebär att en eller två skärmhöjder redan har sina bilder förinstallerade.

ImageRecycle kan användas i vilket projekt som helst tack vare ett praktiskt API, men du behöver inte vara tekniskt inställd för att använda ImageRecycle. Bildoptimeraren är en del av två plugins som hjälper dig att optimera dina WordPress- och Joomla-bloggar: WP Speed of Light och Speed Cache och kan användas på nästan vilken plattform som helst med PHP-bildkomprimeringsskriptet.

Processen att använda ImageRecycle i något av dessa två plugins eller i skriptet är relativt enkelt. Först måste du aktivera en gratis testversion av ImageRecycle eller köpa en prenumeration. Installera och aktivera sedan WordPress- eller Joomla-tilläggen och ImageRecycle plugin-programmet och lägg till din ImageRecycle API-nyckel och hemlighet på inställningssidan. När du väl har aktiverat ditt ImageRecycle konto kan du utnyttja fördelarna utan att behöva lämna WordPress, Joomla, opencart eller något CMS.

Om det är första gången du använder ImageRecycle på din webbplats kan du omedelbart få upp alla dina mediefiler. Med insticksprogrammet aktiverat kan du komprimera alla bilder och till och med PDF-filer i bulk direkt. I framtiden kan du optimera filer individuellt eller komprimera media i bulk. Bäst av allt, denna process händer i bakgrunden.

Finjustera bildkomprimering

Att kunna optimera alla bilder är en välsignelse, men ImageRecyclestörsta styrka är dess kontroll. Med ImageRecyclefår ImageRecycleen helt ny dimension av kontroll. Du kan inkludera specifika mediamappar för komprimering och lämna andra bilder i sitt ursprungliga tillstånd.

Du kan till och med ange komprimeringsnivån oberoende för olika filtyper - PDF-, PNG-, JPG- och GIF-filer. Kompressionsnivåerna sträcker sig från bästa sparande, skärande filstorlekar med upp till 80 %, till den mindre permanenta originalkvalitetsnivån, till ingen komprimering alls.

I vissa fall kanske du vill föregå bildkomprimering med ett preliminärt storleksändringssteg. Överväg att ladda upp bilder som har enorma dimensioner till en blogg som inte fokuserar så mycket på media. Dessa bilder kommer sannolikt att skalas ner när de renderas i frontend ändå.

Det mest oroande är att dessa stora bilder har för mycket utrymme och måste laddas ner i sin helhet för att kunna visas. ImageRecycle låter dig automatiskt ändra skalor till maximal bredd eller höjd för att undvika att lagra stora bilder som har en skadlig effekt på din blogg.

Lazy loading är en bra lösning för att begränsa laddningstider på din blogg, men ibland kan det vara nästan ytligt - en tillfällig påskyndning av webbsidor. Bildkomprimering kompletterar lazy loading genom att göra den fullt effektiv genom bildoptimering. Fortfarande obeslutet, eller glada över att ge bildkomprimering en chans? Prova ImageRecycle själv med en gratis testversion!