Analyzovali jsme 5,2 Milionu Desktop a Mobilní Stránky, Tady je to, Co Jsme se Dozvěděli O Stránce Rychlosti

Brian Dean · Aktualizováno Oct. 08, 2019

Analyzovali jsme 5 milionů desktop a mobilní stránky se dozvědět, které faktory ovlivňují rychlost stránku.

Za prvé, jsme zavedli po celém světě referenční hodnoty pro TTFB, Vizuální Kompletní a Plně Naložený náklad time metriky.

Pak jsme se podívali na to, jak komprese obrazu, Cdn a hosting vliv rychlost načítání stránky.

Naše data odhalil některé velmi zajímavé (a překvapivé) postřehy.

Zde je Souhrn Klíčových Zjištění:

1. V naší analýze 5,2 milionů stránek, průměrný desktop Čas na První Bajt (TTFB) rychlost je 1.286 sekund na plochu a 2.594 sekund na mobil. Průměrný čas potřebný pro plné načtení webové stránky je 10.3 sekund na plochu a 27,3 sekundy na mobil.

2. Průměrná webové stránky trvá 87.84% déle, aby zatížení na mobilní vs. desktop.

3. Při porovnání hlavních Cms jeden proti druhému, Squarespace a Weebly mají celkově nejlepší mobilní page speed výkon. Wix WordPress a zařadil v dolní části.

4. Na ploše, Cdn mít největší dopad na TTFB. Nicméně, na mobilních zařízeních, počet HTML požadavků zdá se, že vliv TTFB nejvíce.

5. Celková velikost stránky má významný dopad na pracovní ploše a mobilní "Vizuálně Kompletní" rychlost načítání. Větší stránky vzít 318% delší vizuálně zatížení ve srovnání s menší stránky. Také jsme zjistili, že gzip komprese pomáhá obrázky načítat rychleji jak na pracovní ploše a mobilní.

6. Celkové stránce hmotnosti je #1 faktorem Plně Naložené page speed. Světlo stránky plně zatížení 486% rychleji než velké stránky.

7. Wink a Gatsby jsou nejrychlejší Javascript rámců. Meteor a Tweenmax jsou nejpomalejší. Nejrychlejší rámec je 213% rychlejší než nejpomalejší.

8. Stránky s velmi nízkou nebo velmi vysokou kompresi souborů nadprůměrnou page speed výkon (měřeno přes První Kontextové Barvy).

9. Třetí strany skripty výrazně zpomalit rychlost načítání stránky. Každý třetí strany skript přidány na stránku se zvyšuje zatížení čas tím, že 34.1 milisekund.

10. Zjistili jsme, že použití responzivních obrázků výsledky v nejlepší celkovou image nakládací výkon. Použití WebP byl výrazně méně účinný na snížení image zatížení časy.

11. GitHub a Weebly web hostitelé mají nejrychlejší celkově TTFB Výkon. Siteground a Wix jsou nejpomalejší hosting poskytovatelů, které jsme analyzovali.

12. Čína, Japonsko a Německo mají nejrychlejší TTFB načítání časy. Austrálie, Indie a Brazílie mají nejpomalejší TTFB krát.

13. CDN využití korelovala s horší stránka výkon rychlost. To je pravděpodobně způsobeno tím, že některé Cdn provést výrazně lépe než ostatní.

Referenční hodnoty pro Klíč, Strana Rychlost Zatížení Čas Metriky

Naším prvním úkolem bylo stanovit referenční hodnoty pro důležité stránky, rychlost metriky.

Jak možná víte, "page speed" je ve skutečnosti skládá z několika různých fází.

Některé z těchto fázích se vyskytují na úrovni serveru. A jiné se konají v prohlížeči uživatele.

A aby plně pochopit, jak rychle, stránky se načítají, museli jsme vrtat do každé z těchto fází.

Konkrétně jsme zjistili, že průměrná rychlost na:

  • TTFB: Čas do první bajt HTML, doc odpověď
  • StartRender: Při vykreslování začne
  • Vizuální Kompletní: Uživatel může vidět všechny stránky aktiv
  • Rychlost: Jak rychle se uživatel vidí stránku načíst
  • onLoad: Když všechny zdroje stránky (CSS, obrázky, atd.) jsou staženy
  • Plně Naložený: Pokud je stránka je 100% načten do prohlížeče uživatele

