Hjælp til salg (Ikke internet)

Svar: Hvordan reducerer vi antallet af requests?

Mads — Tue, 04 Dec 2012 15:04:19 GMT

Umulius:
Vores udvikler siger, at det først henter billederne, når man scroller ned. Er du sikker og hvordan kan det efterprøves?

Det passer ikke. I chrome kan du tjekke med at trykke F12 og få ind i network (hvor den viser alt hvad der hentes) og genindlæse siden. Så kan du se at alt bliver hentet inden man scroller.

Samme kan ses i firefox med Firebug installeret under 'Net'.

Det er rigtigt at den ikke viser billederne inden man scroller, men den henter dem stadigvæk inden. Det kan også ses, ved at kigge i kildekoden at alle billederne står i src attributten på img. Så bliver de hentet så snart browseren læser linjen.

Svar: Hvordan reducerer vi antallet af requests?

Umulius — Tue, 04 Dec 2012 14:54:10 GMT

Michael:

Har du overvejet et CDN. En server hvor du kun har statisk indhold (css, billeder, javascript) liggende?

Ja, det har jeg. Men jeg har vurderet, at vi er for tidligt på den. Vi skal have lidt mere trafik, før det bliver aktuelt. Det er dog en god løsning på sigt.

Dog er der én ting jeg ikke forstår. Hoster en CDN operatør hele ens website eller kun det indhold man definerer?

Svar: Hvordan reducerer vi antallet af requests?

Michael — Tue, 04 Dec 2012 12:16:05 GMT

I et første request, uden load fra cache på siden http://www.wildplanettours.com/destinations/india sker der 280 requests. Dette sker før der overhovedet scrolles. Scrolles der langsomt igennem når jeg ca. 500 requests. Phew! :)

Små billeder tager ca. 1.5 - 4.3 sek. at loade på siden, men ca. 300ms når de hentes enkeltvis.

Har du overvejet et CDN. En server hvor du kun har statisk indhold (css, billeder, javascript) liggende?

Svar: Hvordan reducerer vi antallet af requests?

Umulius — Tue, 04 Dec 2012 11:32:00 GMT

Mads Mogenshøj:

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.

Vores udvikler siger, at det først henter billederne, når man scroller ned. Er du sikker og hvordan kan det efterprøves?

Svar: Hvordan reducerer vi antallet af requests?

Mads — Mon, 03 Dec 2012 18:00:38 GMT

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.

Svar: Hvordan reducerer vi antallet af requests?

Umulius — Mon, 03 Dec 2012 17:42:10 GMT

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?

Svar: Hvordan reducerer vi antallet af requests?

Christoffer Hauthorn Boisen — Mon, 03 Dec 2012 13:02:55 GMT

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.

Svar: Hvordan reducerer vi antallet af requests?

Kasper Grubbe — Mon, 03 Dec 2012 12:29:12 GMT

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.

Svar: Hvordan reducerer vi antallet af requests?

Kim Hjortholm — Mon, 03 Dec 2012 12:23:40 GMT

Forslag

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

Svar: Hvordan reducerer vi antallet af requests?

Umulius — Mon, 03 Dec 2012 11:43:10 GMT

Tak for Jeres svar.

Måske vil det være nemmere, hvis I kan se, hvilken sider det drejer sig om:

Denne side har 106 forespørgsler: www.wildplanettours.com

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?

Svar: Hvordan reducerer vi antallet af requests?

Jakob Søndergård — Mon, 03 Dec 2012 10:47:20 GMT

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:

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?

Svar: Hvordan reducerer vi antallet af requests?

Michael — Mon, 03 Dec 2012 10:43:31 GMT

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.

Svar: Hvordan reducerer vi antallet af requests?

Christoffer Hauthorn Boisen — Mon, 03 Dec 2012 10:39:48 GMT

Nu kender jeg ikke udformningen af siden, men måske kunne CSS Sprites være løsningen?

Hvordan reducerer vi antallet af requests?

Umulius — Mon, 03 Dec 2012 10:32:51 GMT

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