Top 10 tipp, hogyan lehet növelni az oldalak betöltési sebessége
Azt hiszem, ez nem titok, hogy az oldal betöltése sebesség befolyásolja számos tényező. Ha valaki nem tudja, akkor röviden azt mondják, a következő, hogy a letöltési sebesség nem csak attól függ, hogy a látogató, hogy várjon, mikor töltse fel a honlapon, hanem a SEO optimalizálás. Elvégre, ma sok keresők, ha rangú telek, elkezdték vizsgálni az oldal betöltése sebesség. Ezért a gyorsabb lesz betölteni a helyén, annál több látogató kaphat a keresőmotorok, és ennek következtében több pénzt, hogy pénzt.
MarkDay.ru - Közösségi SEO, webmesterek és Moneymaker.
1. számának csökkentése HTTP-kérések
80% -át a letöltési oldal középpontjában az oldal betöltésekor alkatrészek, scriptek, képek, CSS fájlok. vaku. Specifikáció HTTP / 1.1 azt ajánlja, hogy a böngészők párhuzamosan megbízott legfeljebb 2 komponensei a weboldal egyetlen gazda. Számának csökkentése ezen összetevők, akkor számának csökkentése HTTP-kéréseket a szerver, és ennek eredményeként növeli a sebességet oldalak betöltése.
De hogyan lehet csökkenteni a kérések száma a szerver anélkül, hogy a megjelenése az oldal?
Tény, hogy számos módja van.
- A CSS-sprite. CSS-sprite - egy összetett kép, amely egy sor kis képek, amelyek a megfelelő időben a megfelelő elemet az oldalon vannak vágva a tulajdonságok használatával: background-image és background-position.
- Használata Inline-képek. Soros-képeket adatok URL-rendszer. hogy beágyazza a kép maga az oldal. Ez azonban növeli a méretét a HTML-dokumentum. Beágyazásával inline-képeket a stíluslapot, akkor el fogja érni a csökkentés kéréseket a szerver, és a HTML mérete ugyanaz marad.
- Merge több fájlt egy. Ha csatlakozni több mint egy oldal vagy css- js-fájlt, akkor össze őket egy. Ez egy nagyon egyszerű, de hatékony módja annak, hogy csökkentsék a számát http-kérést a szerver felé. Hogy megtanulják, hogyan kell csinálni, hogy menet közben, írtam a megjegyzés ide „Overclocking a webhelyen. Statikus nyomás css- és js- fájlokat röptében”
2. Tegye CSS fájlok elején az oldal
Elhelyezése a kapcsolat css fájlokat héderben oldal jutunk fokozatos rendering oldalak, azaz Oldal betöltésre kerül fokozatosan - először fejléc, majd a logót a tetején, navigáció, stb - és ez viszont szolgál kiváló indikátora a letöltési oldalon a felhasználó számára, és növeli az általános benyomás az oldalon.
Ha fel a CSS fájlok az az oldal alján, nem teszi lehetővé sok böngésző megjeleníti az oldalt lassan. Ez azért van, mert a böngésző „nem akar”, hogy dolgozza át elemeket, amelyek az oldal betöltését követően lehet változtatni a stílusát. Tehát az összes CSS fájlok, mindig csatlakoztassa a lap tetején a HEAD részben.
Ezen túlmenően, a külső Js-fájl blokk párhuzamos letöltés. Specifikáció HTTP / 1.1 azt ajánlja, hogy a böngészők párhuzamosan megbízott legfeljebb 2 komponensei a weboldal egyetlen gazda. Így, ha a képet a helyszínen találhatók a különböző gépek, akkor még több mint 2 egyidejű letöltések. És amikor a script van töltve, a böngésző nem indul semmilyen más letöltések, sőt más házigazdák.
5. aldomaint párhuzamos letöltés
6. Használja a böngésző cache
Ezért a HTTP-fejléc Lejár ki mindenütt, ahol csak lehet, pár napos vagy akár hónapokkal előre. Ahhoz, hogy az Apache webszerver adta esetben a HTTP-fejlécek lejár ajánlásokat adni a .htaccess fájlt, található a gyökérkönyvtárban a helyén, a következő sorokat:
8. optimalizálása képek
Meg kell határozni a megfelelő formátumot a képeket. Kiválasztása a megfelelő képarányú, jelentősen növeli a fájlméretet.
- GIF - ideális a képek több színben, mint például a logó.
- JPEG - tökéletes részletező képek sok szín, mint a fényképek.
- PNG - a választás, amikor szüksége van egy jó minőségű kép az átláthatóságot.
Optimalizálja a képet kétféleképpen történhet: vagy a szoftver segítségével online szolgáltatások interenet képtömörítéshez. Az első esetben, akkor kell egy kis tudás dolgozni egy adott program, de hogy kihasználják az online szolgáltatások és mindenki tudja. Tőled csak egyszer kell feltölteni a képeket, és a szolgáltatás maga optimalizálja őket, és ad egy linket letölteni a tömörített fájlokat.
Íme néhány online szolgáltatások optimalizálására képek:
9. Ne skála a kép
10. A Gzip- tömörítés
Mivel a vizsgálatok kimutatták, gzip tömörítésű szöveg „on the fly” fájlt 95-98% -ában csökkenti az idő, hogy át a fájlt a böngésző. Ha folyamatosan archivált fájlok másolatait a szerveren (in-memory proxy-szerver vagy lemezterület) vegyület, az általában lehet, hogy kiadja 3-4-szer gyorsabb.
Mivel változata HTTP / 1.1, webes kliensek jelzi, hogy milyen típusú tömörítést támogatják, amelyben Accept-Encoding fejléc a HTTP-kérést.
Accept-Encoding: gzip, kienged
Ha a web szerver látja ezt a fejlécet a kérést, akkor lehet alkalmazni, kompressziós válasz egyik felsorolt módszerek az ügyfél. A kiadott választ a kliens, a Content-Encoding fejléc értesíti a szervert arról, hogy a módszer a tömörítés a választ.
Az ily módon továbbított adatok kevesebb, mint a kezdeti mintegy 5-ször, és ez jelentősen gyorsítja a szállítás. Azonban van egy hátránya: a megnövekedett terhelést a webszerver. De a probléma a szerver mindig megoldható. Így nem fogunk figyelni rá.
Annak érdekében, hogy GZIP-tömörítés az oldalon, regisztrálnia kell az alábbi sorokat a kódot a .htaccess fájlt:
Ha ez a módszer működött, akkor jó, ha nem, akkor próbálja meg ezt itt a kód:
De ismétlem, ez a kód nem működik az összes szerver, így jobb az ügyfélszolgálat a tárhely szolgáltató és a kérdés tisztázására.
Nos, itt van minden, amit akartam mondani. Ebben a cikkben megpróbálom felsorolni az összes fő módja, hogy optimalizálja az ügyfél, hogy növelje a weboldal betöltése sebesség. Amellett, hogy optimalizálja az ügyfél, van is egy szerver optimalizálása. De ez a téma egy másik cikk.
Értékeld ezt a cikket: