Hogyan lehet javítani a Frissített 2019 webhely betöltési sebességét

Google Speed Update - amikor a webhely betöltési sebessége valóban fontossá vált
A Google már 2016-ban közzétett egy jelentést, amelyben azt állították, hogy a mobileszközök felhasználói 40% -a elhagyja az oldalt, ha az 3 másodpercnél hosszabb ideig töltődik be.
2018. január közepén a Google bejelentette egy új projekt elindítását, amelynek célja a mobileszközök keresési eredményeinek javítása. 2018 júliusában megvalósult a Speed frissítés - a Google algoritmusának frissítése, amelynek célja az alacsony betöltési sebességű webhelyek helyzetének csökkentése. Azóta a betöltési sebesség fontos tényezővé vált webhelye pozíciójának meghatározásában a Google keresési eredményeiben.
"Az emberek a lehető leghamarabb meg akarják találni a választ a kérdéseire - a kutatások kimutatták, hogy a webhely betöltési sebessége nagyon fontos számukra" - mondták Zhiheng Wang és Doantam Phan, a Google csapatának tagjai a Google Webmester bejegyzésében. Központi Blog.
"A Google algoritmusának frissítése viszonylag kevés keresést érint. Csak a lassú betöltési sebességgel rendelkező oldalak esnek vissza a keresési eredmények pozíciójában. " Wang és Phan elmagyarázzák.
Más UX tényezők, külső hivatkozások és tartalmi érték mellett a webhely betöltési sebessége erős és közvetlen hatást gyakorol a SEO teljesítményére.
Csatlakozzon a 170 000 felhasználóhoz, akik ingyenesen és programozási ismeretek nélkül hoznak létre weboldalakat.
A WebWave weboldal-létrehozó program lehetővé teszi, hogy weboldalakat készítsen teljes szabadsággal. A weboldal létrehozását tiszta oldalról kezdheti, vagy használhat sablont.
Hogyan lehet javítani a weboldal betöltési idejét - néhány egyszerű tipp és eszköz
Mit tehetünk a webhelyünk feltöltési sebességének javítása érdekében? A legegyszerűbb módszer a weboldal "gyengítése" - a hozzáférés során letöltött adatok mennyiségének csökkentése. Íme néhány egyszerű tipp a webhely betöltési idejének javításához:
a. Válassza ki a képek megfelelő felbontását
Az 5000 pixeles felbontású képek gyönyörűek, de sajnos néhány megabitet vagy még többet is felölelnek. A megfelelő felbontás kiválasztása az első lépés a képek "meggyengítésében" és az oldal könnyebbé tételében. Ne feledje, hogy minél nagyobb a felbontás, annál nagyobb a fájlméret.
A WebWave-ben azt javasoljuk, hogy olyan képeket használjon, amelyek felbontása kétszer akkora, mint a webhely képe. A közzététel során a képeket tömörítik, hogy gyorsítsák a webhely betöltését - ami észrevehető az alacsony felbontású képeknél.
A képtömörítés egyszerű olyan népszerű programokban, mint a GIMP vagy akár a legegyszerűbb Irfanview is.
Az emberek a lehető leghamarabb meg akarják találni a választ a kérdéseire
b. Válassza ki a megfelelő képformátumot
3 lehetőség közül választhatunk: JPEG, PNG és SVG. Ezen formátumok mindegyikének megvan a maga sajátossága. Ha a megfelelő képformátumot választjuk, akkor nagy teljesítményű fájlokat kapunk.
A PNG formátum jobban megfelel kisszámú színnel és árnyalattal rendelkező képekhez.
A JPEG formátum jobban megfelel nagyszámú színt és részletet tartalmazó képekhez.
Az SVG formátum olyan formátum, amely jól használható egyszerű képekhez, kis részletekkel (pl. Logók)
A PNG formátum 2 alformátumot tartalmaz: PNG-24 és PNG-8. A különbség közöttük a színek száma, amely magában foglalhatja a képet. Ha nem biztos abban, hogy melyik formátum lesz a megfelelőbb, válassza a fájl mentéséhez az eredeti formátumot.
c. Optimalizálja a képfájlokat
Mielőtt képeket helyezne el a webhelyen, eltávolíthat még néhány kb-t olyan ingyenes eszközök segítségével, mint a tinypng.com. Segítettek több megabit megtakarításában. Egyszerűen "dobja" a képet, varázsol és olyan képet kap, amely ugyanolyan kinézetű, de kevesebb "súlyú". Ok, ez nem igazán varázslat, hanem bölcs automatizálás, de nem szükséges részletesen leírni. A fontos az, hogy működjön.
Érdekes trükk, amely lehetővé teszi számunkra, hogy tisztább képeket kapjunk, a duplájuk és a minőségük csökkentése.
A 300 pixel szélességű és 60% -os minőségű kép körülbelül akkora "súlyú" lesz, mint egy 600 pixeles és 30% -os kép. De a 300 képpontos oldalra helyezett második kép jobban fog kinézni.

- Iamginea A - Eredeti kép 300x200 képpont méretű, 60% -os minőségben mentve
- Iamginea B - A módosított kép 600x400 képpont méretű, 30% -os minőségben mentve
d. Optimalizálja a JavaScript és a CSS kódot
A képeken kívül JavaScript-kódokat és CSS-fájlokat is letöltenek egy webhely elérésekor. Sokat "mérlegelhetnek" és megérdemlik, hogy csökkentsék őket. Másrészt, ha a webhely kódja hibákat tartalmaz, vagy nem "tiszta", az még jobban lelassítja a webhely betöltését.
A kódok optimális optimalizálása érdekében vannak csodálatos eszközök, amelyek kiküszöbölik az összes felesleges karaktert, megjegyzést és lerövidítik a hosszú mondatokat, miközben megőrzik a kód minden funkcionalitását. Ezek a programok képesek lesznek csökkenteni a CSS és JS fájlok méretét 30% -ról 90% -ra.
Ha WebWave-et használ, akkor nem kell optimalizálnia a kódot, a közzététel során automatikusan optimalizálódik. A platform fejlesztése során azon dolgoztunk, hogy javítsuk az oldalak rakodási sebességét. Az alábbiakban bemutatom a közzétett webhelyek kódjának legfontosabb fejlesztéseit, amelyeket az elmúlt 12 hónapban hajtottak végre (a cikk frissítése óta):