Jak minimalizovat požadavky HTTP pro zkrácení doby načítání

click fraud protection

Požadavky HTTP jsou způsob, jakým prohlížeče požadují zobrazení vašich stránek. Když se vaše webová stránka načte v prohlížeči, prohlížeč odešle požadavek HTTP na webový server pro stránku v URL. Poté, co je HTML dodáno, jej prohlížeč analyzuje a hledá další požadavky na obrázky, skripty, CSS, Flash atd.

Pokaždé, když vidí požadavek na nový prvek, odešle na server další požadavek HTTP. Čím více obrázků, skriptů, CSS, Flash atd. že vaše stránka má, tím více požadavků bude učiněno a čím pomaleji se vaše stránky budou načítat. Nejjednodušší způsob, jak snížit počet požadavků HTTP na vašich stránkách, je nepoužívat mnoho (nebo žádné) obrázky, skripty, CSS, Flash atd. Ale stránky, které jsou pouze textové, jsou nudné.

Jak snížit požadavky HTTP, aniž byste zničili svůj design

Naštěstí existuje několik způsobů, jak můžete snížit počet požadavků HTTP při zachování vysoce kvalitních a bohatých webových návrhů.

  • Zkombinujte soubory - Použitím externí styly a skripty je důležité, aby jim nezabraňovaly časy načítání stránky, ale nemají více než jeden soubor CSS a jeden soubor skriptu.
  • instagram viewer
  • Použijte CSS Sprites - Když zkombinujete většinu nebo všechny své obrázky do sprite, změníte více požadavků na obrázky na jeden. Pak stačí použít vlastnost CSS pozadí k zobrazení požadované části obrázku.
  • Obrázkové mapy - Obrazové mapy už nejsou tak populární jako dřív, ale pokud máte souvislé obrázky, mohou snížit počet požadavků na obrázky HTTP až na jeden.

Pomocí mezipaměti můžete zlepšit časy interního načítání stránek

Pomocí skriptů CSS a kombinovaných souborů CSS a skriptů můžete také zlepšit časy načítání interních stránek. Například pokud máte sprite obrázek, který obsahuje prvky vnitřních i vašich stránek vstupní stránka, pak když čtenáři přejdou na tyto interní stránky, obrázek je již stažen a v mezipaměti. K načtení těchto obrázků na vaše interiérové ​​stránky tedy nebudou potřebovat požadavek HTTP.

instagram story viewer