Ako minimalizovať požiadavky HTTP na zlepšenie časov načítania

click fraud protection

HTTP požiadavky sú spôsob, akým prehliadače požadujú zobrazenie vašich stránok. Keď sa vaša webová stránka načíta do prehľadávača, prehľadávač odošle požiadavku HTTP na webový server pre stránku v adrese URL. Po dodaní kódu HTML ho prehliadač analyzuje a vyhľadá ďalšie požiadavky na obrázky, skripty, CSS, Flash atď.

Zakaždým, keď vidí požiadavku na nový prvok, odošle na server ďalšiu požiadavku HTTP. Čím viac obrázkov, skriptov, CSS, Flash atď. že vaša stránka obsahuje viac žiadostí a bude sa načítavať pomalšie. Najjednoduchší spôsob, ako znížiť počet požiadaviek HTTP na svojich stránkach, je nepoužívať veľa (alebo akýchkoľvek) obrázkov, skriptov, CSS, Flash atď. Ale stránky, ktoré sú iba textom, sú nudné.

Ako znížiť počet požiadaviek HTTP bez toho, aby ste zničili svoj dizajn

Našťastie existuje niekoľko spôsobov, ako môžete znížiť počet požiadaviek HTTP pri zachovaní kvalitného a bohatého webového dizajnu.

  • Skombinujte súbory - Použitím externé štýly a skripty je dôležité, aby vám nezabúdali na časy načítania stránky, ale nemajú viac ako jeden CSS a jeden súbor skriptu.
  • instagram viewer
  • Používajte CSS Sprites - Keď skombinujete väčšinu alebo všetky svoje obrázky na škriatka, premeníte žiadosti o viac obrázkov na jednu. Potom už len pomocou vlastnosti CSS background-image zobrazíte požadovanú časť obrázka.
  • Obrázkové mapy - Obrázkové mapy nie sú také populárne ako kedysi, ale ak máte súvislé obrázky, môžu znížiť počet požiadaviek na obrázky HTTP až na jeden.

Pomocou medzipamäte môžete vylepšiť časy načítania interných stránok

Použitím skriptov CSS a kombinovaných súborov CSS a skriptov môžete tiež zlepšiť časy načítania interných stránok. Napríklad ak máte spriteový obrázok, ktorý obsahuje rovnako ako aj prvky vnútorných stránok cieľová stránka, potom keď vaši čitatelia prejdú na tieto interné stránky, obrázok je už stiahnutý a v cache. Na načítanie týchto obrázkov na vaše interiérové ​​stránky teda nebudú potrebovať požiadavku HTTP.

instagram story viewer