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.
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.
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?
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.
CSS Sprites er primært til faste elementer (knapper og øvrige grafikstumper) som udgør de faste design. Det er ikke hensigtsmæssigt i dette tilfælde.
Jeg vil foreslå at du benytter dig af "lazy load" eller en anden form for asynkron loading-metode (søg efter "Ajax", da de fleste benytter denne teknologi).
Måske vil den bedste løsning være at du får opdelt "India" i mindre undersider - det virker som en meget lang side.
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?
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.