Kuidas minimeerida HTTP-taotlusi laadimisaja parandamiseks

click fraud protection

HTTP-päringud näitavad, kuidas brauserid paluvad teie lehti vaadata. Kui teie veebileht laaditakse brauserisse, saadab brauser URL-is oleva lehe veebiserverile HTTP-päringu. Seejärel sõelub HTML-i edastamisel brauser selle ja otsib täiendavaid taotlusi piltide, skriptide, CSS, Flash ja nii edasi.

Iga kord, kui ta näeb uue elemendi taotlust, saadab ta serverile uue HTTP-päringu. Mida rohkem pilte, skripte, CSS-i, Flashi jne. et teie lehel on rohkem taotlusi ja seda aeglasemalt teie lehti laaditakse. Lihtsaim viis oma lehtedel olevate HTTP-päringute arvu vähendamiseks on kasutada paljusid (või mis tahes) pilte, skripte, CSS-i, Flashi jne. Kuid lehed, mis on lihtsalt tekst, on igavad.

Kuidas vähendada HTTP-päringuid oma disaini hävitamata

Õnneks on HTTP-päringute arvu vähendamiseks mitu võimalust, säilitades samal ajal kvaliteetsed ja rikkalikud veebidisainid.

  • Kombineeri failid - Kasutamine välised stiililehed ja skriptid on olulised, et need ei takistaks teie lehe laadimisaega, kuid neil pole rohkem kui ühte CSS-i ja ühte skriptifaili.
  • instagram viewer
  • Kasutage CSS Spriteid - Kui ühendate suurema osa või kõik oma pildid spriidiks, muudate mitu pilditaotlust vaid üheks. Seejärel kasutate lihtsalt vajaliku pildi osa kuvamiseks atribuuti CSS background-image.
  • Pildikaardid - Pildikaardid ei ole nii populaarsed kui kunagi varem, kuid kui teil on külgnevaid pilte, võivad need vähendada mitut HTTP-pilditaotlust kuni ühe.

Lehe sisemise laadimisaja parandamiseks kasutage vahemällu salvestamist

Kasutades CSS-spritte ning kombineeritud CSS- ja skriptifaile, saate ka siselehtede laadimisaega parandada. Näiteks kui teil on sprite pilt, mis sisaldab nii siselehtede elemente kui ka teie pilte sihtleht, siis kui teie lugejad lähevad nendele siselehtedele, on pilt juba alla laaditud ja aastal vahemälu. Seega pole nende piltide teie siselehtedele laadimiseks vaja HTTP-päringut.

instagram story viewer