Hogyan juthat el a 100
50% -a az internetes forgalmat ma már a mobil eszközök és a felhasználók elvárják webhely oldalain betölti szinte azonnal. Ezért ebben a cikkben fogjuk nézni, hogyan kell ellenőrizni, ha az oldal betöltése sebesség Google PageSpeed Insights eszköz ingyenes eszköz, hogy 100/100 pontot mind a mobil és asztali változatai egy oldalon.
Hogyan lehet növelni a sebességet oldalak betöltése
Mielőtt folytatná közvetlenül a tanácsot, érdemes megjegyezni, hogy a Google PageSpeed eszköz csak javaslatot ad, amely után lehetőség van, hogy jobb teljesítményt az oldalon. A végeredmény attól függ, elsősorban a szerver infrastruktúra források és a kiválasztott beállításokat.
Alkalmazni egyes intézmények szükség mély műszaki ismeretek, másoknak - egy meglehetősen egységes értelmezése működési elvei az oldalon. Minden ajánlások alkalmasak bármilyen CMS.
1. lépés: Kép optimalizálása
PageSpeed Insights eszköz ellenőrzi a képeket az oldalon, és ha a sebesség a letöltés nem lesz elég magas, a Google kínál számukra optimalizált. Akkor növeli a sebességet a képek letöltésére, csökkenti a súly és méret. A probléma megoldására csak futni két lépésből áll:
- Az indításhoz nyomja az összes képet eszközök, mint a Compressor.io vagy TinyPNG. Mindkét eszköz ingyenes, de rendkívül hatékony. Egyes esetekben ezek tömöríti a képeket 80% -kal minőségromlás nélkül.
- Csökkentse a képek méretét a lehető legkisebbre. Tegyük fel, hogy azt szeretnénk, hogy mérete a kép jelenik meg a helyén volt, 150x150px. Ebben az esetben a tényleges mérete a tárolt kép nem lehet nagyobb a mérete a megjelenített kép, hogy van, azt is meg kell 150x150px. Nem szükséges, hogy állítsa be a kép méretét CSS vagy HTML kódot.
Lehet letölteni az összes képet, tömöríteni őket, és változtatni a méretét. Szép, hogy az a szabály, hogy optimalizálja az egyes új képet hozzáadása előtt a helyszínen. Azaz, az összes kép kell a megfelelő méretű és sűrített minőség romlása nélkül.
Google azonnal betölti az optimalizált kép az oldalon.
Például a kódot az alábbi dokumentum,
Meg lehet rövidíteni:
Ahhoz, hogy gyorsan megoldja ezt a problémát, akkor telepíteni a szerver nevű eszköz Gulpjs. Ennek alapján a fájlt, akkor automatikusan létrehoz egy új CSS fájlt, amely kivette az összes felesleges hézagokat. Tény, hogy ez az eszköz segíthet csökkenteni a fájlméretet kétszer. Még több információt, hogyan kell eltávolítani a felesleges elemeket kód megtalálható a hivatalos bemutató kalauz Google.
És a Wordpress oldalak Autoptimize ajánlott telepíteni a bővítményt.
3. lépés: A böngésző cache
Mert sok helyen, az elem használata a böngésző cache - egy igazi teszt. Hogy oldja meg ezt a problémát, akkor a CDN hálózat.
Tegyük fel, hogy a fő kiszolgáló webhely található Texas, ha nem használ CDN, a felhasználó, aki Amszterdam, meg kell várni, amíg a amerikai szerver betölti a tartalmat, és ez lehet, hogy hosszú ideig. Ugyanakkor a használata CDN lehetővé teszi, hogy töltse fel a helyszínen egy pont a lehető legközelebb a felhasználónak. És ebben az esetben, mivel közel Amszterdam.
Ennek eredményeként, a helyszín betölti sokkal gyorsabb.
Ezt a problémát meg lehet oldani azáltal, hogy a kép számláló, amit biztonságosan tárolhatja egy CDN. Ahelyett hely harmadik fél scriptek információt szerezni az előfizetők száma a Twitter, Facebook, Google Plus és más közösségi hálózatok, akkor tárolja az adatokat saját, csökkentve ezáltal a sebesség oldalak betöltése.
Ha a webhely együttműködik a Google Analytics és nem akar lemondani az integráció, az oldat további erőfeszítésekre van szükség.
Ha a szkript változást észlel, az új verzió automatikusan letölti és menti a CDN hálózat.
Ugyanezt a műveletet meg kell ismételni minden alkalommal van egy kód frissítés. Az új verzió letöltése és mentése a CDN. Ugyanez script lehet használni más, harmadik fél források.
Lépés # 5: engedélyezése tömörítés
Engedélyezze a tömörítést lehet közvetlenül a szerver beállításait. Ha nem tudja, hogyan kell ezt csinálni, lépjen kapcsolatba a rendszergazdával, és kérje, hogy a gzip tömörítést a szerveren.
Step # 6: Optimalizálja webhelyét mobileszközökre
Milyen kényelmes a mobil készülékek felhasználói dolgozni webhely számos tényezőtől függ, elsősorban arról, hogy a design a helyén a mobil eszközök optimális, mivel úgy tűnik, a felhasználó, hogy mennyire jól a választott háttér, átgondolt navigációs kényelmes helyet és így tovább.
következtetés
Ez a cikk felsorolja csak a legalapvetőbb lépéseket lehet tenni, hogy optimalizálja a sebességet a helyszínen. Felhívjuk figyelmét, hogy nem szükséges kitérni optimalizálása csak a honlapon, akkor is meg kell figyelni, hogy a belső oldalakon.
Az alábbiakban foglaljuk össze három alapvető lépést, amelyek segítségével, hogy jobb teljesítményt az oldalon:
Van meg egy feladatot, hogy optimalizálja a sebességet az oldalon? Ha igen, milyen lépéseket tett eddig?
Most, hogy a tervezők. ugyanabban az Ukoz és WIX két előnye van - először is egy saját szerver és tárhely, ami nagyban leegyszerűsíti az, hogy bárki is fut a projekt. Másodszor, ez teljes védelmet DDoS támadások, ami szintén egy kézzelfogható előny.
Figyelembe véve azt a tényt, hogy a tervezők összeomlik. ellentmondásos véleményét, mert azonos WIX nagyon figyelemre méltó design, amely Oroszországban tenni, és nem tanult sőt, hogy őszinte legyek. Plusz, a helyszínek a tervező rendszerint már, ha tudja, hogyan kell csinálni. Ők is jól rangsorolják a keresőmotorok, és a rendszer az Ajax egyik, hogy a jövőben elismerik az azonos Google az Egyesült Államokban a konferencián az IT-fejlesztők. Nem csoda, hogy ugyanaz a Yandex elkezdtek együttműködni WIX, Ukoz és mások. Ha ez utópia, valami értelmes.
Most kapcsolatos optimalizálás, ez nem csak a kódot, hanem a tartalom. Néha nem használja három betűtípusok és hét, ami szintén rontja a helyszínen. Amellett, hogy mindez azt is meg kell érteni, ami a helyszínen. A leggyorsabb módja annak, hogy vonzzák a vásárlók, vagy tájékoztatja őket, és mondd magáról. Ha azt szeretné honlapján, hogy a legjobb, akkor kibír 4-5 másodperc betöltés, ez az idő, a felhasználó általában vár letöltésre. És ne hagyja ki a fontos pont, minden felhasználó az internet és a sebesség eltér a sok múlik, hogy akkor nem lett jobb a letöltési sebesség és a webhelyen. Ha a Net lassú, akkor a webhely betöltődik, mint egy teknős, amikor minden erőfeszítés))
By the way, az Ajax használt rendszer egyformán HTML 5 a WIX, a rendszer progruzki teljes site egyszerre, hanem külön fel. Pontosan ez az előnye. ))