Kā samazināt HTTP pieprasījumus, lai uzlabotu ielādes laikus

click fraud protection

HTTP pieprasījumi ir tas, kā pārlūkprogrammas lūdz skatīt jūsu lapas. Kad jūsu vietne tiek ielādēta pārlūkprogrammā, pārlūkprogramma nosūta HTTP pieprasījumu tīmekļa serverim par vietni URL. Pēc tam, kad HTML tiek piegādāts, pārlūks to parsē un meklē papildu pieprasījumus pēc attēliem, skriptiem, CSS, Flash un tā tālāk.

Katru reizi, kad tā redz pieprasījumu pēc jauna elementa, tā serverim nosūta vēl vienu HTTP pieprasījumu. Jo vairāk attēlu, skriptu, CSS, Flash utt. ka jūsu lapā ir vairāk pieprasījumu, un lēnāk jūsu lapas tiks ielādētas. Vieglākais veids, kā samazināt HTTP pieprasījumu skaitu savās lapās, ir neizmantot daudz (vai jebkuru) attēlu, skriptu, CSS, Flash utt. Bet lapas, kas ir tikai teksts, ir garlaicīgas.

Kā samazināt HTTP pieprasījumus, neiznīcinot dizainu

Par laimi, ir vairāki veidi, kā samazināt HTTP pieprasījumu skaitu, vienlaikus saglabājot augstas kvalitātes un bagātīgu tīmekļa dizainu.

  • Apvienot failus - Izmantojot ārējās stila lapas un skripti ir svarīgi, lai tie nepieļautu jūsu lapas ielādes laiku, taču tiem ir tikai viens CSS un viens skripta fails.
  • instagram viewer
  • Izmantojiet CSS Sprites - Kad jūs apvienojat lielāko daļu vai visus savus attēlus sprīdī, vairākus attēlu pieprasījumus pārvēršat tikai vienā. Tad jūs vienkārši izmantojat fona attēla CSS rekvizītu, lai parādītu nepieciešamo attēla sadaļu.
  • Attēlu kartes - Attēlu kartes nav tik populāras kā kādreiz, taču, ja jums ir blakus esošie attēli, tie var samazināt vairākus HTTP attēlu pieprasījumus līdz tikai vienam.

Izmantojiet kešatmiņu, lai uzlabotu lapas iekšējo ielādes laiku

Izmantojot CSS sprites un kombinētos CSS un skriptu failus, varat arī uzlabot iekšējo lapu ielādes laiku. Piemēram, ja jums ir sprite attēls, kas satur interjera lapu elementus, kā arī jūsu galveno lapu, tad, kad lasītāji dodas uz šīm iekšējām lapām, attēls jau ir lejupielādēts un iekš kešatmiņa. Tāpēc arī viņiem nebūs vajadzīgs HTTP pieprasījums, lai šos attēlus ielādētu jūsu iekšējās lapās.

instagram story viewer