Průměrná TTFB rychlost je 1.286 sekund na plochu a 2.594 sekund na mobil.

Průměrný Start Činí rychlost je 2.834 sekund na plochu a 6.709 sekund na mobil.

Průměrné Vizuální Dokončení rychlost je 8.225 sekund na plochu a 21.608 sekund na mobil.

Průměrná Rychlost je rychlost 4.782 sekund na plochu a 11.455 sekund na mobil.

Průměrná onLoad rychlost je 8.875 sekund na plochu a 23.608 sekund na mobil.

Průměrná Plně Naložené rychlost je 10.3 sekund na plochu a 27,3 sekundy na mobil.

Klíč Stánek s jídlem: průměrná rychlost načítání stránky pro webové stránky je 10.3 sekund na plochu a 27,3 sekundy na mobil. V průměru, stránky si 87.84% déle, aby zatížení na mobilních zařízeních, než na desktopu.

Weebly a Squarespace Mít Nejlepší Celkový Výkon Rychlost. WordPress Má Jednu z Nejhorších

Když přijde na page speed, který CMS je nejlepší?

Odpovědět na tuto otázku, jsme zjistili, CMS používá pro všechny stránky v naší datové sadě. Pak jsme ve srovnání TTFB výkon pro každou CMS, který jsme objevili.

Podle našich údajů, Weebly a Squarespace vyjít na vrchol pro desktop.

A pro mobilní page speed, Squarespace je #1... s Adobe manažerská Zkušenost a Weebly zaokrouhlování se na top 3.

Co je zajímavé, je to, že když přijde na mobilní rychlost, WordPress je pouze 14 nejlepších CMS, který jsme analyzovali.

Další populární CMS, Wix, také hodnocen špatně pro desktop a mobilní rychlost načítání.

I když WordPress pravomoci přibližně 30% všech webových stránek, je to očividně není optimalizována pro rychlost načítání stránky. To neznamená, že WordPress je špatný CMS. To má i další výhody (jako je snadnost použití, masivní knihovnu pluginů a SEO), které je go-CMS pro mnoho majitelů stránek.

Nicméně, když se dívá přísně na rychlost načítání webových stránek, zdá se, že jiné CMSs mají výraznou výhodu nad WordPress.

Klíč Stánek s jídlem: Mezi hlavní CMSs, Squarespace a Weebly mít nejlepší mobilní page speed výkon. WordPress a Wix hodnost v blízkosti dna.

Pomocí CDN Může Pomoci Desktop TTFB. Minimalizace HTML Požadavků Je Klíčové Pro Mobilní TTFB

Analyzovali jsme vliv, že různé stránky, vlastnosti měl na TTFB (time to first byte).

Tady je to, co jsme našli:

Jak můžete vidět, pomocí CDN zdá se, že zlepšení TTFB jak pro desktop a mobilní. Nicméně, Cdn, se zdají být více užitečné na ploše ve srovnání s mobilní. Na načtení stránky přes mobilní zařízení, počet HTML požadavky měl největší vliv na TTFB.

Když jsme se najít vztah mezi různé stránky, vlastnosti a TTFB krát, na úrovni stránky faktory nebude zlomit, nebo TTFB. TTFB je do značné míry dána odpověď serveru, tentokrát se budeme zabývat trochu později.

Klíč Stánek s jídlem: Pomocí CDN a minimalizace HTML požadavky mohou urychlit TTFB jak na pracovní ploše a mobilní.

Velké Stránky Si 381% Déle "Vizuálně Kompletní" Zatížení ve Srovnání s Menší Stránek

"Vizuálně Kompletní" je, když všechny vizuální obsah webové stránky uvnitř prohlížeče uživatele je načten.

Tam může být skripty a ostatní aktiva načítání off-screen. Ale z uživatelského pohledu, je načten na stránce.

