Rychlost webu Google Nástroje ke kontrole rychlosti stahování stránek na webu. Rychlost stránky Google

Zavedení moderní technologie vizualizace dat, značkování, filtrování a snímek, sazba pro web Google poskytuje komplexní řešení pro každý webmaster, který chce zlepšit vyhledávač pořadí vašich webových stránek a počet návštěvníků. Pokud se stránka načte pomalu, není vždy snadné zjistit problém. Naštěstí existuje bezplatný nástroj, který uživatel může použít, aby zjistil přesně to, co zpomaluje zatížení stránky.

Google PageSpeed ​​Insights je nástroj, který vám umožní rychle a snadno testovat rychlost stránky. Chcete-li ověřit, stačí zadat adresu URL a kliknout na Analyzovat a rychle získat podrobnou zprávu o rychlosti webu od společnosti Google o důvodech zpomalení této stránky na základě dvou možností s doporučeními pro její opravu.


Dokonalý odhad místa

Podle společnosti Google ověřuje systém výkonnost stránek pro mobilní a stolní verze, jednou vybírá adresy URL pomocí mobilního agenta a druhý pomocí desktopového agenta počítače. PageSpeed ​​se pohybuje od 0 do 100 bodů. Vyšší skóre je samozřejmě lepší a odhad 85 nebo více je skvělým ukazatelem rychlosti webu Google. Pokud majitel ve své zprávě vidí hodně červené a žluté, je to kvůli skutečnosti, že na stránce jsou vážné problémy s stahováním. Nástroj tyto zprávy ohlásíproblémy, ačkoli chybové zprávy mohou být poněkud obtížné pochopit. Zde je, co může vývojář dostat do servisního sdělení:


  • Vyhněte přesměrování vstupní stránky, abyste zajistili, že společnost Google testovala rychlost webu. Pokud stránka nebyla navržena okamžitě, výsledek může mít několik přesměrování na stránky optimalizované pro různá zařízení.
  • Zahrnout kompresi. Dnešní prohlížeče jsou vybaveny pro menší alternativní verzi stránky pro uživatele Internetu. S povoleným kompresorem gzip mohou být tyto stránky sníženy o 90%.
  • Minimalizace CSS, HTML, javascript. To se týká odstranění nepotřebných údajů. Špatné kódování může být příčinou špatného výkonu webu a může být odstraněno mnoha různými způsoby.
  • Priorita výše popsaného obsahu. Rychlost otvírání stránek závisí nejen na tom, jak rychle se načte stránka. To platí i pro "vnímanou produktivitu". Pokud je kód nesprávně uspořádán, může to mít za následek snížení vnímaného výkonu v mysli uživatele, a to i v případě, že rychlost stahování webu je normální.
  • Zrychlete čas odezvy serveru. Toto je čas, který trvá, než server spustí stahování obsahu stránky uživateli, což může zpomalit řadu faktorů podle požadavku společnosti Google. Pokud chcete, aby stránka byla bleskově rychlá a poskytovala dobrou rychlost, je lepší platit slušný web hosting.
  • Odstranění javascriptu blokováním vykreslování. Java dovolujepoužívat některé výkonné nástroje třetích stran a interaktivní prvky stránky. Problémem je, že Java také zastaví analýzu kódu HTML.
  • Ukládání do mezipaměti prohlížeče po kontrole rychlosti stránky Google Page Speed. Doporučuje se ukládat do mezipaměti dobu delší než sedm dní a pro nezměněné položky jeden rok.
  • Optimalizace obrázků. Vyšetřovatelé na blogu Google výslovně varují před hrozbami obrazu pro rychlost webu.
  • Zrychlené načítání stránek

    Ověření rychlosti webu Google je dobrovolné. Podle Googlu může webová stránka v době zavádění ztratit až polovinu návštěvníků. To znamená, že chtějí, aby doba načítání byla krátká a příjemná pro maximalizaci uživatelského rozhraní. Zprávy aplikace MachMetrics však naznačují, že doba načítání stránky je stále příliš pomalá. To jsou cenné informace, ale majitel stránek by se měl zaměřit na zlepšení hodnocení.
    V tomto případě je třeba věnovat pozornost seznamu nabídek, které jsou k dispozici na Googlu. Po naučení těchto tipů a při pohledu na to, jak se změní doba načítání stránky, můžete obecně získat rychlejší webové stránky. Chcete-li otestovat rychlost stahování rychlosti Google, použijte funkci PageSpeed ​​Insights, která pracuje se sadou pravidel pro rychlost a použitelnost. Nabídky na výkon budou založeny na pravidelných aktualizovaných pravidlech společnosti Google, aby byly splněny nejnovější postupy praxe. To znamená, že zlepšení dnešního hodnocení nemůžegarantovat vysoké skóre za šest měsíců nebo rok. Neprovádějte nepotřebné změny pro mobilní zařízení ani pro stolní počítače, pokud je problém jediný. Uživatelské rozhraní Google pro tento systém je fantasticky jednoduché. Má oddíly "Možné optimalizace" a "Nalezené optimalizace".
    Kontrola rychlosti stahování webu Rychlost Google v kategorii "Nalezená optimalizace" není snadná, protože ověřená stránka již splňuje požadavky Google, i když se to může časem měnit. Mezitím se musíte zaměřit pouze na možnosti optimalizace. Krátké věty můžete najít v seznamu od společnosti Google, jako například "Minimalizovat HTML" nebo "Upřednostnit viditelný obsah". Většina vývojářů rozhraní pochopí, co to znamená, a vědí, jak problém vyřešit okamžitě. Pokud nezkušení majitelé stránek to nevědí, mohou jednoduše kliknout na text "Zpráva jak opravit" textové zprávy v každé navržené optimalizaci, aby rozšířili své znalosti a naučili se všechny základní kroky k vyřešení problému. A musíte to udělat s každou optimalizací, aby vývojáři skutečně mohli maximálně využít PageSpeed ​​Insights.

    Měření

    Měří časy načítání stránky. Po vyhodnocení rychlosti webu provádí společnost Google optimalizaci doporučenou společností PSI společnosti Google.
    Znovu znamená čas načtení stránky. Pokud je to rychlejší, udržujte změny. V opačném případě je zrušte. Opakujte, dokud nebudou dokončeny všechny návrhy PSI.
    Tento zkušební proces aChyby jsou těžkopádné, ale pokud je sledování rychlosti, pak eliminuje polovinu problémů. Společnost Google používá hodnotu hodnot PageSpeed ​​Insights pro nulové hodnoty relativně k parametrům, které pravděpodobně způsobují zpoždění bootování. Při řešení těchto konkrétních problémů bude mít vývojář web s rychlejšími stahování. Opět platí, že hodnocení není vševědoucí. „Osvědčené postupy“ jednoduše znamená, že PageSpeed ​​Insights se zaměřuje na to, co je pravděpodobné, že ke změně situace, a to je široce používán pro zvýšení výkonu. Analýza se může lišit. Nakonec je možné, že pomocí doporučení PageSpeed ​​Insights je lepší než jen opustit stránky pro surfování po internetu.

    Přesměrována vstupní stránka

    Po kontrole rychlosti zahrnuje nakládací webu Google PageSpeed ​​Insights zjistí, že místo má více než jedno přesměrování ze zadaných adres URL adres na vstupní stránce v konečném znění. Jako příklad můžete přesměrovat odkazovat na následující: example.com - & gt; https://example.com - & gt; https://www.example.com. Místo toho by měla být správná verze: example.com - & gt; https://www.example.com. Často je řetězec více přesměrování, protože existují dva kusy kódu, z nichž každý zpracovává část přesměrování. Řekněme, že jeden soubor s kódem zpracovává přesměrování https a druhý ruční přesměrování ze starých adres URL na nové stránky. Chcete-li odstranit selhání, shromažďujte přesměrování do jedné "funkce".
    Nejvíce místa zahrnují následující typy přesměrování:
  • Protocol (HTTP - & gt; HTTPS).
  • Doména (youtu.be-> youtube.com)
  • Subdomén (youtube.com - & gt; www.youtube.com).
  • Stránka youtube.com/old-url - & gt; youtube.com/new-url).
  • Pokud web funguje na mobilní verzi - v jiné doméně, subdoméně nebo podsložce - způsobí to zbytečné přesměrování pro všechny mobilní uživatele. Obecný příklad: example.com - & gt; m.example.com Ještě horší příklad: example.com - & gt; www.example.com - & gt; m.example.com Google doporučuje vytvořit citlivé webové stránky, takže přesně stejný obsah je zobrazen pro všechna zařízení - v závislosti na šířce obrazovky je to jednoduše zvětšeno a provedeno jinak. Nástrojem, který můžete použít v tomto případě, je stav služby.io, kde můžete jednoduše zadat jednu nebo více adres URL a zjistit, jak budou přesměrovány.

    Optimalizace snímků

    Je-li test rychlosti stahování stránek Google minimální, musí vývojář dodržovat následující pokyny, aby bylo dosaženo vysokých výsledků:
  • Obraz je nejčastější příčinou nízkých sazeb PageSpeed.
  • Na většině webových stránek tvoří obrázky více než 50% staženého obsahu, takže můžete výrazně zlepšit situaci optimalizací obrázků.
  • Většina obrázků na webových stránkách by měla být zpravidla nižší než 100 KB. Plné velikosti pozadí jsou často více, takže je zapotřebí optimalizace. Google si to přemýšlel. Umožňuje nahrát již optimalizované obrázky v dolní části zprávy PageSpeed. Pak vše, co musíte udělat, je stáhnout.
  • ​​
  • Pokud používáte WordPress, je WP Smush vynikajícíplugin pro tyto účely. Zahrnuje také schopnost automaticky měnit velikost obrázků a komprimovat je.
  • Vnitřní a vnější zdroje

    Existují dva typy prostředků, které mohou načíst stránku. Domestics jsou zdroje na webu, který je řízen vývojářem. Externí - jedná se o zdroje, které vývojář stáhne z jiných zdrojů na internetu a nejsou kontrolovány. Nejaktuálnější jsou nejčastěji zobrazovány v bloku "Vyloučit". Zde je to, co můžete udělat k tomu, aby blokování zdroje, v případě, že analýza ukázala, že rychlost webů Google neuspokojivým výsledkům:
  • Vnitřní zdroje mohou často být sloučeny do jednoho jednoduše nahráním optimalizovaných JavaScript a CSS souborů zprávě spodní PageSpeed. Nebo je-li například CMS, například WordPress, použije plugin typu "ti-mize" pro zpracování kombinovaných položek.
  • tím, že kombinuje některé prostředky mohou přestat fungovat, aby se ujistil, že změny jsou reverzibilní.
  • Externí zdroje, které lze provést interně. Pokud stahujete písma z Internetu, je lepší to udělat ze svého serveru.
  • Některé interní zdroje, které lze ze stahování odstranit. Témata nebo pluginy na webu mohou načíst zdroje, které skutečně nepotřebují, protože tuto funkci nepoužívají. Tímto způsobem můžete do svého webu přidat kód, který specificky zakáže stahování těchto zdrojů.
  • Některé zdroje, které lze nahradit jiným, což vyžaduje méně času na stažení.
  • V některých externích zdrojích vývojáři nemohou nic dělat, pak se zasekl.
  • Do paměti cache prohlížeče přidejte kód do souboru .htaccess nebo se obraťte na jeho hostitelskou firmu, která umožňuje ukládání do mezipaměti prohlížeče pro interní zdroje.
  • Pokud vývojář nemůže dělat nic s externími zdroji a prohlížeči pro ukládání do mezipaměti, je lepší vyhledat pomoc odborníků.
  • Minimalizovat HTML a CSS

    Chcete-li zvýšit rychlost webu po testování Google, minimalizujte HTML a CSS. To se provádí odebráním dalších souborů na webu. Tento dodatečný materiál je obvykle záložky, mezery a nové řádky - vše, co člověk umožňuje číst, a to je opravdu důležité pro počítač. Existují tři hlavní typy dat, které můžete udělat méně:
  • HTML;
  • CSS;
  • javascript.
  • Většina webů má spoustu souborů ke stažení. Ale můžete několik kombinovat, abyste je zmenšili, a téměř vždy můžete odstranit přebytečný materiál. Pokud vývojář používá WordPress, je to velmi dobrý plugin pro to. Většina webů může bez problémů používat HTML a CSS. Bez ohledu na to, zda služba JS minify funguje, závisí rychlost webu na tom, které zásuvné moduly a motivy se používají. Je známo, že komprimovaný soubor trvá méně místa než originál. Stejný princip platí i pro internet: komprimovaná data zabírají méně místa. Takže hlavní věc - povolit kompresi na webovém serveru tak, že může snížit velikost souborů, a pak menší soubory budou staženy rychlejší na webu. To znamená, že lidé, kteří navštíví web, pravděpodobně obdrží potřebné informace acítit se pohodlně. Na většině webových serverů můžete povolit kompresi gzip s malým doplňkem do souboru .htaccess. Případně se můžete obrátit na podporu hostingu.

    Výkon "vnímán" obsahu

    Viditelný obsah je součástí webové stránky, kterou uživatelé vidí na své obrazovce před dalším posouváním stránky. Webové stránky, které se zdají být velmi rychlé a jasné ke stažení, jsou často stejně velké jako pomalé. Uživatelé mají rádi stránky, které obsah rychle zobrazují. Pokud vývojář při analýze webu obdrží zprávu o prioritě viditelného obsahu ve formátu Google, použijte tyto mechanismy. Google nabízí dvě hlavní strategie pro dosažení tohoto cíle a poskytují docela dobrý plán pro změnu stránek. Jedním z nejrychlejších, nejjednodušších a nejběžnějších způsobů, jak zlepšit vnímání stahování webové stránky uživatelem, je zajistit, aby HTML zobrazoval obsah webové stránky před tím, než představí další data. Zde je příklad pro stránky s bočním panelem. Pokud je uvedena nejprve v HTML, načte první před hlavní oblast obsahu. Typický postranní panel obsahuje propagační a sociální tlačítka a další obsah, který je obsahem třetích stran. Pokud se tedy stáhne do hlavního obsahu, skutečně nutí uživatele, aby počkal, až uvidí požadovaný obsah, což je velmi špatné. To lze měnit jedním jednoduchým úkolem - umístit část obsahu před částí postranního panelu, která bude uživatelům představovat nejdříve hlavníobsah a další přezkum webu - záležitost podle jejich výběru.

    javascript s blokováním vykreslování

    Při měření rychlosti stránky Google PageSpeed ​​Insights můžete získat návrh na odstranění blokování javascript a CSS. Většina webových stránek obsahuje kombinaci kódu HTML, CSS, javascriptu a kódu PHP, který do tohoto webu přidává obsah, formátování a interaktivitu. Při vykreslování webové stránky prohlížeč poprvé stáhne skripty a kód CSS a přejde do HTML. Zpoždění v načítání skriptů a CSS zabraňuje uživatelům vidět jakýkoli obsah na obrazovce, tudíž výraz "blokování vykreslování". Ačkoli zpoždění může být jen milisekunda, bude stránka vypadat "pomalu" pro uživatele. Existuje mnoho metod pro opravu blokovacích skriptů a WordPress CSS, které optimalizují čas načítání stránky. Nejjednodušší je použít plugin pro ukládání do mezipaměti. Zde je další dva pokusy pro vývojáře: Fix Render-Blocking skripty a auto-optimalizace CSS. Ty-mize je oblíbená volba pro automatickou optimalizaci doby načítání stránky WordPress. To umožňuje správcům používat pokročilé techniky optimalizace kódu bez nutnosti odborných znalostí. Administrátoři si mohou vybrat z nabídky možností zkrátit čas načítání stránky a odmítnout změny, pokud dojde k nepředvídaným událostem:
  • Chcete-li začít, přihlaste se do ovládacího panelu aplikace WordPress a vyberte Plugins & gt; Přidat nové.
  • Najděte ti-mize, pak nainstalujte a aktivujte plugin.
  • Přejděte na Nastavení & gt; Chcete-li zobrazit konfiguraci modulu plug-in, změňte nastavení.
  • Na kartě Domůvyberte zaškrtávací políčka Optimalizovat kód javascript a Optimalizovat kód CSS a poté klikněte na tlačítko Uložit změny.
  • Přezkoumejte stránky pomocí nástroje Google PageSpeed ​​Insights a porovnejte výsledky.
  • Nástroje ke zlepšení doby načítání

    Existuje několik nástrojů, které lze použít ke zlepšení rychlosti stránky nebo jen k tomu, jak funguje web:
  • Rychlost stránky je klasická. Dává vývojářům všechny klíče a tipy pro zlepšení zatížení stránky.
  • Test webových stránek je nástrojem Google. Nabízí bezplatný test rychlosti, který zahrnuje grafy optimalizace stránky.
  • YSlow je plug-in, který rychle ukazuje, jak funguje web, a dává vývojářům informace o tom, jak zvýšit rychlost.
  • Kompresor YUI - tento nástroj pomáhá komprimovat kód minimalizací javascript a CSS.
  • OnCrawl - nabízí jasný přehled o produkci stránek a pomůže vám zjistit, které z nich by měly být nejprve optimalizovány.
  • Používání klíčů pro vývojáře Chrome

    Webový prohlížeč Google Chrome obsahuje nástroje pro vývojáře. Pomáhají řešit problémy pomocí HTML, CSS a [odstraněny]. Chcete-li přistupovat k vývojářským nástrojům v systému Microsoft Windows nebo Linux, stiskněte klávesy Ctrl + Shift + I. Pro stejnou funkci Apple Mac OS X klikne na možnost Option + Command + I. Karta Síť v panelu Nástroje pro vývojáře v Chrome obsahuje seznam všech připojení pro aktuální. stránek Chcete-li otestovat konkrétní stránku, otevřete Nástroje pro vývojáře a přejděte na ni. Kromě toho, pokud chcete otestovat aktuální stránku,stačí ji aktualizovat. Chrome zobrazí informace o vlastnostech každé stránky a jejích dotazů:
  • Jméno nebo adresa URL požadovaného zdroje.
  • Metoda HTTP (GET nebo POST).
  • Stav.
  • Kód stavu HTTP vrácený serverem.
  • Typ zdroje MIME.
  • Iniciátor - Odkazovač se odesílá na server, obvykle se na stránce zobrazí adresa URL.
  • Velikost zdroje přijatého prohlížečem (pokud byla stránka komprimována serverem, tato hodnota je menší než skutečná velikost souboru).
  • Celkový čas pro extrahování zdroje, včetně vyhledání a stahování DNS.
  • Časování - Časová osa je blok dat, který dočasně kontroluje každou žádost.
  • Při přesunutí myši nad panel se objeví vyskakovací okno s podrobným spouštěcím rozdělením:
  • Zámek - Zahrnuje čas vyhledání služby DNS, výdej jízdenek SSL a připojení k serveru.
  • Odesílání - zahrnuje čas odeslání požadavku se všemi daty na server.
  • Čekání - zahrnuje čas, kdy by server měl zobrazovat obsah, který má být zobrazen, a začít jej odesílat do prohlížeče.
  • Příjem - zahrnuje čas potřebný ke stažení obsahu.
  • Někdy server začne odesílat obsah do jeho vytvoření. Například PHP skript může začít odesílat HTML, i když stále dynamicky generuje obsah stránky. Tento typ skriptu může způsobit nesprávné výsledky časového limitu. Kombinace čekací doby je nejdůležitějším faktorem při určování rychlosti místa. Rychlost připojení k Internetu může také ovlivnit výkonvývojáři by měli vždy porovnávat čas při vyhodnocování výkonnostních kritérií webu. V dolní části karty "Síť" je shrnutí procesu načítání stránky. Tento souhrn obsahuje celkový počet dotazů, velikost stránky včetně zdrojů a rozpis času, který je potřebný k zobrazení stránky v prohlížeči. Po analýze výkonnosti zatížení stránky na webu bude mít majitel lepší představu o tom, kde může soustředit své úsilí na optimalizaci rychlosti.

    Související publikace