Növeli a letöltési sebességet, profit vadász
Sajnos, vagy szerencsére, a keresőprogramok ma odafigyelés, milyen gyorsan a helyszínre. Ez befolyásolja, hogy a forrás lesz rangsorolva a keresést. Ezen túlmenően, a sebesség podgruzki határozza meg a viselkedését a látogatók, amelyek figyelembe veszik a robotokat.
Íme néhány tipp, hogyan lehet a helyszínen gyorsabb.
CSS felvétel elején
Pontosabban az oldalakon Header'e. Mert az elemei töltik sorozatosan a fejléc és a lábléc. Mi fog adni? Természetesen a használhatóságát a helyszínen a felhasználó, és növeli a hűségét. Ha csatlakozik az alján a CSS böngészők megtagadja fokozatos podgruzki elemekkel. Ezért az oldalon kell hivatkozni a CSS fájl már a címke fejét.
JS - a végén a kód
Csatlakoztatja JS fájlok végén a letöltési oldalon a fő tartalommal, hogy a felhasználók kell betölteni először. A fő szabály - nem teszi a látogatók számára, hogy várjon, hogy ahonnan érkezett. És sok szép elemekkel is betölthet majd. Mellesleg, a többi komponens az oldal betöltése közben nem podgruzki forgatókönyvet, még más házigazdák.
A használata sub-domain
A webhely egy csomó grafikai elemek? Akkor érdemes át őket egy vagy több al-domain, amely a böngésző minősülnek különböző szervereken. Azonban nem szükséges használni tucat aldomain: ez csak fáj a helyszínen. A mindent meg kell tudni, hogy mikor kell abbahagyni.
A számos HTTP-kérések
A legtöbb időt betöltése különböző szkriptek, CSS fájlok, fotók és a vaku. Kívánatos, hogy a böngészők feltöltsék a 2 oldal elem az 1. host. Az eredmény az, hogy minél kevesebb, annál kevésbé kéréseket a szerver.
Azonban a megjelenése a helyszínen változtatni, mert ez nem szükséges. Vannak más módon.
- Inline-menetrend. Beágyazással CSS, nem pedig maga az oldal, akkor kap egy csökkentett kérések száma a szerver, az oldal mérete nem növekszik.
- Használata CSS-sprite. Ezek lényege abban rejlik, hogy ahelyett, hogy több kisebb képet betöltve, de nem több. A CSS kódot, akkor van osztva kisebb képeket. Például, ha fel tudja dolgozni többsoros néző gombok, egyesíti őket egyetlen képpé. Minél kisebb a kép letöltések, annál kevesebb HTTP-kéréseket.
- Több fájlt egy. Ha a sablon alkalmazzák több css vagy js fájlt, célszerű, hogy azok egyetlen fájlba.
Tiszta minden JS és CSS fájlok az extra kódot
Ne csökkentse a kép kódja
Ha az eredeti fénykép mérete nem felel meg Önnek, akkor jobb, ha változtatni kezdetben mint kijavítani a CSS kódot vagy attribútum az img tag.
Használja CDN számára keretek
Amikor keretek részt vesznek a forrás (például jQuery), célszerű őket alkalmazni CDN (Content Delivery Network) - kiszolgálótelepen, amelyek egymástól földrajzilag maximalizálása érdekében a sebesség ügyfél adatait.
Gyorsítótárral adatok a böngészőkben
Ha aktívan használja a kapcsolat JS és CSS scriptek, meg kell csatlakoztatni létfontosságú készpénzt. Amikor először közeledik a helyszínen felhasználó böngészőjének betölti a kódokat a fájlokat, valamint a grafikai és a flash alkatrészeket. Ha úgy állította be a HTTP-fejléc lejár, akkor a látogató böngészője annak ismételt belépési tárolja az összes adatot, és az oldal gyorsabban betöltődik.
optimalizált képek
Válassza ki a megfelelő formátumot a képek, vagy azok méretét növelheti. Tehát, GIF formátumú jobb menteni a képeket több színben, és JPEG - mnogotsvetruyu bonyolult grafika (például fényképeket). PNG akkor használjuk, amikor szükség van a jó minőségű képek és átlátszó háttérrel.