Vizuálně Kompletní, je důležitým stránce rychlosti, metrické, protože to ovlivňuje uživatele je subjektivní zkušenost, jak rychle nebo pomalu se stránka načte.

Tak dlouho, jak uživatel může vidět a používat stránky, je to plně naložené... i když tam může být stále aktiva načítání a vykreslování v zákulisí.

Zjistili jsme, že velikost stránky (bytesTotal) měl významný vliv na mobilní a desktop Vizuálně Kompletní zatížení časy.

Nicméně, velikost stránky je důležitější, na mobilních srovnání s ploše.

Na pracovní ploše, použijte CDN byla nejsilněji koreluje s rychlejší Vizuálně Kompletní nakládací rychlosti. S velikost stránky přichází jako těsně druhý.

Na mobilních zařízeních CDN bylo pouze 5. nejvíce důležitým faktorem.

Takže pokud zlepšení mobilní rychlost načítání je nejvyšší prioritou pro vás, zvážil bych dělat tolik, jak můžete snížit velikost vašich stránek. To může znamenat, mazání třetí strany skripty. Nebo kompresi obrazu. Přesný postup bude záviset na vašich stránkách. Nicméně, to je jasné, že když jde o Vizuálně Kompletní rychlostí, je to všechno o velikosti HTML.

Klíč Stánek s jídlem: Cdn může výrazně zlepšit Vizuálně Kompletní stránku rychlosti na pracovní ploše a mobilní. Nicméně, Cdn, mají mnohem větší dopad na ploše zatížení. Pro mobilní, celková velikost stránky je nejdůležitějším faktorem pro Vizuálně Kompletní zatížení časy.

Celkové Stránce Váha Je Úzce Vázána na "Plně Naložené" Page Speed

Konečně jsme se podívali na faktory, které ovlivňují "Plně Naložené" page speed.

Jak název napovídá, Plně Naložený je při 100% stránku aktiva jsou načteny a vykresleny.

Když přijde na Plně Nabitou stránku rychlost, celková velikost stránky je zdaleka nejdůležitějším faktorem, na pracovní ploše a mobilní.

Počet žádostí také hrát roli v tom, jak rychle se stránka zcela načte.

Co je zajímavé na tomto údaji je, že tam je silné překrývání mezi desktop a mobile. Na rozdíl od mnoha jiných metrik, které jsme analyzovali, desktop a mobilní Plně Naložené se zdají být ovlivněny stejnou sadu proměnných (tj. velikost stránky a celkem HTML žádostí).

Nicméně, význam velikost stránky a HTML požadavky by nemělo přijít jako velké překvapení.

Komprese snímků, ukládání do mezipaměti a další kroky obvykle snížit, jak dlouho trvá načtení stránky. Ale mohou jít jen tak daleko. Na konci den, na stránce být "Plně Naložené" prohlížeč má k načtení všech aktiv na stránce. A další aktiva tam jsou, aby zatížení, tím déle bude trvat pro stránku načíst.

To je pravděpodobně důvod, proč Cdn, nezdá se, že mají velký vliv na Plně Nabitou stránku rychlosti (3. v celkovém významu na ploše, 10 na mobilu). Cdn může zlepšit image zatížení časy. Ale oni nedělají moc pomoci s 3rd-party skriptů a jiných aktiv, které mohou zpomalit.

Klíč Stánek s jídlem: Celková velikost dopadů Plně Naložené stránka rychlost více než jakékoliv jiné proměnné, jak na pracovní ploše a mobilní. Velké stránky (>3.49 MB) vzít 486% déle, aby plně zatížení ve srovnání s menší stránky (<.83 MB).

Wink a Gatsby jsou Nejrychlejší JavaScript Rámců pro Průměrné Velikosti webové Stránky

Když přijde na stanovení priorit co, aby zatížení na stránku (a kdy), JavaScript Rámců hodně zvedání těžkých břemen.

To je důvod, proč téměř 76% všech webových stránek, aby využívání těchto rámců, vytvářet stránky, které jsou účinné, bezpečné a standardizované.

Poprvé jsme se sešli kritéria pro to, jak často se jednotlivé Rámce byla použita na celém webu.

