Proč je rychlost stránky kritická? Jak otestovat a vylepšit ten váš

Proč je rychlost stránky kritická?

Většina webů ztrácí asi polovinu svých návštěvníků kvůli pomalé rychlosti stránky. Ve skutečnosti průměrná webová stránka pro stolní počítače míra okamžitého opuštění je 42%, průměrná míra okamžitého opuštění webové stránky pro mobilní zařízení je 58% a průměrná míra okamžitého opuštění vstupní stránky po kliknutí se pohybuje od 60 do 90%. V žádném případě to není lichotivé číslo, zejména s ohledem na to, že používání mobilních telefonů stále roste a je čím dál těžší přilákat a udržet pozornost spotřebitelů.

Podle Google je průměrná doba načítání stránky pro horní vstupní stránkyje stále pomalý 12.8 sekundy. To zahrnuje místa, kde převládá mobilní přístup k internetu a rychlosti 4G jsou jedny z nejvyšších na světě. 

Tato průměrná rychlost stránky je příliš dlouhá, vzhledem k tomu, že 53% uživatelů opustí stránky po pouhých 3 sekundách - a odtud se to jen zhorší:

Rychlost stránky a rychlosti odskoku

Jaká je tedy dobrá rychlost načítání stránky? Téměř okamžitě

Naštěstí existuje řešení. Než se k tomu dostaneme, pojďme odhalit více o důležitosti rychlosti stránky.

Proč záleží na rychlosti stránky

eMarketer to ukazuje v roce 2019 globální výdaje na digitální reklamy překročí 316 $ miliarda a v dohledné budoucnosti se bude jen zvyšovat:

Výdaje na digitální reklamy od roku 2017 do roku 2022

Je zřejmé, že značky utrácejí obrovské částky za reklamy a očekávají, že ze svého rozpočtu vytěží maximum. Když však lidé kliknou na reklamu - a vstupní stránka po kliknutí se nepodaří načíst okamžitě - pravděpodobně kliknou zpět během několika sekund, a v důsledku toho je rozpočet inzerentů zbytečný.

Dopady rychlosti stránky na náklady jsou enormní a měli byste absolutně nastavit rychlost stránky jako prioritu vpřed. Při hodnocení vlastních digitálních reklamních kampaní je třeba vzít v úvahu několik metrik a bodů:

Skóre kvality

Pomalé načítání stránek nejen frustruje uživatele, ale také způsobuje utrpení skóre kvality. Protože skóre kvality přímo souvisí s vaším hodnocení reklamya nakonec to, co byste mohli zaplatit za každé kliknutí, stránka s pomalým načítáním přirozeně snižuje skóre.

Konverzní kurzy

Pokud se kolem čeká na načtení stránky méně lidí, méně lidí dostává příležitost ke konverzi. Opouštějí vaši stránku, ještě než uvidí vaši nabídku, výhody, výzvu k akci atd.

Například v maloobchodu dokonce a jednosekundové zpoždění v době načítání mobilních telefonů může ovlivnit míru převodu až o 20%.

Mobilní zážitek

V polovině roku 2016 využití mobilního webu předaný provoz na ploše v objemu:

Mobile překonává graf zobrazení plochy

S výdaji spotřebitelů více času na mobilu, marketéři a inzerenti byli (a stále jsou) nuceni se přizpůsobit. Jeden způsob dodání mobilní optimalizované kampaně je vytvořit rychle se načítající stránky.

Což nás přivádí k řešení rychlosti stránky č. 1, které řeší každý z těchto problémů.

Vstupní stránky AMP zvyšují rychlost stránky

AMP open-source framework představený v roce 2016, poskytuje inzerentům způsob, jak vytvářet bleskové a plynulé načítání mobilních webových stránek, které upřednostňují především uživatelský komfort. 

Stránky AMP jsou atraktivní pro inzerenty, protože nabízejí téměř okamžité doby načítání a zároveň podporují přizpůsobitelnost stylů a značek. Umožňují rychlejší vykreslení vstupní stránky po kliknutí, protože omezují HTML / CSS a JavaScript. Na rozdíl od tradičních mobilních stránek se stránky AMP také automaticky ukládají do mezipaměti Google AMP Cache, aby se dosáhlo rychlejšího načítání ve vyhledávání Google.

Jako lídr v oblasti optimalizace po kliknutí nabízí Instapage možnost vytvářet vstupní stránky po kliknutí pomocí rámce AMP:

Zrychlené mobilní stránky (AMP)

Instapage AMP buildermohou obchodníci a inzerenti:

  • Vytvořte vstupní stránky AMP po kliknutí přímo z platformy Instapage bez vývojáře
  • Ověřte, otestujte A / B a publikujte stránky AMP na WordPress nebo na vlastní doménu
  • Poskytněte lepší mobilní zážitky, zvyšte skóre kvality a získejte více konverzí

AMP zrychlené ověření mobilní stránky

Ověření zrychlené mobilní stránky (AMP)

