Prečo je rýchlosť stránky kritická? Ako otestovať a vylepšiť ten váš

Prečo je rýchlosť stránky kritická?

Väčšina webov stratí asi polovicu svojich návštevníkov v dôsledku nízkej rýchlosti stránky. V skutočnosti je to priemerná webová stránka pre stolné počítače miera okamžitých odchodov je 42%, priemerná miera okamžitých odchodov z mobilnej webovej stránky je 58% a priemerná miera okamžitých odchodov zo vstupnej stránky po kliknutí sa pohybuje od 60 do 90%. V žiadnom prípade to nie je lichotivé číslo, najmä vzhľadom na to, že používanie mobilných telefónov stále rastie a každým dňom je ťažšie prilákať a udržať pozornosť spotrebiteľov.

Podľa spoločnosti Google je priemerná doba načítania stránky najlepšie cieľové stránkyje stále a spomalených 12.8 sekúnd. Patria sem miesta, kde je rozšírený mobilný internet a rýchlosť 4G patrí k najvyšším na svete. 

Táto priemerná rýchlosť stránky je príliš dlhá, pretože 53% používateľov opustí stránky už po 3 sekundách - a odtiaľ sa to bude len zhoršovať:

Rýchlosť stránky a miera okamžitých odchodov

Aká je potom dobrá rýchlosť načítania stránky? Takmer okamžite

Našťastie existuje riešenie. Skôr ako sa k tomu dostaneme, poďme teda odhaliť viac o dôležitosti rýchlosti stránky.

Prečo je dôležitá rýchlosť stránky

eMarketer to ukazuje v roku 2019 globálne výdavky na digitálnu reklamu presiahnu 316 dolárov miliardy a zdá sa, že v dohľadnej dobe sa bude zvyšovať:

Výdavky na digitálnu reklamu od roku 2017 do roku 2022

Je zrejmé, že značky utrácajú obrovské sumy za reklamy a očakávajú, že zo svojho rozpočtu vyťažia maximum. Keď však ľudia kliknú na reklamu - a vstupná stránka po kliknutí sa nenačíta okamžite - pravdepodobne kliknú späť do niekoľkých sekúnd, a v dôsledku toho dôjde k premrhaniu rozpočtu inzerentov.

Dopady rýchlosti stránky na náklady sú obrovské a mali by ste absolútne jednoznačne uprednostniť rýchlosť stránky vpred. Pri hodnotení vlastných digitálnych reklamných kampaní je potrebné vziať do úvahy niekoľko metrík a bodov:

Skóre kvality

Pomalé načítanie stránok nielenže používateľov frustruje, ale tiež spôsobuje utrpenie skóre kvality. Pretože skóre kvality priamo súvisí s vašim poradie reklamya nakoniec to, čo by ste mohli zaplatiť za každé kliknutie, stránka s pomalým načítaním prirodzene znižuje skóre.

Konverzné kurzy

Ak sa stále zdržiava menej ľudí čakajúcich na načítanie vašej stránky, menej ľudí dostane príležitosť na konverziu. Opúšťajú vašu stránku skôr, ako sa im zobrazí vaša ponuka, výhody, výzva na akciu atď.

V maloobchode napríklad dokonca a jednosekundové oneskorenie v čase načítania mobilných telefónov môže ovplyvniť konverzný pomer až o 20%.

Mobilný zážitok

V polovici roku 2016 je používanie mobilného webu prešiel objem prenosu na pracovnej ploche:

Mobil prekonáva graf zobrazení pracovnej plochy

So spotrebnými výdavkami viac času na mobile, boli marketéri a inzerenti (a stále sú) nútení prispôsobiť sa. Jeden spôsob doručenia kampane optimalizované pre mobilné zariadenia je vytvoriť stránky s rýchlym načítaním.

To nás privádza k riešeniu rýchlosti stránky č. 1, ktoré rieši každý z týchto problémov.

Cieľové stránky AMP zvyšujú rýchlosť stránky

AMP, open-source rámec predstavený v roku 2016, poskytuje inzerentom spôsob, ako vytvoriť bleskové a plynulé načítanie mobilných webových stránok, ktoré uprednostňujú predovšetkým používateľský zážitok. 

Stránky AMP sú atraktívne pre inzerentov, pretože poskytujú takmer okamžité načítanie, zatiaľ čo stále podporujú určité prispôsobenie štýlu a značky. Umožňujú rýchlejšie vykreslenie vstupnej stránky po kliknutí, pretože obmedzujú HTML / CSS a JavaScript. Na rozdiel od tradičných mobilných stránok sa stránky AMP tiež automaticky ukladajú do medzipamäte Google AMP Cache, aby sa rýchlejšie načítali vo vyhľadávaní Google.

Ako líder v oblasti optimalizácie po kliknutí ponúka Instapage možnosť vytvárať vstupné stránky po kliknutí pomocou rámca AMP:

Zrýchlené mobilné stránky (AMP)

Nástroj na tvorbu stránok AMP služby Instapage, môžu obchodníci a inzerenti:

  • Vytvárajte vstupné stránky AMP po kliknutí priamo z platformy Instapage bez vývojára
  • Overte, A / B testujte a zverejnite stránky AMP na WordPress alebo na vlastnú doménu
  • Poskytujte lepšie mobilné zážitky, zvyšujte skóre kvality a zvyšujte počet konverzií

AMP zrýchlené overenie mobilnej stránky

Overenie zrýchlenej mobilnej stránky (AMP)

Revolučná spoločnosť Eargo pre načúvacie prístroje zaznamenala od implementácie AMP do svojej skúsenosti po kliknutí neuveriteľné výsledky:

Vstupné stránky AMP podľa Instapage

Vstupné stránky AMP s nástrojom Instapage

Okrem vytvárania stránok AMP pomocou služby Instapage existuje aj niekoľko ďalších spôsobov, ako môžete zvýšiť rýchlosť stránky. Tu sú tri z nich, ktoré vám pomôžu začať.

3 Ďalšie spôsoby, ako zvýšiť rýchlosť stránky

1. Využite nástroje na rýchlosť stránky

PageSpeed ​​postrehy je test rýchlosti, ktorý Google hodnotí na vašej stránke od 0 do 100 bodov:

prehľady rýchlosti stránok

Bodovanie je založené na dvoch parametroch:

  1. Čas načítania nad záhybom stránky (celkový čas zobrazenia obsahu nad záhybom stránky, keď používateľ požiada o novú stránku)
  2. Čas do načítania celej stránky (čas, ktorý trvá prehliadač, kým sa stránka úplne vykreslí, keď ju používateľ požaduje)

Čím vyššie je vaše skóre, tým je stránka optimalizovanejšia. Ako pravidlo platí, že všetko, čo je nad 85, naznačuje, že vaša stránka podáva dobrý výkon. Menej ako 85 a mali by ste sa pozrieť na návrhy poskytnuté spoločnosťou Google, aby ste zvýšili svoje skóre.

PageSpeed ​​Insights poskytuje prehľady pre počítačovú aj mobilnú verziu vašej stránky a tiež ponúka odporúčania na vylepšenia.

Think with Google: Test My Site, ktorý spustil tím PageSpeed ​​Insights, testuje iba rýchlosti mobilných stránok, na rozdiel od mobilných aj stolných počítačov. Je to ďalší indikátor toho, ako rýchlo (alebo pomaly) sa načítajú vaše stránky:

myslím, že s google test moje stránky

Tento nástroj zobrazuje váš čas načítania, poskytuje vlastné odporúčania na zrýchlenie každej stránky na vašom webe a potom ponúka možnosť vygenerovania úplného prehľadu.

2. Plne optimalizované obrázky (kompresia)

Optimalizácia obrázkov pomocou kompresie, zmeny veľkosti, preformátovania atď. Môže pomôcť šetriť bajty, urýchliť načítanie stránky a zlepšiť výkon mobilných webov. Medzi ďalšie najdôležitejšie odporúčania„Spoločnosť Google hovorí, že je potrebné odstrániť nepotrebné obrázky a obrázky GIF vo vysokom rozlíšení a nahradiť obrázky textom alebo CSS, kedykoľvek je to možné. 

Okrem toho je teraz jednoduchšie ako kedykoľvek predtým poskytovať komprimované obrázky a obrázky so zmenenou veľkosťou, pretože tieto nastavenia je možné automatizovať. Napríklad môžete mať stovky obrázkov automaticky zmenených a skomprimovaných pomocou skriptu, čo obmedzí manuálnu prácu (pri vytváraní stránok AMP umožňujú vlastné značky obrázkov mnoho týchto automatických optimalizácií automaticky).

Výber optimálneho formátu obrázka môže byť pri toľkých možnostiach zložitý. Všetko závisí od prípadu použitia, ale tu sú niektoré z najbežnejších:

  • WebP: Fotografické a priesvitné obrázky
  • JPEG: Fotografie bez priehľadnosti
  • PNG: Priehľadné pozadia
  • SVG: Škálovateľné ikony a tvary

Google odporúča začať s WebP, pretože umožňuje o 30% väčšiu kompresiu ako JPEG bez straty kvality obrazu.

3. Uprednostnite obsah nad záhybom stránky

Zlepšenie vnímania rýchlosti stránok používateľmi je takmer rovnako dôležité ako samotné zvýšenie rýchlosti stránok. Preto akonáhle sú vaše obrázky optimalizované, musíte sa ubezpečiť, že sú dodané v pravý okamih.

Zvážte toto: V mobilnom zariadení je viditeľná časť webu obmedzená na malú oblasť, nad záhybom. Vďaka tomu máte príležitosť rýchlo načítať obsah v tejto oblasti, zatiaľ čo ostatné prvky pod záhybom sa stiahnu na pozadí.

Poznámka: To, čo robí AMP jedinečným, je to, že má zabudované prioritné načítanie zdrojov, ktoré zaisťuje, že sa najskôr stiahnu iba najdôležitejšie zdroje.

Môže to byť výzva znížiť počet obrázkov na webe - najmä pre maloobchodné značky, napríklad pri mnohých výrobkoch -, ale stále je nevyhnutné minimálne minimalizovať vplyv obrázkov na čas načítania pomocou týchto troch taktík. 

Zvýšte rýchlosť svojej stránky pomocou AMP

Ak vaše mobilné stránky trpia vysokými mierami okamžitých odchodov a nízkymi konverznými pomermi kvôli nízkej rýchlosti načítania stránky, môžu byť vašou úsporou stránky AMP.

Začnite vytvárať stránky AMP po kliknutí, aby ste svojim návštevníkom poskytli rýchle, optimalizované a relevantné zážitky z prehliadania mobilných zariadení a zlepšili svoje skóre kvality a konverzie v tomto procese.

Čo si myslíte?

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.