Azt, hogy az ügyfelek telephelyén gyorsabb
A 80/20 elv
Ha megnézzük a hálózati tevékenységet a weboldal, akkor észrevehetjük, hogy a letöltés a HTML oldalon is van egy nagyon kis részét teszi a teljes betöltési időt.
azt mondhatjuk, általánosságban, hogy ≤20% oldal betöltése miatt a HTML dokumentumot, és a fennmaradó ≥80% költenek képek letöltésére, stílusok, scriptek, és így tovább. A 80/20 szabály kimondja, hogy ha keres egy módja annak, hogy javítsa a webhely teljesítményének, akkor jobb, ha megnézzük, hogy mi 80%, mint hogy megpróbálja megváltoztatni valamit a 20% -ot. Más szóval, nem kétséges, hogy a szerver és az adatbázis optimalizálása nagyon fontos, de a legegyszerűbb módja, hogy gyorsítsák fel a webhely, ha figyel a képek, scriptek, és így tovább.
Az elven alapul 80/20, YSlow vizsgálja befolyásoló tényezők akár 80% -os, és visszaad egy becslést, hogy milyen jó vagy rossz teljesítménye a webhelyen.
Miért kell kezelni ezt a problémát?
A Google nemrég bejelentette, hogy elkezdi használni a letöltési sebesség a Page Rank számításokat. Ezen kívül a javulás a pontszámok YSlow segíthet csökkenteni a költségeit sávszélesség (különösen a telek nagy forgalom), a felhasználók arányának javításához a forrás és befolyásolják az együttható CR átalakítás.
Átlagos érték értékelési YSlow
Sites alacsony teljesítmény jellemzői kapott D vagy rosszabb. Íme néhány példa:
Ebből a helyzetből, akkor ajánlott telepíteni Firebug / YSlow. és nézd meg a helyszínen. Ahogy értékelni?
De hogyan tudjuk javítani a becslés YSlow oldalunkat? És a legfontosabb kérdés az, hogy mit tehetünk, hiszen a fejlesztők és a tervezők, hogy az ügyfelek honlapok kiváló teljesítményt?
3 legfontosabb fogalmak
YSlow tartalmaz 14 szabályokat, és a Google Page Speed tartalmaz 26. Mindezen szabályok és a technológia fontos, de az egyszerűség kedvéért középpontjában három alapvető fogalmakat:
1. Győződjön meg kevesebb fájlt kérések
2. Tegyen a fájlt ugyanabban az időben
3. Tartsa a dolgokat a cache, ameddig csak lehet
Így kevesebb fájl kérések
Összegzés: Ha kevesebb kérelmet a fájlokat, akkor kevesebb időt tölteni az oldalon.
Lássuk, hogyan lehet csökkenteni a számát stílusok, szkriptek és képek, amelyeket el kell helyezni:
minimalizálás
A fő előnye a PHP Kicsinyítse hogy csökkenti a fájlok letöltését (amely fokozott értékelési YSlow). De van egy másik pozitív tényező: PHP Kicsinyítse nem módosítja az eredeti fájlokat, akkor létrejön egy új, egyesített fájlt menet közben. Így a fejlesztő képes, hogy a változások az ügyfél telephelyén szerkesztésével egyes fájlokat és PHP Kicsinyítse automatikusan létrejön egy új, összetett képet.
Ez egy nagyon fontos szempont a koncepció: design stúdió biztosnak kell lennie abban, hogy a webhely által továbbított ügyfél lehet tartani annak teljes hiánya. Amikor írásban kódot, akkor könnyen hozzáférhetőnek kell lennie, hogy az ügyfél, vagy a jövőben a fejlesztők olvasni és szerkeszteni.
Ha a PHP Kicsinyítse összes eredeti fájlokat üzemben maradnak, és szerkeszthető pootdelnosti. Ez a megközelítés lehetővé teszi számunkra, hogy fenntartsák a magas szintű támogatást,
CSS sprite
Sprite - olyan technológia, amely lehetővé teszi, hogy összekapcsolják több háttérképeket egy. Ezután az egyesített képet használja több CSS szabályokat, hogy csak a kívánt részét a képet.
Ezzel az eszközzel bölcsen. Használata sprite bonyolulttá teheti képváltozások az ügyfél folyamatban.
Egyidejű a fájlok letöltése
Összegzés: A terhelés ugyanakkor annyi kép, mint te.
alapértelmezett böngésző több fájlt is feltölthet párhuzamosan (
2. a régebbi böngészők,
6 új). Azonban, míg a böngésző betölti a script, akkor nem fogja letölteni más fájlokat.
Megjegyzés: ez különösen fontos az, hogy a szkripteket a harmadik felek, például a Google Analytics, widgetek, vagy hirdetési címkét, mivel a szállítási késedelem vezethet jelentős megsértése a renderelés.
jQuery Google
A jQuery könyvtár ajánlott olvassa el a Google CDN (Content Delivery Network - tartalomszolgáltató hálózat). Ha a felhasználó által felkeresett egy webhelyet, hogy utalt a jQuery könyvtár a Google CDN, akkor már be van töltve a felhasználói cache. Ebben az esetben mentjük 24KB oldal mérete. Ha a könyvtár még nincs a cache, a CDN használják Előny: gyors betöltése a szerverről, hogy földrajzilag közel párhuzamos töltése a második gazda.
Tartjuk a dolgok a cache, ameddig csak lehet
Összegzés: Ha letölteni semmit, és ez nem változik, nem kell letölteni ezen az alapon.
Néhány sorral egészül ki a .htaccess fájlt jelzi a böngésző cache fájlok sokáig, így nem kell újra berakodás ismételt felhasználói látogatások.
Az alábbi példában a tárolási időszak a képek, szkriptek és stílusok 30 napon aktuális dátumot. Szintén útmutatást nyújt az Apache távolítsa el a ETag, azonosító, ami gyakran megnehezíti a gyorsítótárak. Ezek a beállítások lehet tenni az Apache konfigurációs fájlokat, de módosítja a .htaccess fájl általában könnyebb.
Ezek a módosítások is segít csökkenteni a forgalom helyét a nagy forgalmat.
Kapok, ha úgy dönt, hogy változtatni, mint amit néhány kartirnku. vagy stílus (mindig valami számomra) csak frissíti egy hónapon belül?
Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!
Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!
Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!