Hogyan lehet felgyorsítani a letöltési oldalon
Van egy gyors honlap egy nagyon fontos szempont, ha azt szeretné, hogy életben maradjanak a modern korban a web design. Őszintén szólva, a lassú weboldalakon most hagyta több hely.
Mi a betöltési ideje weboldal?
weboldal betöltési ideje függ a kérést intéz a szerverhez betölteni a honlapon. Minél több HTTP kérések a szerverre, és a hosszabb elemek hatályba lépő, annál lassabb a munkavégzés helyszínét.
Példák HTTP kérések:
- betöltése CSS stíluslap;
- letöltés szkriptek;
- képek letöltésére;
- HTML letölthető.
Egy másik tényező, amely szerepet játszik a weboldal letöltése, a méret az egyes fájlokat és képeket. Nagy, nagy felbontású képeket vehet 10-szer hosszabb betölteni, mint a rendes képet, és szükségtelenül nagy fájlok jelentősen lassítja a lejátszási oldalon.
A cél a gyors oldal, hogy hatékonyabbá tétele. Ezt úgy tehetjük meg, azáltal, hogy számos változtatást a kódot, képek, és az elrendezés, a honlapon.
Oldal követési sebesség
Követni tudjuk a sebességet értékelő oldalainkon keresztül Page Speed a Google Insights vagy YSlow a Yahoo. A Google is van egy plug Page Speed, amely jól működik a Firefox, ha már telepítve Firebug.
Vessünk egy weboldalt, amely alatt áll, és használja azt a példát bemutató. Kezdeti értékelését az oldalak a Google sebessége 48 100 pont. Úgy működik, OS Commerce platform.
1. lépés: a kép tömörítésének
Step számú tömörítése összes képek web kijelzőn. Ezt megtehetjük képek segítségével a kompresszor, az alapértelmezett beépített Google Page Speed plugin. Mentsd meg a tömörített változata a képet a helyi mappát a számítógépen, és újra feltölteni a képet, hogy az a hely, tömörítetlen képeket.
A frissített értékelése: 61 100
2. lépés: skálázás képek
Miután a kép tömörítésének, meg kell változtatni a képet, hogy azok megfelelően méretezett a honlapján. Egy ilyen intézkedés elkerüli a késleltetést szerver, változtatni a kép méretét. Lehet méretezni a képet a Photoshop, hozzáigazítva azokat az azonos képpont méretű, melyik lesz a HTML kódot.
A frissített értékelése: 72 100
3. lépés: A böngésző caching
Gyorsítótárral böngésző tárolja tárolt változata statikus erőforrások. Ez nagyban növeli a sebességet és csökkenti az oldalt kiszolgáló lag. Annak érdekében, hogy caching, akkor meg kell adni a következő kódot a .htaccess fájlt:
A frissített értékelése: 78 100
4. lépés: A kép CSS sprite
A képek lehet kombinálni CSS sprite számának csökkentése letöltött képek ezen az oldalon. CSS sprite egy nagy kép, amely több kisebb kép. A kombináció 5 képek egy CSS sprite a leggyorsabb módja, hogy gyorsítsák fel a weboldalt, amely lehetővé teszi a böngészőt, hogy a kép egy 5 helyett.
A legegyszerűbb módja annak, hogy hozzon létre CSS sprite van, hogy egy program SpriteMe
Győződjön meg róla, hogy elvégezte a szükséges módosításokat a CSS sprite létrehozása után a képeket. Szintén figyelni, hogy a telepítési utasításokat a weboldalon. Ez a program használható elérésekor a könyvjelzők a böngészőben.
A frissített értékelése: 82 100
A frissített értékelése: 86 100
A frissített értékelése: 90 100
Ön is megtekintheti a statikus erőforrás letöltések a webhely a CDN vagy a „Content Delivery Network”. CDN egy másik módja annak, hogy jelentősen csökkenti a lag a szerveren, miközben statikus forrásokat a hálózatok gyors letöltési szerverek. A felhasználók jól ismert CDN ESPN és NBA.com.
Weboldalak Mobil fejlesztés
Természetesen ez nem az összes lehetőséget, de remélhetőleg ezek a tippek segítenek optimalizálni a letöltési sebesség a honlapon!
FIGYELEM! Ön egy elavult böngészőt használ Internet Explorer
Ez a weboldal épül a fejlett, korszerű technológiák és nem támogatja az Internet Explorer a második és a hetedik változat.