Reagovat je zdaleka nejvíce běžně používané JS Framework (25.3% lokalit používat). TweenMax (10.3%) a RequireJS (o 9,5%), jsou také docela populární

Dále jsme chtěli zjistit, který z rámců JavaScript provádí nejlépe na malé (<1,264,374 Bajtů) střední (1,264,374 a 4,019,332 Bajtů) a velké (>4,019,332 Bajtů) stránky.

Pro malé strany, RightJS vyšel na vrcholu.

Pro střední stránek, Vzkaz, a Gatsby se dařilo nejlépe.

A pro velké stránky, Gatsby a Riot měl nejrychlejší FCP krát.

Celkově výběr JavaScript framework může mít významný dopad na FCP krát. Ve skutečnosti, pro středně velké stránky, nejlepší JS framework (Wink) naloženo 213% rychlejší než nejpomalejší rámce (Meteor).

Ačkoli tam je docela dost překrývají za nejlepší a nejhorší výsledky (například, Gatsby a RightJS byli v top 5 mezi všemi třemi velikost stránky kategorie), zdá se, že některé JS Rámců práci nejlépe na určité velikosti stránky.

Například, Riot je skvělý framework pro velké stránky (2. celkově).

Nicméně, pro malé strany, Riot dařilo výrazně horší (15. celkově).

Klíč Stánek s jídlem: Neexistuje žádný "nejlepší" JavaScript rámec pro každou situaci. Na stránky se spoustou malých stran, RightJS je vaše nejlepší sázka. Pro webové stránky, s většinou velkých stran, Gatsby se zdá být ideální.

Stránky s Nízkou nebo Vysokou Úrovní Komprese Mají Nejrychlejší Časy Zatížení

Kompresí stránka se soubory na serveru, je dvousečný meč. Na jedné straně, kompresi souborů výrazně snižuje stránce hmotnosti.

Nicméně, kompresi souborů před jejich odesláním ze serveru s sebou nese dodatečné práce na prohlížeči, jak klient potřebuje k dekompresi souborů před jejich vykreslení.

Jako součást této analýzy je odpovědět na otázku: má kompresi souborů skutečně zlepšit page speed?

Odpovědět na tuto otázku, jsme klasifikovány FCP do tří kategorií (Rychlý, Střední, Pomalý):

Rychle: 0-1000ms
Průměr: 1000ms-2500ms
Pomalé: < 2500ms

Pak jsme oproti FCP rychlost a úroveň komprese mezi malé, střední a velké stránky.

Pro malé strany, nižší úrovně komprese byly spojeny s rychlejší FCP zatížení časy. Nicméně, časy zatížení vyzvednout opět na velmi vysoké (90-100%) úrovně komprese.

Střední stránek měl podobný distribuce:

Velké stránky se ještě více extrémní reverzní křivka distribuce:

I když přesné rozdělení mezi velikostí stránky lišily, stánek s jídlem je jasné: stránky s velmi nízkou nebo velmi vysokou úroveň komprese zatížení nejrychlejší.

Ve skutečnosti, můžete vidět koupání v FCP výkon pro stránky, které komprimovat přiměřené množství jejich soubory.

Konkrétně, stránky, které komprimovat 60%-80% jejich soubory, a provést to nejhorší.

Proto, pokud jde o zlepšení page speed, super nízká nebo super vysoké úrovně komprese mají tendenci pracovat nejlépe. Nízká úroveň komprese snížit potřebné práce v prohlížeči. A vysokou úroveň komprese převažují zdanění práce na straně klienta, s menší náklad.

Klíč Stánek s jídlem: Stránky s velmi nízkou nebo velmi vysokou kompresi, má lepší výkon vs. stránkách se střední úrovní komprese.

Třetí Strany Skripty Negativně Ovlivnit Zatížení Krát

Není divu, že jsme zjistili, že třetí strany skripty (jako Google Analytics, sociální share tlačítka a video hostitelů) za následek pomalejší FCP krát.

Ve skutečnosti, jsme zjistili, že každý 3rd party scénář se zvyšuje doba načítání stránky tím, že 34.1 milisekund.

Naše zjištění jsou v souladu s ostatními (jako je tento), který zjistil, že třetí strany skripty mají masivní dopad na stránku rychlost.

