Lehet, hogy a webhelye tartalma nagyszerű, de ha a betöltési sebesség nem megfelelő, az emberek fizetni fognak-e azért, hogy megnézzék?

hogyan

Tény, hogy Latin-Amerikában az átlagos internetsebesség korántsem jó. Mindazonáltal sok webhelynek sikerül ezt a helyzetet tovább súlyosbítania, mivel a töltési sebesség kellő figyelme nélkül fejlesztették ki őket, és végül a felhasználó valódi türelempróbájává válnak.

Képzelje el a következő helyzetet: Gyorsétteremhez járt, amely híres arról, hogy akár 5 perc alatt is leadta a megrendeléseket, de 15 perc telt el a megrendelés leadása óta, és semmi. Mennyi ideig tartana feladni? Mi lenne, ha a szomszédos gyorsétterem hasonló megrendelést garantálna mindössze 3 perc alatt?

Az interneten hasonló a helyzet, de a történet másodpercek alatt változik, mert amikor bizonyos tartalmat akarsz, belépsz egy webhelyre, és több mint 10 másodpercbe telik a betöltése, mire észreveszed, máris újra a Google-on keresel egy másikat lehetőség, Mivel a várakozás minden másodpercje örökkévalóságnak tűnik!

A közvetlenség korszakát éljük, ahol az idő már többet ér, mint a pénz. És ez a korszak az internet dinamizmusával kombinálva minden nap igényesebbé teszi hallgatóságunkat. Lehet, hogy a webhelyén található tartalom nagyszerű, de ha a betöltési sebesség nem jó, fizetni fognak-e az emberek?

Befolyásolja-e a sebesség a webhely eredményeit?

A Google még 2010-ben bejelentette, hogy az oldal betöltési ideje a több mint 200 rangsorolási tényező egyike. Ez azt jelenti, hogy az az idő, amelyet webhelye betölt a versenytársaival szemben, az egyik befolyásoló pontja a weboldalak organikus pozícionálásának az eredményoldalon. A Backlinko kutatásai szerint a lassabb weboldalakat büntetik.

A követendő adatok szerint amellett, hogy a webhely szerves rangsorolási tényezői közé tartozik, a webhely sebessége a felhasználói élményt és az eredményeket is befolyásolja:

  • Az Aberdeen Group szerint az oldalterhelés minden második extra eredménye 11% -kal csökken az oldalmegtekintésekben és 16% -kal csökken az ügyfelek elégedettségében
  • A Kissmetrics kutatása szerint a látogatók 40% -a elhagyja azokat az oldalakat, amelyek betöltése több mint 3 másodpercet vesz igénybe, és a weboldal betöltési ideje legalább 1 másodperc alatt 7% -kal csökkenti a konverziókat;
  • Azok a felhasználók 88% -a, akiknek rossz volt a tapasztalata, amikor betöltési sebesség miatt beléptek egy webhelyre, kevésbé valószínű, hogy vásárolnak róla, és a felhasználók több mint egyharmada megosztja rossz tapasztalatait barátaival. Az Econsultancy vizsgálata .
  • A mobileszköz-felhasználók 85% -a arra számít, hogy az oldal legalább olyan gyorsan töltődik be, mint az asztali számítógép - írja a Web Performance Today .

Most, hogy tudjuk, hogy a webhely sebessége zavarja a látogatók elkötelezettségét, a konverziós arányt és az organikus pozícionálást, nézzük meg, hogyan lehet mérni a terhelést az optimalizálás megkezdéséhez!

Mi az ideális töltési idő?

A Pingdom szerint, amelynek van eszköze a weboldalak sebességének mérésére, az oldalak átlagos betöltési ideje 5 másodperc. A Google Site Performance for Webmasters videóban Maile Ohye kijelenti, hogy 2 másodperc a jó teljesítmény korlátja.

Geoff Kenyon szakember szintén kivizsgálást végzett, amelyben megállapította, hogy abban az esetben, ha egy weboldal 5 másodperc alatt töltődik be, az az internet körülbelül 25% -ánál gyorsabb; 2,9 másodperc alatt a hálózat több mint 50% -a; és ha 0,8 másodperc alatt töltődik be, akkor ez a teljes internet 94% -ának leggyorsabbja.

Az idézett statisztikák ellenére a rövid válasz a következő: a lehető leggyorsabban. Már tudjuk, hogy webhelye betöltési ideje befolyásolja az eredményeket, ezért az ideális az, ha azt a lehető legjobban optimalizálja, hogy a betöltési idő a lehető legkisebb legyen!

Hogyan mérjük a weboldal sebességét?

Jelenleg számos ingyenes eszközünk van, ahol meg lehet mérni egy oldal betöltési idejét. A probléma felmérésével és figyelmeztetésekkel diagnosztizálni is lehet, hogy hogyan lehet optimalizálni. A leggyakrabban használt eszközök:

Google PageSpeed ​​Insights

Valószínűleg a lista legismertebbje, a PageSpeed ​​Insights olyan eszköz, amelyben egy oldal linkjének megadásával elemezni lehet a tartalmat, és javaslatokat generálni ugyanazon asztali és mobil verziókra.

