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

lehet

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.

javítani

  • 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):