Průvodce Semalt Google PageSpeed pro uživatele WordPress
Google PageSpeed Insights (zkráceně PSI) je pěkný nástroj pro webové vývojáře. Jeho úmysly jsou jistě dobré, ale lze říci, že není vhodný pro průměrného majitele stránek WordPress. A ačkoli PageSpeed Insights nedávno představil konkrétní komentáře pro uživatele WordPress, mnoho aspektů zprávy, kterou poskytuje, je pro průměrné uživatele příliš technická.
V této příručce se pokusíme „přeložit“ a jednoduchými slovy popíšeme, o čem PageSpeed mluví, a vysvětlíme vám, kterým komentářům by se mělo věnovat pozornost a které ne. Tato část průvodce se zaměří pouze na porozumění a analýzu laboratorních dat. V jiném článku si však povíme o stejných návrzích a příležitostech ke zlepšení, které PSI nabízí.
Základní problém, který se PageSpeed Insights snaží odstranit
V poslední době zázračně vzrostla popularita webů WordPress a dalších systémů pro správu obsahu. Umožňují uživatelům s minimálními znalostmi vývoje nebo těm, kteří nemají žádné znalosti o předmětu, vytvářet weby, jejichž způsob budování je v rozporu se základními pravidly výkonu webu.
Tvůrci stránek, kteří umožňují komukoli, kdo nemá znalosti o vývoji webových stránek, mají významný dopad. Faktem je, že pokud vytvoříte jednoduchý a lehký web, automaticky získá vyšší skóre v těchto nástrojích, a co je důležitější, bude mnohem rychlejší pro surfaře, a proto bude lepší uživatelská zkušenost.
Google se snaží povzbudit dobrou uživatelskou zkušenost a odstranit tyto problémy, mimo jiné prostřednictvím projektu, o kterém jste pravděpodobně slyšeli, zvaného AMP. Google říká: „Společnost, pokud na svůj web přidáte haraburdí, podívejme se alespoň na to, co lze udělat pro snížení jeho dopadu na rychlost a dobu načítání.“
Kromě toho musí Google - jehož obchodním modelem je reklama a služby - zajistit, aby se zlepšila rychlost webů a uživatelský komfort na webu. V opačném případě uzavřené platformy, jako je Facebook, které také nabízejí reklamy, pohltí ještě větší část svých příjmů.
Jak rozumím informacím, které zobrazuje Google PageSpeed?
Nástroj pro testování rychlosti společnosti Google je v současné době založen na Lighthouse a hodnotí každý web na základě sady pravidel. Tato pravidla platí pro každý web bez ohledu na jeho cílové publikum, jeho obsah nebo účel.
PageSpeed Insights poskytuje zprávy o výkonu webu na mobilních a stolních počítačích a poskytuje informace o příležitostech a návrhy, jak zlepšit výkon kontrolované stránky.
Údaje o ploše versus laboratorní údaje (údaje o zkoušce)
PSI poskytuje laboratorní i terénní data. Pouze weby se zvláště vysokým provozem dostanou informace v sekci zvané oblastní data, takže se nemusíte obávat, pokud je nedostanete.
V aktuálním příspěvku nebudeme rozšiřovat polní data, ale říká se, že laboratorní data, o kterých budeme hovořit, jsou shromažďována v kontrolovaném prostředí pomocí předdefinovaných zařízení a nastavení pevné sítě.
Laboratorní data jsou ta, která jsou relevantní ve prospěch monitorování problémů, ladění a optimalizace, protože se koncepčně nemění. Laboratorní data poskytují více informací než oblastní data, neposkytují však informace o překážkách, které lze vygenerovat v reálném světě a ovlivnit výkon webu.
Jak používat Google PageSpeed?
Než začneme, říká se, že prvním krokem k pochopení zprávy předložené Lighthouse je vědět, že musíte kliknout na šipku, která se zobrazí vedle každého komentáře, abyste o něm získali podrobné informace.
Musíte se ponořit hlouběji, abyste pochopili a viděli problémy, které zpráva přináší, a předpokládám, že je to pochopitelné. Začněme celkovým skóre, které PSI poskytuje. Jsem si jistý, že většina z vás neví přesně, co toto skóre odráží -
Celkové skóre
PageSpeed - Obecné skóre: Celkové skóre poskytované stránkou PageSpeed shrnuje výkon stránky podle počtu a barvy. Skóre se určuje spuštěním majáku a poskytuje takzvaná „sterilní“ laboratorní data na stejné testované stránce.
Jedním z problémů aplikace PageSpeed je zobrazení skóre v nějaké barvě a čísle, kterému ne každý může porozumět. Zelená barva=dobrá, červená barva=špatná. Použití této metody a nedostatečné pochopení významu celkového skóre způsobují, že lidé frustrují, že výkon jejich stránek je „údajně“ nízký, a nemají tušení, jak to přesně opravit.
Protože si většina uživatelů myslí, že něco méně než zeleného není dost dobré, lidé si zprávu vykládají nesprávně. Pojďme tedy dát věci do pořádku jednou provždy -
Jak interpretovat celkové skóre
Pokud získáte zelenou, znamená to, že váš web je z hlediska optimalizace v nejvyšším procentu a o skutečné rychlosti webu toho moc neříká.
Skóre 100 je nejlepší skóre, které můžete získat, a představuje 98. percentil - web s (zjevně) dobrým výkonem. Skóre 50 představuje 75. percentil - to znamená, že váš web získal skóre vyšší než 75% stránek, které Google zkontroloval, a neříká nic o skutečné rychlosti.
Skóre 90 nebo vyšší je považováno za dobré skóre, 50-90 je považováno za průměrné a pod 50 je považováno za nízké.
Většina webů proto nedostane zelené skóre. Průměrný web WordPress vytvořený stavitelem stránek s průměrnými technickými schopnostmi pravděpodobně nedostane vysoké skóre hned po vybalení z krabice. A navzdory jejich optimalizaci mají tyto weby obvykle mnoho prvků, které poškozují dosažené skóre.
Na co se PSI používá?
PSI poskytuje zpětnou vazbu a příležitosti ke zlepšení, které vám pomohou opravit problémy, které mají tento negativní dopad. Stejná „testovací data“ (laboratorní data), o kterých si brzy povíme, poskytují aktuální informace z hlediska harmonogramů.
Například když se vaše stránka zobrazí surfaři a když surfař může začít provádět akce na stejné stránce. Jedná se o konkrétní měření, která ovlivňují celkové skóre.
Laboratorní data - maják
Pokud plánujete spustit test Lighthouse prostřednictvím vývojářských nástrojů Chrome - ujistěte se, že tak učiníte v okně, kde není povoleno žádné rozšíření prohlížeče.
Pojďme tyto laboratorní údaje rozšířit a popsat je jeden po druhém. Obecně je vaším cílem v kontextu těchto údajů, aby každá byla co nejkratší:
1. Představení počátečního obsahu - First Contentful Paint
Počáteční zobrazení obsahu (FCP) je měření času od okamžiku, kdy je stránka požadována, do okamžiku, kdy prohlížeč vykreslí první bit v DOM. Toto je důležitý milník pro uživatele, protože poskytuje zpětnou vazbu pro načtení stránky.
Jinými slovy, prohlížeč musí zpracovat kód stránky, aby jej mohl zobrazit. Termín „Malování“ označuje proces skutečného zobrazení pixelů na obrazovce. Počáteční obrázek zobrazení obsahu popisuje, jak dlouho trvalo, než se na obrazovce pro surfaře zobrazil jakýkoli obsah, ať už text, obrázek nebo jakýkoli jiný obsah.
2. Představení hlavního obsahu - První smysluplné malování
Obrázek FMP (Main Content Display) se pokouší identifikovat čas, kdy má surfař pocit, že se mu zobrazuje hlavní obsah stránky. Tento typ testu samozřejmě nemůže přesně vědět, jaký je hlavní obsah, a proto není přesný.
Obecně to Lighthouse definuje jako čas, kdy dojde k nejvýznamnější změně v kritické části stránky (nad obsahem přeložení) kromě času, kdy jsou načtena webová písma.
3. Rychlostní index
Rychlostní index je docela podobný dvěma předchozím měřením, která jsme popsali. Obecně ukazuje, jak rychle se obsah stránky zobrazuje surfaři, a je také vážen podle stejných předchozích měření, která jsme zmínili. Samozřejmě nižší skóre=lepší.
4. První nečinný režim CPU - první nečinný procesor
Tento údaj (FCI) a další údaj nazvaný „Čas do interaktivity“ odkazují na rychlost, jakou může uživatel provádět akce na dané stránce. Pokud se pokusí provést akci, zatímco prohlížeč zpracovává kód, jedná se o stisknutí tlačítka. Pak buď bude muset počkat dost dlouho, než bude akce provedena, nebo akce nebude provedena vůbec.
Obrázek nečinnosti CPU označuje, jak dlouho trvá, než bude stránka interaktivní, tj. Dosáhne stavu, kdy může uživatel interagovat s většinou prvků na stránce a získat přiměřenou dobu odezvy.
5. Time to Interactive
Obrázek Time To Interactivity (TTI) měří, jak dlouho trvá, než bude stránka plně interaktivní při interakci s prvky na stejné stránce, jako je kliknutí na tlačítko pro získání rychlé odpovědi (přibližně 50 ms).
Interaktivita stránky se měří několika faktory:
- Stránka zobrazuje obsah relevantní pro uživatele (vážený podle údajů zobrazených v počátečním obsahu).
- Obslužné rutiny událostí jsou uvedeny pro většinu viditelných prvků.
- Stránka reaguje na akce uživatele do přibližně 50 ms.
Existuje poměrně málo webů, které optimalizují tak, aby se obsah zobrazoval rychleji, ale na úkor interaktivity, což může uživatele frustrovat. Zdá se, že stránka je plně načtena, ale když se uživatel pokusí provést jakoukoli akci, nic se nestane.
6. Maximální potenciální zpoždění prvního vstupu
Maximální hodnota prvního zpoždění vstupu souvisí s délkou času, který prohlížeč potřebuje k provedení nejdelší operace, například tím se zpozdí rychlost odezvy na kliknutí tlačítka uživatelem.
Například v případě, že je prohlížeč zaneprázdněn zpracováním určitého JavaScriptu na stránce (který není asynchronní), pravděpodobně nebudete moci provádět určité operace, dokud nebude zpracování dokončeno.
Na závěr
V této části průvodce jsme hovořili o laboratorních datech, která nám poskytuje PageSpeed, a vysvětlili význam každého z těchto dat. Jak jsme slíbili brzy, budeme podrobně hovořit o každé z příležitostí nebo komentářů, které nám PageSpeed Insights nabízí.
Poslední slova - Nebuďte blázni, abyste získali nejvyšší skóre, ujistěte se, že doba načítání vašich stránek je přiměřená + není neobvykle pomalá, takže dopad na uživatelskou zkušenost není významný. Pamatujte, že skóre 50 znamená, že stav optimalizace vašeho webu je lepší než 75% zkontrolovaných webů.
A jakmile se dostanete do tohoto bodu, zaměřte se na kvalitní obsah a investujte do dalších parametrů zahrnutých v technické SEO. Pokud nemáte potřebné znalosti v oblasti referencí, obraťte se na experti společnosti Semalt. Díky. Budete mít za krátkou dobu vynikající výsledky balíček autoSEO.
Tento balíček SEO je skutečnou „full house“ pro online společnost, která si klade za cíl:
- Zlepšete viditelnost svého webu
- Optimalizujte každou stránku svého webu pro lepší konverzní poměry
- Budování kvalitních odkazů
- Vyhledejte relevantní klíčová slova
- Vytvořte podrobnou zprávu o webové analýze
Pokud je toto vše na vašem webu provedeno dobře, věřte mi, že i když je skóre PageSpeed na vašem webu nižší, nakonec se umístíte dobře ... pak hodně štěstí!