Kako minimizirati HTTP zahtjeve za poboljšanje vremena učitavanja

click fraud protection

HTTP zahtjevi su način na koji preglednici traže pregled vaših stranica. Kada se vaša web stranica učita u pregledniku, preglednik web serveru šalje HTTP zahtjev za stranicu u URL-u. Zatim, dok se HTML isporučuje, preglednik ga raščlanjuje i traži dodatne zahtjeve za slike, skripte, CSS, Flash i tako dalje.

Svaki put kad vidi zahtjev za novim elementom, pošalje još jedan HTTP zahtjev poslužitelju. Što više slika, skripti, CSS-a, Flash-a itd. da vaša stranica ima više zahtjeva i što će se sporije učitavati. Najlakši način da smanjite broj HTTP zahtjeva na svojim stranicama je da ne koristite mnogo (ili bilo koje druge) slike, skripte, CSS, Flash itd. Ali stranice koje su samo tekst su dosadne.

Kako smanjiti HTTP zahtjeve bez uništavanja vašeg dizajna

Srećom, postoji nekoliko načina na koje možete smanjiti broj HTTP zahtjeva uz održavanje visokokvalitetnih, bogatih web dizajna.

  • Kombinirajte datoteke - Koristeći vanjski stilski listovi i skripte važno je da im ne zaglave vrijeme učitavanja stranice, ali nemaju više CSS-a i jednu datoteku skripte.
  • instagram viewer
  • Koristite CSS Sprites - Kad kombinirate većinu ili sve slike u sprite, pretvorite više zahtjeva za slike u samo jedan. Tada samo koristite svojstvo CSS pozadinske slike za prikaz dijela slike koji vam treba.
  • Karte slika - Mape slika nisu toliko popularne kao nekada, ali kada imate susjedne slike, mogu smanjiti više zahtjeva za HTTP slikom na samo jedan.

Koristite predmemoriranje za poboljšanje internih vremena učitavanja stranice

Korištenjem CSS spriteova i kombiniranih CSS datoteka i datoteka skripti možete i poboljšati vrijeme učitavanja internih stranica. Na primjer, ako imate sliku spriteta koja sadrži elemente internih stranica, kao i vašu odredišna stranica, a kad vaši čitatelji odu na te interne stranice, slika je već preuzeta i u predmemorija. Dakle, neće im trebati HTTP zahtjev za učitavanje tih slika na vašim internim stranicama.

instagram story viewer