Revoluční společnost Eargo pro sluchadla zaznamenala neuvěřitelné výsledky od zavedení AMP do své zkušenosti po kliknutí:

Vstupní stránky AMP podle Instapage

Vstupní stránky AMP s Instapage

Kromě vytváření stránek AMP pomocí Instapage existuje několik dalších způsobů, jak můžete zlepšit rychlost stránky. Zde jsou tři z nich, které vám pomohou začít.

3 Další způsoby, jak zlepšit rychlost stránky

1. Využijte nástroje pro rychlost stránky

PageSpeed ​​postřehy je test rychlosti Google, který skóre vaší stránky od 0 do 100 bodů:

přehledy rychlosti stránek

Bodování je založeno na dvou parametrech:

  1. Doba do načtení stránky nad okrajem (celková doba pro zobrazení obsahu nad okrajem stránky poté, co uživatel požádá o novou stránku)
  2. Doba do načtení celé stránky (čas, který trvá, než prohlížeč plně vykreslí stránku poté, co ji uživatel požaduje)

Čím vyšší je vaše skóre, tím optimalizovanější je vaše stránka. Obecně platí, že vše nad 85 naznačuje, že vaše stránka funguje dobře. Méně než 85 a měli byste se podívat na návrhy poskytnuté společností Google ke zvýšení skóre.

PageSpeed ​​Insights poskytuje zprávy pro stolní i mobilní verzi vaší stránky a také nabízí doporučení pro vylepšení.

Think with Google: Test My Site, který spustil tým PageSpeed ​​Insights, testuje pouze rychlosti mobilních stránek, na rozdíl od mobilních i stolních počítačů. Je to další indikátor toho, jak rychle (nebo pomalu) se vaše stránky načítají:

myslet s google testovat moje stránky

Tento nástroj zobrazuje vaši dobu načítání, poskytuje vlastní doporučení pro zrychlení každé stránky na vašem webu a poté nabízí možnost generovat úplnou zprávu.

2. Plně optimalizované obrázky (komprese)

Optimalizace obrázků pomocí komprese, změny velikosti, přeformátování atd. Může pomoci ušetřit bajty, zrychlit dobu načítání stránky a zlepšit výkon mobilních webů. Mezi další hlavní doporučení„Google říká, že je třeba odstranit nepotřebné obrázky ve vysokém rozlišení a GIF a nahradit obrázky textem nebo CSS, kdykoli je to možné. 

Kromě toho je nyní snadnější než kdy jindy poskytovat komprimované a změněné obrázky, protože tato nastavení lze automatizovat. Například můžete nechat stovky obrázků automaticky změnit velikost a komprimovat pomocí skriptu, což sníží manuální práci (při vytváření stránek AMP jsou díky značkám vlastních obrázků mnohé z těchto stejných optimalizací automatické).

Výběr optimálního formátu obrazu může být obtížný, protože je k dispozici tolik možností. Vše závisí na případu použití, ale zde jsou některé z nejběžnějších:

  • WebP: Fotografické a průsvitné obrázky
  • JPEG: Fotografie bez průhlednosti
  • PNG: Průhledné pozadí
  • SVG: Škálovatelné ikony a tvary

Google doporučuje začít s WebP, protože umožňuje o 30% vyšší kompresi než JPEG, aniž by došlo ke ztrátě kvality obrazu.

3. Upřednostněte obsah nad okrajem

Zlepšení vnímání rychlosti webu uživatelem je téměř stejně důležité jako samotné zlepšení rychlosti webu. Proto jakmile jsou vaše obrázky optimalizovány, musíte zajistit, aby byly dodány ve správný okamžik.

Zvažte toto: Na mobilním zařízení je viditelná část webu omezena na malou oblast, nad záhybem. Díky tomu máte příležitost rychle načíst obsah v této oblasti, zatímco ostatní prvky pod záhybem se stáhnou na pozadí.

Poznámka: Díky jedinečnému AMP je to, že má integrované prioritní načítání zdrojů, což zajišťuje, že se nejdříve stáhnou pouze nejdůležitější zdroje.

Může být výzvou snížit počet obrázků na webu - zejména u maloobchodních značek, například u mnoha produktů -, ale je stále důležité alespoň minimalizovat dopad obrázků na dobu načítání pomocí těchto tří taktik. 

Zvyšte rychlost své stránky pomocí AMP

Pokud vaše mobilní stránky trpí vysokou mírou okamžitého opuštění a nízkými konverzními poměry kvůli nízké rychlosti načítání stránky, mohou být vaší stránkou úspory stránky AMP.

Začněte vytvářet stránky AMP po kliknutí, abyste návštěvníkům poskytli rychlé, optimalizované a relevantní zážitky z mobilního prohlížení a vylepšili skóre kvality a konverze v tomto procesu.

Co si myslíte?

Tyto stránky používají Akismet k omezení spamu. Zjistěte, jak jsou vaše údaje komentářů zpracovávány.