Az egyes fejlesztési javaslatokkal együtt az eszköz megmutatja annak alkalmazását is. Minden javaslat prioritási mutatóként van besorolva:

  • "Javítanod kell": pirossal kiemelve, azok a fejlesztések értesítései, amelyek alkalmazása esetén nagyobb hatással lesz az oldal betöltési idejére;
  • "Fontolja meg a javítást": sárga színnel kiemelve, ezek olyan fejlesztésekre vonatkozó megjegyzések, amelyek nem sokat befolyásolják az oldal sebességét, és amelyeket nem szabad prioritásként kezelni;
  • "Jóváhagyva ...": zöld színnel kiemelve az oldal pozitív pontjai.

Annak ellenére, hogy kiválóan képes azonosítani és prioritásként kezelni a problémákat, az eszköz nem részletezi, hogy mi az oldal betöltési ideje, és nem rögzíti a betöltéshez szükséges oldalakérések számát sem, amelyek a diagnózis szempontjából fontos adatok.

A marketingesek körében nagyon népszerű, a GTmetrixet az egyik legjobb és legteljesebb eszköznek tekintik az oldal betöltési idejének kiértékeléséhez és a fejlesztésre váró pontok azonosításához az egyszerű használat és az adatok sokfélesége miatt.

Az eszköz használata lépésről lépésre nagyon hasonlít a Pagespeed Insightséhez. Csak írja be, adja meg az elemezni kívánt oldal linkjét és készítse el a jelentést. Az elemzés megkezdése előtt azonban tanácsos létrehozni egy fiókot (még akkor is, ha az ingyenes), mivel ez lehetővé teszi, hogy megváltoztassa azt a régiót, ahol a tesztet végrehajtják, mi lesz a böngésző és az eszköz, milyen típusú hálózat, konfigurációs lehetőségek és további információk a zárójelentésben. Minél közelebb van a teszt a webhelyre belépő nyilvánosság listájához (például hely, eszköz típusa és böngésző), annál jobb.

Miután bekapcsolta az oldalhivatkozást és elindította a jelentést, az eszköz teljes elemzést végez és különféle adatokat mutat be a következő képernyőn. A tetején összefoglalót mutat be két ponttal Teljesítmény pontszámok, az egyik a Pagespeed Insights, a másik az YSlow, egy olyan projekt, amely az oldal sebességét elemzi a Yahoo nagy teljesítményű webhelyszabályai alapján. A bemutatott pontszámok általában különböznek, mivel az eszközök különböző kritériumokat használnak az oldal értékeléséhez.

Ugyanúgy, mint a Pagespeed Insights-ban, a pontszámok színei meghatározzák a pontszámok sürgősségét, de ennek ellenére itt is van összehasonlításunk az eszköz által az elmúlt 30 napban elemzett webhelyek átlagával, ahol egy nyíl következik a pontszám azt jelenti, ha az oldal az átlag felett vagy alatt van, amint azt a követendő példában bemutatjuk.

Az eszköz továbbra is a jelentés tetején, a teljesítményértékelés mellett bemutatja az oldal betöltésének teljes idejét, mekkora az oldal mérete, és hány kérést generálnak a betöltésre. Ugyanúgy, mint a teljesítmény pontszámai, itt is vannak felfelé és lefelé mutató nyilak, amelyek jelzik, hogy az átlag felett vagy alatt van-e.

A képernyő alján több, útmutatókkal elválasztott jelentés jelenik meg. Rajtuk keresztül lehet azonosítani azokat a pontokat, amelyeket javítani kell, hogy lerövidüljön az oldal betöltési ideje.

A GTmetrix másik kiváló funkciója az, hogy összehasonlítja eredményeit a versenytársak oldalaival. Mivel világszerte használható eszköz, nem biztos, hogy érdekes, ha méréseit oldalunk paramétereként használja, és ezeknek a metrikáknak még a réstől függően is lehet, hogy nincs értelme. A weboldal-összehasonlító funkcióval összehasonlítható a szegmens vezetőivel, és megbízhatóbb paramétereket követhet.

A GTmetrix ingyenes verziója már nagyon teljes, és gazdag jelentéseket képes létrehozni a weboldal értékelésére és optimalizálására. De az eszköznek robusztusabb fizetős verziói is vannak, amellett, hogy külön szerződésben kínálja a weboldal-optimalizálási szolgáltatást.

A GTmetrix és a Pagespeed Insights mellett számos más nagyszerű eszköz is rendelkezésre áll ingyenes verziókkal a teszteléshez, például:

Mi a teendő az oldal gyorsabb betöltődése érdekében?

Az alábbiakban felsorolt ​​összes optimalizálás hatással van a weboldal betöltési idejére, de ennek ellenére a bemutatott teszteszközök már rámutatnak az oldal gyorsabb elhagyásának módjaira, még az egyes műveletek által generált hatások alapján is. Ezért javasoljuk, hogy az optimalizálási munka kövesse a diagnosztikai eszközök javaslatait és prioritásait.

