Supplering af Lazy Loading med billedkomprimering

I løbet af de sidste par måneder har vi talt om vigtigheden af ​​billedkomprimering. Uanset om det er i Joomla, WordPress, Drupal eller andre CMS'er, forbedrer billedkomprimering sidevægten og dermed den globale indlæsningstid. På den anden side letter lazy loading billeder navigationen på dit websted ved at udsætte indlæsningen af ​​billeder, indtil dine læsere når billederne.

Ved at udskyde indlæsning af billeder kan mobillæsere spare penge på deres dataabonnement. Alle andre drager fordel af hurtigere indlæsningstider, hvilket igen øger din SEO-score. Den positive effekt af lazy loading er betydelig nok til, at Google Chrome planlægger at implementere teknikken i fremtidige opdateringer.

lazy loading af billeder er ikke den endegyldige løsning på alle blogindlæsningsproblemer. I nogle tilfælde skal du forudindlæse billeder. I andre tilfælde har du store billeder, der tager for lang tid at indlæse. Det, der er almindeligt i disse scenarier, er, at billeder har det sidste ord i forhold til indlæsningstider. Det er her, billedkomprimering kommer ind i billedet.

Omhyggelig billedkomprimering

lazy loading af billeder udsætter download af billeder, indtil de er nødvendige. Den tid det tager at downloade billeder afhænger af billedets størrelse - om det er et par kilobyte eller megabyte. Billedkomprimering fremskynder selve downloadprocessen ved at reducere størrelsen på billederne. Hvorfor lazy loade billeder i fuld størrelse, når man kan lazy loade komprimerede billeder?

ImageRecycle påtager sig rollen som billedoptimerer. ImageRecycle er designet til at reducere størrelsen på billeder uden at gå på kompromis med kvaliteten. Billeder udgør nogle af de mest almindelige og store elementer på moderne websider. At reducere deres størrelse betyder at betale for mindre lagerplads og en hurtigere browsingoplevelse. Effekterne er forbløffende. Jeg vil tilføje, at effekten er endnu mere imponerende, når lazy loading bruger avanceret teknik som forudindlæsning af viewport, hvilket betyder, at en eller to skærmhøjder allerede har deres billeder forudindlæst.

ImageRecycle kan bruges i ethvert projekt takket være en praktisk API, men du behøver ikke at være teknisk anlagt for at bruge ImageRecycle. Billedoptimereren er en del af to plugins, der hjælper dig med at optimere dine WordPress- og Joomla-blogs: WP Speed of Light og Speed Cache , og kan bruges på næsten enhver platform med PHP-billedkomprimeringsscriptet.

Processen til at bruge ImageRecycle i et af disse to plugins eller i scriptet er relativt ligetil. Først skal du aktivere en gratis prøveversion af ImageRecycle eller købe et abonnement. Derefter skal du installere og aktivere WordPress- eller Joomla-udvidelserne og ImageRecycle pluginnet, og tilføje din ImageRecycle API-nøgle og -hemmelighed på indstillingssiden. Når du har aktiveret din ImageRecycle -konto, kan du udnytte dens fordele uden at skulle forlade WordPress, Joomla, OpenCart eller noget CMS.

Hvis det er første gang, du bruger ImageRecycle på din hjemmeside, kan du straks få alle dine mediefiler opdateret. Med pluginet aktiveret kan du komprimere alle billeder og endda PDF-filer på én gang med det samme. I fremtiden kan du optimere filer individuelt eller komprimere medier på én gang. Bedst af alt, denne proces sker i baggrunden.

Finjustering af billedkomprimering

At kunne optimere alle billeder er en velsignelse, men ImageRecyclestørste styrke er dens kontrol. Med ImageRecyclefår billedoptimering en helt ny dimension af kontrol. Du kan inkludere specifikke mediemapper til komprimering, så andre billeder forbliver i deres oprindelige tilstand.

Du kan endda angive komprimeringsniveauet uafhængigt for forskellige filtyper - PDF-, PNG-, JPG- og GIF-filer. Komprimeringsniveauerne spænder fra den bedste lagringskvalitet, der reducerer filstørrelser med op til 80 %, til det mindre permanente originale kvalitetsniveau og slet ingen komprimering.

I nogle tilfælde vil du måske forudgå billedkomprimering med et indledende trin til størrelsesændring. Overvej at uploade billeder med store dimensioner til en blog, der ikke fokuserer i høj grad på medier. Disse billeder vil sandsynligvis alligevel blive nedskaleret, når de gengives i frontend.

Det mest bekymrende er, at disse store billeder optager for meget plads og skal downloades i deres helhed for at blive vist. ImageRecycle giver dig mulighed for automatisk at skalere billeder til en maksimal bredde eller højde for at undgå at gemme store billeder, der har en skadelig effekt på din blog.

Lazy loading er en god løsning til at begrænse indlæsningstiden på din blog, men nogle gange kan det være næsten overfladisk - en midlertidig hastighedsforøgelse af websider. Billedkomprimering supplerer lazy loading ved at gøre det fuldt effektivt gennem billedoptimering. Stadig usikker, eller spændt på at give billedkomprimering en chance? Prøv ImageRecycle selv med en gratis prøveperiode!