Hogyan juthat el a 100
Letöltési sebesség az egyik legfontosabb mutató yuzabilnosti erőforrás, és ez fontos, hogy az egyik több száz SEO rangsor tényezők. Valóban, a modern felhasználó, aki rákattintott a linkre, nem vár az oldalak betöltési több, mint 5 másodperc. Ezért a hosszabb webhely betöltődik, annál többet veszít a potenciális ügyfelek.
Több mint 50% -a internet-felhasználók a mobil eszközök, várnak szinte azonnal letöltési oldala. Mindezek alapján a statisztikát, kiderül, ebben a cikkben fog összpontosítani, hogyan lehet elérni teljesítmény 100/100 Google PageSpeed Insights szolgáltatás fix és a mobil eszközök példaként site „Monitor Backlinks”.
Weboldal Layout és így betöltve elég gyorsan, így ebben az esetben javítja az eredményeket lehet a maximum.
Egy nap, amikor dolgozni Weboldalsebesség eszköz, azt vették észre, hogy a Google az oldalon van egy meglepően alacsony számok a mobil eszközök - 59/100. A helyzet a verzió helyhez kötött eszközök jobb volt - a 92/100.
Úgy tűnik, hogy volt, hogy egy eszköz az optimalizálás webhely, nem igaz? Tehát az eredménye 100/100 elérhetetlen?
Ez ösztönözte, hogy elérjék a lehető leggyorsabb letöltési oldalt, annak bizonyítására, hogy az eredmények elérése 100/100 valóságos, és ha azt szeretnénk, akkor is csinálni. Ez nem megszállottság, ez csak egy vágy, hogy elérni a tökéletességet.
Kezdve teljesítménye a kísérleti terület - 87/100.
Ennek eredményeként alkalmazása után bizonyos manipulációk után a következő eredményeket kaptuk:
Hogyan lehet felgyorsítani az oldalak betöltési?
Mielőtt a lépésről lépésre intézkedéseket az utasításoknak megfelelően, hadd mondjam, hogy Weboldalsebesség- eszköz csak egy útmutató a webmesterek számára, hogy miként optimalizálják erőforrás. Ezen túlmenően, az eszköz ad útmutatást, hogy felgyorsítsa a berakodás oldalak a webhelyén, és az eredmény pozitív eredmények sok tekintetben függ a szerver beállításait.
Felhívjuk figyelmét, hogy néhány, a manuális lépések előírhatja műszaki ismeretek, függetlenül a tartalomkezelő rendszer (CMS).
Step 1-es szám: Image Optimization
Ahhoz, hogy képet betöltése gyorsabb, PageSpeed Insights eszköz felajánlott optimalizálja azokat csökkenti a fájl méretét. Ahhoz, hogy megoldja ezt a problémát, akkor két dolgot:
- Tömöríti a képeket eszközöket használnak, mint Compressor.io és TinyPNG. Egy ingyenes eszköz, amellyel meg lehet csökkenteni a méretét a képfájl több mint 80%, és egyes esetekben romlása nélkül képminőséget.
- Csökkentse a kép méretét a lehető legkisebbre csökkentése nélkül azok minőségét. Például, ha a helyén van szükségünk kép 150x150px, és a képet a szerver kell megfelelő méretű. képalkotó paramétereket nem szabható CSS vagy HTML-címkéket.
Szerint a fenti szabályokat, az egyes képeket a helyszínen már letöltött, és kézzel tömören és helyesen méretezett. És, hogy ne zavarja a optimalizálásával képek feltöltése után azokat a honlapon, akkor jobb a szokást elején, hogy optimalizálja az új képeket feltölteni a szerverre. Minden új kép legyen tömör, és igazodik a szükséges paramétereket.
A probléma megoldásához, a kiszolgáló telepítve Gulpjs. Ez egy olyan eszköz, amely automatikusan létrehoz egy új CSS fájlt, és távolítsa el az összes felesleges terek. Is, akkor automatikusan létrehoz egy új CSS fájlban minden egyes alkalommal, amikor egy új változás. Ebben a példában ez segített csökkenteni a méretét a fő CSS fájl kb 300KB hogy 150 KB. Ez a különbség a méret miatt a felesleges karaktereket.
CSS csökkentheti az eszközök segítségével YUI kompresszor és cssmin.js.
Ha ön használ Wordpress, ajánlott telepíteni a bővítményt Autoptimize.
Azt is le a fájlokat közvetlenül az optimalizált Weboldalsebesség- eszköz.
Step 3-as szám: A böngésző cache
Sok webmester lépése a böngésző cache a legnehezebb.
A probléma megoldásához, el kellett költöznünk a statikus fájlokat webhely CDN (Content Delivery Network / tartalomszolgáltató hálózat).
Például, ha az elsődleges helykiszolgálói van Tehasae nélkül CDN, a látogató Amsterdam meg kell várni, amíg az oldal tartalmának legyőzni egészen a szerveren található az Egyesült Államokban. A CDN, az oldal gyorsabban töltődnek be a szerver a felhasználóhoz legközelebb eső, ebben az esetben a várostól. Ez csökkenti a távolságot az adatokhoz való hozzáférést és az oldal betöltődik, szinte azonnal.
Itt láthatóvá, hogy a CDN:
Miután a fenti manipuláció Weboldalsebesség- eszköz bosszantóan folytatta a böngésző gyorsítótár használatát bizonyos külső források. Itt egy screenshot:
Döntések a Google Analytics script állít összetett feladat. Mivel Analytics volt szükség, és ez nem lehet eltávolítani az oldalról, meg kellett keresni más megoldásokat.
Ha nincsenek frissítések, az Analytics kód lesz betöltve a tárolt változat a CDN.
Itt van egy screenshot a Pingdom Tools, amely megmutatja az összes letöltés CDN, beleértve a Google Analytics kódot. Csak töltse le a fájlt a szerver, ez a honlap fájl, amelynek hatálya csak 15,5Kb. Megszüntetése minden harmadik féltől származó szkript jelentősen javította a letöltési sebesség.
Lépés 4-es szám: eltávolítása a blokk-kód
5. lépés №: engedélyezése tömörítés
Lépés 6-os szám: optimalizálása mobilformátumú
Elemzése mobil formátum alkalmazkodóképességét a mobil változata a honlapon a különböző engedélyeket, hogy bármilyen betűtípusok, és van egy jó navigációs rendszert.
A Google Chrome, akkor láthatjuk, hogy milyen a webhely mobil változatok. Ehhez kattintson az ikonra menü (hamburger) és a böngészési ellenőrzések a jobb felső sarokban, majd válassza ki az „Advanced Tools → Developer Tools”. Az eszköztáron kattintson az ikonra a kép a mobil eszközök. Ez minden, lásd:
Abban az esetben, a példa nem igényel semmilyen radikális változásokat.
Között valamennyi intézkedést, hogy optimalizálja a helyszínen, három a legfontosabb:
Szeretném emlékeztetni még egyszer, hogy a Google PageSpeed eszközök csak egy kiegészítő eszköz az erőforrások optimalizálását. Eszközök célja, hogy csökkentse az idő között a kérelem (kattintson a linkre), és a válasz az oldalon az oldal (az első oldal megjelenítő elem), így a látogatók nem hagyja el az oldalon, és nem várja meg a letöltést. Az ajánlások által biztosított eszközt kell használni igényel, így a felhasználók nem jelennek meg tönkrement smink, vagy néhány blokkok készlete nem stilizált.
Megjegyzés. Gyors betöltés oldalakat az oldalon közvetetten hatással van a rangsorban az erőforrás a keresők, azaz nagyobb letöltési sebesség → Egyre időtartama látogatását → magasabb rangok.
Továbbá ne felejtsük el, hogy UAWEB szakemberek mindig készen áll, hogy biztosítja a szükséges segítséget a teremtés, az optimalizálás és támogatása a web-forrás, minden második költött a webhely felhasználóinak hozza meg az előnyöket!