Csökkentse az oldalak összetevőinek számát
A HTTP-kérelmek a böngészők kérései az oldalak megtekintésére. Amikor a weboldal betöltődik egy böngészőben, a böngésző HTTP-kérelmet küld az URL-címre az internetes kiszolgálónak. Ezután a HTML megjelenésekor a böngésző elemzi és további kéréseket keres a képekhez, szkriptekhez, CSS-hez , Flash-hez stb.
Minden alkalommal, amikor egy új elemre vonatkozó kérelmet lát, egy másik HTTP-kérelmet küld a kiszolgálónak. Minél több képre, szkriptre, CSS-re, Flashre stb. Kerül sor, hogy az oldaladnak több kérése lesz, és lassabb lesz az oldalak betöltése. A legegyszerűbb módja annak, hogy csökkentsük a HTTP-kérelmek számát az oldalainkon, hogy ne használjunk sok (vagy bármilyen) képet, szkriptet, CSS-t, Flash-et stb. De a csak szöveges oldalak unalmasak.
Hogyan csökkentheti a HTTP kéréseket a terv megsemmisítése nélkül?
Szerencsére számos módja van arra, hogy csökkentse a HTTP-kérelmek számát, miközben megőrzi a kiváló minőségű, gazdag webmintákat.
- Fájlok kombinálása - A külső stíluslapok és szkriptek használata fontos, hogy megóvja őket az oldal betöltési idejétől, de nem rendelkeznek több mint egy CSS és egy parancsfájllal.
- A CSS Sprites használatával - Ha a legtöbbet vagy az összes képet egy sprite-ből állítja össze, akkor több képkérést egyszerre. Ezután csak a háttérkép-CSS-tulajdonságot használja a szükséges kép szekciójának megjelenítéséhez.
- Kép térképek - A képmappák nem olyan népszerűek, mint korábban, de ha összefüggő képeket tartalmaznak, akkor több HTTP képkérést is le lehet csökkenteni csak egy számára.
Használja a gyorsítótárazást a belső terhelési idő javítása érdekében
A CSS sprites és a kombinált CSS és script fájlok használatával javíthatja a belső oldalak betöltési idejét is. Például ha van egy sprite kép, amely tartalmazza a belső oldalak elemeit, valamint a céloldalt, akkor amikor az olvasó eléri ezeket a belső oldalakat, a kép már letöltött és a gyorsítótárban van . Tehát nem kell HTTP kérelem, hogy ezeket a képeket a belső oldalain is betöltsék.