Hvordan reducerer vi antallet af requests?

Hej alle

Vi har et website, hvor der er mange billeder. Hvert billede genererer en request. Jeg har kigget lidt på base 64 encoding, men jeg kan ikke finde noget software, der kan tage en hel mappe af billeder.

Jeg kan finde tools som det her: http://www.dailycoding.com/Utils/Converter/ImageToBase64.aspx der konverterer et enkelt billede af gangen.

Jeg kan også finde et tool, der håndterer alle baggrundsbilleder: https://github.com/nzakas/cssembed

Findes der ikke et tool, der kan håndtere mapper af billeder? Det vil spare os for pænt meget tid...

Mvh

Umulius

Du skal huske på at datauri's maks. kan være 32KB i IE8 og IE9.

Du kan også lave CSS sprites ud af dine billeder, hvor du kombinere flere billeder til et og bruger CSS til at vise det rette område af den ene billede.

Har du tænkt dig at gemme din base64 i en database eller skal det ske on-the-fly? (I så fald går jeg ud fra du cacher dine sider?)

I f.eks. php er on-the-fly jo så enkelt som:

<img src="data:image/jpeg;base64,<?php echo base64_encode(file_get_contents('sti/til/billede.jpg')); ?>" />

Spørgsmålet er hvordan du vil administrere det, for uden cache er on-the-fly en dårlig ide. Måske trænger du i virkeligheden til at skifte webserver, eller til at få optimeret konfigurationen af den eksisterende?

• Redesign så de tunge sider splittes op i underområder
• Brug af sprites som nævnt i andet indlæg
• Asynkron image load - se f.eks https://github.com/sebarmeli/JAIL

Umulius:

Denne side har 325 forespørgsler: http://www.wildplanettours.com/destinations/india

Vi har lige skiftet hostingfirma og er godt tilfredse. Vores opgave lige nu er at minimere antallet af forespørgsler. 

Hvad vil være mest hensigtsmæssigt i vores tilfælde? CSS Sprites eller base64 encoder? Nogle konkrete bud på, hvordan vores udvikler bør gribe det an? 

CSS Sprites eller base64-encodes er ikke hensigtsmæssigt i dette tilfælde. 

Du bør bruge en asynkron image loader, dette gør også at du ikke skal genere nye sprites hvis der kommer et nyt billede, og en base64 encoder er hårdt for både serveren at generere og browseren at rendere. 

Tak igen :)

Vi har fået installeret en asynkron image loader, men det har ikke haft nogen effekt på antallet af requests til databasen. Jeg ved godt, at destinationssiden er lang, men det har vi valgt, fordi det tjener et formål, så vi vil ikke dele den op lige nu.

Jeg har droppet tankerne om CSS Sprites og Basecode 64.

Er der andre måder, hvorpå vi kan få antallet af requests ned? 

Umulius:

Vi har fået installeret en asynkron image loader, men det har ikke haft nogen effekt på antallet af requests til databasen.

Hvis du har installeret det fungerer det ikke som det skal. Den bør ikke hente billederne fra serveren før man begynder at scrolle ned. Den du har installeret henter alle billederne med det samme, men viser dem bare ikke før man har scrollet ned... så har det ingen effekt.