Je zřejmé, že vliv závisí na scénáři používá. Určité třetí strany skripty (jako Hotjar) zatížení relativně rychle. Ostatní, včetně Salesforce, jsou notoricky pomalý.

Stručně řečeno, třetí strany skripty vést k delší časy zatížení. A více skriptů na stránce je, tím pomaleji to má tendenci, aby zatížení.

Klíč Stánek s jídlem: Každý 3. stran skript na stránce se zvyšuje doba načítání stránky tím, že 34.1 milisekund.

Responzivní Obrázky se Objeví na Zlepšení načítání Stránky Krát Více Než Lazy Loading a Použití WebP

Obrázky hrají velmi důležitou roli ve výkonu webových stránek pro dva hlavní důvody:

První, obrazy zabírají značné množství stránku, je celková velikost.

Za druhé, pozornost uživatelů má tendenci zaměřit se na obrázky, které se zobrazí na stránce. A pokud se ty obrázky načítají pomalu, může to negativně ovlivnit UX.

Protože snímky mohou zlomit, nebo stránky rychlost načítání, jsme se rozhodli porovnat výkon 4 různé přístupy k optimalizaci obrázku:

  • WebP: Vyvinutý společností Google, WebP je obrázek formátu, který může být menší velikost ve srovnání s jinými formáty souborů, ale stále výsledky v podobné úrovni kvality obrazu.
  • Optimalizované Obrázky: "Optimalizace Obrázků", když jsou různé verze obrazu jsou podávány v závislosti na uživatele, zařízení, umístění a další. Jsme zařadili použití Content Delivery Network (CDN), Komprese Obrazu, a další Optimalizace Obrazu Webové Služby v této kategorii.
  • Odložit Offscreen Pokud jsou Snímky pod okrajem zatížení, když uživatel posouvá do bodu na stránce. Také známý jako "lazy loading".
  • Responzivní Obrázky: Když obrázky dynamicky přizpůsobit velikost okna prohlížeče.

A když jsme ve srovnání různých přístupů k Majáku rychlostí skóre, Responzivní Obrázky, vyšel na vrcholu.

Také jsme analyzovali, který přístup vedl k nejvíce 100/100 Maják skóre. A výsledky byly velmi podobné.

Klíč Stánek s jídlem: i když WebP může zlepšit komprese obrazu ve srovnání s PNG a Jpeg, v této době jen velmi málo stránek mají implementován tento nový formát obrazu.

GitHub a Weebly Hosting Má Nejlepší TTFB Výkon. Siteground a Wix Mají Nejhorší

Porovnali jsme rychlosti stránek výkonu hlavní web hosting poskytovatelů.

Vzhledem k tomu, že doba odezvy serveru má největší vliv na TTFB, jsme analyzovali, jak různé hostí provádí na klíč, metrický.

Konkrétně jsme klasifikovány TTFB do tří kategorií (Rychlý, Střední, Pomalý). A podívali jsme se na procentní podíl, který každý host se objevil v každé kategorii.

Zde jsou každý web hosting poskytovatele TTFB výkon na ploše:

Github, Weebly a Acquia byly top 3 umělci pro desktop TTFB. Automattic, Wix a Siteground dařilo nejhorší.

Projeli jsme to stejná analýza pro mobilní TTFB. Zde jsou výsledky:

Jak můžete vidět, Github plní velmi dobře na obou mobilních a stolních. Což, vzhledem k tomu, že Github Stránky slouží pouze statické zdroje, by mělo přijít jako žádné překvapení. Což znamená, že v mnoha ohledech, Github není 1:1 srovnání s "normální" web hostitele.

Seravo, Netlify a Weebly kolo z top 4. Wix a Automattic jsou v dolní části seznamu.

Co je stánek s jídlem z této analýzy?

TTFB je jen jedním z mnoha faktorů, aby zvážila, když volbě hostitele. Tam je také cena, dostupnost, podpora zákazníků, vlastnosti a další.

To řekl, když přijde na rychlé načítání stránek na desktop a mobilní, Github Stránek je zdaleka nejlepší volbou mezi hlavní hostitelé. Wix a Automattic hostitelé mívají pomalý TTFB krát.