A WordPress webhelyek esetében a legtöbb tipp pluginok segítségével is bemutatja a megoldást, és egyes esetekben ugyanaz a plugin több problémát is megoldhat. Válassza ki azt a beépülő modult, amely a legnagyobb hatással van a szükséges megoldásokra, és kerülje a többféle beépülő modult, mert ez befolyásolhatja a webhely teljesítményét.

Nagyon fontos megjegyezni, hogy bármilyen változtatás előtt biztonsági másolatot kell készítenie a webhelyről a lehetséges problémák elkerülése érdekében. A WordPress webhelyek olyan pluginek segítségével tehetik meg, mint az UpdraftPlus és a BackWPup .

Használja ki a böngésző gyorsítótárának előnyeit

Amikor valaki belép egy webhelyre, annak minden tartalma ideiglenesen letöltésre kerül az eszközre, amíg a felhasználó el nem hagyja az oldalt. A gyorsítótár segítségével meg tudjuk mondani a böngészőknek, például a Chrome-nak és a Firefoxnak, hogy ezeket a fájlokat mentse.

Ha a felhasználó újra ugyanazon a webhelyen lép fel, ugyanazon az eszközön és ugyanazon a böngészőben, az oldal kevesebb időt tölt be, mivel a fájlok már vannak tárolva a gyorsítótárban. Abban az esetben, ha semmit nem tárolnak a gyorsítótárban, vagy ha a gyorsítótárban töltött idő lejárt (ezt meg lehet határozni), a kérdéses fájlok iránti kérelmet a webhely szerveréhez intézik.

A gyorsítótárat közvetlenül a weboldal HTML-jében is engedélyezhetjük, azonban ezeket elavultnak és nem ajánlott technikának tekintik.

Ha webhelye WordPress-en van, akkor számos plugin érhető el, amely elvégzi ezt a funkciót. A leggyakrabban használt W3 Total Cache, amelyet még a hosting cégek is ajánlanak. Egy másik kiváló alternatíva (kevésbé népszerű) a WP leggyorsabb gyorsítótár, amely más erőforrásokkal is rendelkezik, és a W3-hoz és más bővítményekhez képest jobb teljesítményt nyújtott.

Csökkentse az átirányítások számát

Egy oldal betöltésekor néha szükség van a böngésző egyik URL-ről a másikra történő átirányítására. Ez az átirányítás elvégezhető a tartalom új helyének megjelölésére, a kattintások és megjelenítések nyomon követésére, vagy a különböző típusú hozzáférések kijavítására (például átirányításkor a www.example.com. mert example.com. vagy innen http mert https) .

Az átirányítások az okoktól függetlenül késést adnak az oda-vissza útnak, növelve ezzel az oldal betöltési idejét. Ennek minimalizálásának legjobb módja az átirányítások használatának korlátozása csak azokra az esetekre, amikor ez szükséges, és más megoldások keresése, ahol nem.

Fontos továbbá, hogy vigyázzon a külső kérés pontos verziójának megadására, hogy az ilyen típusú átirányítás ne keletkezzen a betöltéskor. Például egy Facebook szkript hozzáadásakor fontos, hogy azt már a megfelelő linkkel illessze be, átirányítás nélkül.

A WordPress webhelyek belső átirányításainak kezeléséhez olyan beépülő modulok használhatók, mint a Yoast SEO és a SEO Redirection .

Csökkentse a CSS-t, a Javascript-et és a HTML-t

Weboldal fejlesztésekor a programozó olyan adatszervezettel dolgozik, amely sorokat, szóközöket és megjegyzéseket tartalmaz, amelyek nem befolyásolják a tartalmat. Bármennyire is nem tűnik úgy, hogy ez az információ végül mérlegeli a fájlokat és befolyásolja a betöltési időt.

Ennek megoldására lehetséges a fájlok kicsinyítése (könnyebbé tétele), eltávolítva az összes felesleges információt. Általában ez a művelet 20-30% -kal csökkenti a fájlméretet, ami a teljes mérettől függően sok változást eredményezhet.

De ezt a munkát nem kell (és nem is kell) kézzel elvégezni. Számos ingyenes eszköz segíthet. A Minifycode webhelyen lehetőség van a HTML, a Javascript és a CSS minimalizálására, valamint arra, hogy a kódot ismét "szép" állapotban hagyják, beleértve az összes szükséges információt. E funkció ellenére fontos, hogy az összes eredeti fájlról biztonsági másolatot készítsen.

Ha a webhely WordPress-ben van, akkor ez egyszerűbb, mivel több olyan plugin áll rendelkezésre, amelyek elvégzik ezt a munkát, és sok közülük ingyenes. A leggyakrabban használtak az Autoptimize, a Better WordPress Minify és a W3 Total Cache .

Ne használja a megjelenítés blokkoló javascriptet

Egy adott oldal belépésekor a HTML-kódja felülről lefelé töltődik be, a kéréseket ebben a sorrendben teszi meg. Az elején található CSS- és Javascript-fájlokkal az oldal tartalma előtt kerülnek feldolgozásra, ami végül megnöveli a betöltési időt.

Egyes teszteszközök azt jelzik, hogy korábban a Javascript és a CSS az oldal alja felé küldendő