Komplettera Lazy Loading med bildkomprimering

Under de senaste månaderna har vi pratat om vikten av bildkomprimering. Oavsett om det gäller 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 av bilder navigering på din webbplats genom att skjuta upp bildinläsningen tills dina läsare kommer till bilderna.

Genom att skjuta upp bildinläsningen kan mobilläsare spara på sitt dataabonnemang. Alla andra gynnas av snabbare laddningstider, vilket i sin tur ökar ditt SEO-poäng. Den positiva effekten av lazy loading är tillräckligt betydande för att Google Chrome planerar att använda tekniken i framtida uppdateringar.

lazy loading av bilder är inte den kompletta lösningen på alla problem med blogginläsning. I vissa fall behöver du förladda 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 att bilderna har det sista ordet om laddningstiderna. Det är här bildkomprimering kommer in i bilden.

Noggrann bildkomprimering

lazy loading av bilder skjuter upp nedladdningen av bilder tills de behövs. Tiden det tar att ladda ner bilder beror på hur stor bilden är - om den är några kilobyte eller megabyte. Bildkomprimering påskyndar själva nedladdningsprocessen genom att minska bildstorleken. Varför lazy loada bilder i full storlek när man kan lazy loada komprimerade bilder?

ImageRecycle tar över rollen som bildoptimerare. ImageRecycle är utformat för att minska storleken på bilder utan att kompromissa med kvaliteten. Bilder utgör några av de vanligaste och största elementen på moderna webbsidor. Att minska deras storlek innebär att man betalar för mindre lagringsutrymme och en snabbare webbupplevelse. Effekterna är häpnadsväckande. Jag skulle vilja tillägga att effekten blir ännu mer imponerande när lazy loading använder avancerad teknik som förladdning av viewport, vilket innebär att en eller två skärmhöjder redan har sina bilder förinlästa.

ImageRecycle kan användas i alla projekt tack vare ett praktiskt API, men du behöver inte vara tekniskt kunnig 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 för att använda ImageRecycle i något av dessa två plugins eller i skriptet är relativt enkel. Först måste du aktivera en gratis provperiod av ImageRecycle eller köpa en prenumeration. Installera och aktivera sedan WordPress- eller Joomla-tilläggen och ImageRecycle pluginet, och lägg till din ImageRecycle API-nyckel och hemlighet på inställningssidan. När du har aktiverat ditt ImageRecycle -konto kan du utnyttja dess fördelar utan att behöva lämna WordPress, Joomla, OpenCart eller något CMS.

Om det här är första gången du använder ImageRecycle på din webbplats kan du omedelbart få alla dina mediefiler uppdaterade. Med pluginet 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 är att denna process sker i bakgrunden.

Finjustering av bildkomprimering

Att kunna optimera alla bilder är en välsignelse, men ImageRecyclestörsta styrka är dess kontroll. Med ImageRecyclefår bildoptimering en helt ny dimension av kontroll. Du kan inkludera specifika mediemappar för komprimering, vilket lämnar andra bilder i sitt ursprungliga skick.

Du kan till och med ange komprimeringsnivån oberoende av varandra för olika filtyper – PDF-, PNG-, JPG- och GIF-filer. Komprimeringsnivåerna sträcker sig från bästa möjliga sparläge, vilket minskar filstorleken med upp till 80 %, till den mindre permanenta originalkvalitetsnivån, till ingen komprimering alls.

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

Mest oroande är att dessa stora bilder tar upp för mycket utrymme och måste laddas ner i sin helhet för att visas. ImageRecycle kan du automatiskt skala om bilder till en 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 minska laddningstiderna på din blogg, men ibland kan det vara nästan ytligt – en tillfällig uppladdning av webbsidor. Bildkomprimering kompletterar lazy loading genom att göra det fullt effektivt genom bildoptimering. Fortfarande osäker, eller exalterad över att prova bildkomprimering? Prova ImageRecycle själv med en gratis provperiod!