Klíč Stánek s jídlem: U velkých poskytovatelů hostingu, Github a Weebly provádí nejlépe na plochu. Podle naší analýzy, GitHub a Seravo byli nejrychlejší mobilní hostí. Nicméně, je třeba poznamenat, že Github Stránky slouží pouze statické stránky, která dává, že je inherentní výhodu nad ostatními hostitelů, které jsme analyzovali.

Čína, Japonsko a Německo Mají Nejrychlejší TTFB Zatížení Časy

Jsme ve srovnání TTFB načítání časy pro 11 zemí, z našich dat nastavit.

Tady je země-by-země, členění na plochy rychlostí:

A mobilní telefon:

Klíč Stánek s jídlem: Čína má nejlepší mobilní a desktop TTFB výkon. Následuje Japonsko a Německo s rychle stránce rychlostech, které jsou vyšší, než je celosvětový průměr. Francie, velká BRITÁNIE, Kanada, USA a Rusko mají průměrnou rychlost stránku. Austrálie, Brazílie a Indie mají rychlosti, které jsou nižší než globální průměr.

Stránky S Cdn, Provedení Horší, Než Ty Bez CDN

Jedním z nejvíce překvapivých zjištění bylo, že stránky, které využil CDN vlastně dopadl hůř, než ty, které jsem použít CDN.

To platilo jak pro desktop:

A mobilní telefon:

Jak by to mohlo být?

V teorii, protože to přináší obsah, blízko místa, kde se uživatel nachází, CDN by se měla zlepšit rychlost strana přes palubu.

Nicméně, to nebylo v naší analýze.

Předpokládali jsme, že ne všechny Cdn, jsou si rovni. V mnoha případech, pomocí špatně optimalizované CDN může skutečně zpomalit.

A když jsme analyzovali výkon top 18 nejlepších poskytovatelů CDN, my jsme ve skutečnosti, objevte obrovský rozdíl ve výkonu.

Konkrétně, všimli jsme si, že (na ploše) nejlepší CDN provádí 3.6 x lepší než nejhorší CDN. Což vysvětluje, proč Cdn neznamená automaticky zlepšení výkonnosti.

Aby se chudé umělce jednodušší na místě, jsme ve srovnání CDN výkon na globální průměr.

Pak jsme se dali každý CDN do jedné ze tří vědra:

  • Dobrá (Rychlá % k a Pomalá % lepší než průměr všech poskytovatelů)
  • Průměr (Fast % nebo Pomalu % lepší než průměr všech poskytovatelů)
  • Špatné (Rychlá % k a Pomalá % horší než průměr všech poskytovatelů)

Tady je shrnutí výsledků u každého poskytovatele:

Desktop

Dobrý: Airee, Amazon Cloudfront, Azure CDN, CacheFly, EdgeCast, Rychle se, GitHub Pages, Google Cloud, KeyCDN, MaxCDN, Netlify
Průměr: CDN77
Špatné: Akamai, ArvanCloud, Cloudflare, Fireblade, Incapsula, Sucuri

Mobilní

Dobrý: Airee, Amazon Cloudfront, Azure CDN, CDN77, EdgeCast, Rychle se, GitHub Pages, Google Cloud, KeyCDN, MaxCDN, Netlify
Průměr: Fireblade, Incapsula, Sucuri
Špatné: Akamai, ArvanCloud, Cloudflare

Klíč Stánek s jídlem: Pomocí CDN nebude automaticky zlepšit page speed výkon. Některé Cdn provést výrazně lépe než ostatní. Proto, je důležité jít s CDN, který dobře funguje jak na pracovní ploše a mobilní.

Závěr

Pokud se chcete dozvědět více o tom, jak tuto analýzu bylo hotovo, neváhejte a podívejte se na naše metody studia PDF.

Teď bych rád slyšel od vás:

Která zjištění z této studie stála?

Nebo:

Které hledání máte v plánu na přijetí opatření na?

Buď jak buď, dejte mi vědět tím, že opustí komentář níže.

Nejnovější články: