Jako vlastník webu víte, že by to mělo být rychlé. A už jste si přečetli různé články o tom, jak urychlit své stránky, možná i něco implementovalo. Další je zajímavý, jak rychle je místo načteno. Zde jdete do Google PageSpeed \u200b\u200bInsights jako nejoblíbenější nástroj, obdržíte hodnocení a seznam doporučení společnosti Google. A tady je většina z nás ztracena:

• Je indikátor slovesPeed postights pro SEO?
• Proč je hodnocení mých stránek maximálně?
• Co znamená všechna tato doporučení?

Dříve jste zahrnuli do mezipaměti na stránkách a očekávali, že rating of PageSpeed \u200b\u200bbude téměř dokonalý a nyní si myslíte, proč tento plugin neřeší všechny problémy při rychlostech? Možná to není moc dobré? Krátká odpověď je, že:

Indikátor Google PageSpeed \u200b\u200bnezáleží.

Ano, je to tak ... ale proč to nezáleží?

Rychlost stránky vs PageSpeed \u200b\u200bInsights

Rychlost (čas stahování stránek) je důležitá a je důležitá metrika v SEO a také postihuje uživatelské zkušenosti. Když GoogleBot indexují stránku, nevidí indikátor PageSPeed, ale zná pouze samotná rychlost. Víte, že Google PageSpeed \u200b\u200bInsights neměří rychlost vašeho webu? Ano, znovu ji přečtěte:

Google PageSpeed \u200b\u200bInsights neměří rychlost webu.

Dobrý den, milý blog čtenářů místo! Dnes bude příspěvek věnován nádhernému nástroje Google stránky AIDS, což vám umožní otestovat libovolnou stránku ke studiu možností urychlení jeho zatížení ().

Není to žádné tajné, že vyhledávače, zejména Google, nedávno věnuje vážnou pozornost tomuto aspektu, takže rychlé webové stránky dostávají určitou výhodu v pořadí a vyšších pozicích ve výsledcích vyhledávání.

Pohledy na stránce Google Patters Insights nejen detekuje a označuje všechny důvody, proč stránka není dostatečně načtena, ale také nabízí specifické způsoby, jak je eliminovat, a některé zjištěné problémy lze snadno odstranit servisními silami v automatickém režimu.

Jaké jsou nástroje pro optimalizaci vůbec používat Google?

V zásadě pro každou z vašich projektů zaplatím dostatek času na optimalizaci stránek, které přispívají k jejich rychlému stažení. To opravdu nedosáhlo blogu jen před blogem, což je v podstatě vizuální příručka pro začátečníky webmastery, nikoli bez zdravých ambices a účtovány k dosažení cíle.

Ale protože přírodou jsem perfekcionista, nemohl dovolit informační webový zdroj přenášet, takže mluvit, znalost masy, by byl v nějakém aspektu mezi laggardi. Proto bylo rozhodnuto učinit maximální úsilí o optimalizaci IT, včetně doporučení společnosti AIDS.

Proto se okamžitě změní na popis tohoto nástroje, takže můžete odhadnout jeho funkčnost a aplikovat v praxi ve prospěch vašich webových zdrojů.

Dříve bylo možné použít ve formě rozšíření pro prohlížeče a stahování odkazů zúčastněných na speciální stránce Google. Kromě toho, aby ji aplikoval v mazilu, nejprve to bylo nutné, kde Paige AIDS byl přítomen jako jeho přídavek:

Nyní již není možné aplikovat rozšíření pro prohlížeče od společnosti Google, i když stejné pluginy, ale v několika dalších interpretacích jsou k dispozici na oficiálních chromových a masisle webových stránkách (webových stránkách). Kromě toho je docela funkční monitor služba online Google s přesně stejným funkčním a nejméně možností. Pokud jdete do sekce vývojáři, uvidíte odkaz na nástroj Rychlost stránky:

Mimochodem, na stejné stránce "PageSpeed \u200b\u200bTools" Existují všechny návrhy Google pro urychlení stránek. Vypadá to, že vývojáři "dobré říše" vážně vzali optimalizaci a zrychlení celého internetového prostoru, protože ve vývojáři naleznete odkaz na knihovnu optimalizace ( Integrovat knihovnu optimalizačních stránek PageSEED) Otevřený zdroj.

Dostupnost otevřeného kódu software Tento projekt působí na základě modulu " mod_pagesspeed.", Který je nainstalován na serveru Apache (KOI, mimochodem, drtivá většina), znamená, že může být vylepšena nebo aktualizována nikoho.

To znamená, že je to docela realistické na úkor internetové komunity vytvořit blízký k dokonalému zrychlení nástroje. Jak to všechno vypadá v praxi, bude čas zobrazovat. Samozřejmě, aby bylo možné plnit příspěvek a dosáhnout úspěchu v tomto střelci, je nutné být poměrně kvalifikovaným programátorem.

Pokud se podíváte na horní screenshot (informace jsou krouženy se zeleným rámem), uvidíte odkaz na instalaci nejnovější verzi hotového modulu. To může být zajímavé pro majitele, kteří jej mohou nainstalovat na svých serverech, poskytovat automatické zrychlení lokalit.

Kromě toho existují dvě úpravy modulu AIDS Page AIDS: přímo apache servery A pro balíček Apache + Nginx, kde druhý hraje roli proxy serveru:

Mimochodem, podíl Apachatic a NGNIX v moderních podmínkách je nejvíce v poptávce a používá se nejmodernějšími hostiteli (včetně sprithost), protože zajišťuje efektivní využití zdrojů. Pokud máte zájem o tuto metodu automatického zrychlení stránek, můžete se připojit k této ruce nebo napětím hoste.

Google "S PageSPEED doporučuje (cesty pro zvýšení rychlosti stránky načítání stránek)

Nahoře jsme se podívali na možnost, abychom mohli mluvit, globální zvýšení rychlosti stahování webových stránek, který vyžaduje specifické znalosti (je pravděpodobné, že tyto informace budou užitečné pro někoho užitečného, \u200b\u200balespoň v budoucnu).

Ale pro hlavní část čtenářů, to znamená, jednoduché webmastery, relevantnější možnost je jasná a dostupná zde a nyní. " Právy tyto podmínky plně splňují službu PagesSeed Insights, která bude hovořit. Chcete-li analyzovat konkrétní stránku webu, zadejte svou adresu URL () na této stránce:

Po analýze uvidíte pravidla Google, a stejně jako ve vztahu k mobilní zařízenía PC, což je obzvláště cenné. V tomto příkladu je pro hlavní stránku tohoto blogu, 76 pověření od 100 pro mobilní telefony je průměrným výsledkem, které lze výrazně zlepšit, pokud využíváte doporučení.

Pro optimalizaci každého prostředku, který zpomaluje zatížení stránek, odkazy jsou uvedeny příslušných sekcí (pro účely potvrzení, klepněte na odkaz "Jak opravit?"), Kde najdete popisy nezbytných opatření k odstranění nedostatků.

Ale tady musíte udělat důležitou poznámku. Nezbytný analyzovat stránky odlišné typy Pro dosažení poklesu doby stahování celého webu jako celku. Například pro standardní blog Vordpress, úroveň optimalizace v tomto aspektu pro hlavní sloupce, statické stránky a záznamy mohou být zcela odlišné.

Nad jsem dal příklad domovská stránkaNa kterých se zobrazí příspěvky, ale jeden z článků podpory stránky poskytlo mnohem nižší hodnocení:

Stalo se to proto, že příspěvky jsou obvykle mnohem objemnější a zahrnují mnoho různých zdrojů a obsahu (obrázky, video, skripty). Proto je lepší začít kontrolovat optimalizaci z nich. Mimochodem, z tohoto hlediska odpuzovat od hodnocení Rychlost stránky poskytuje mobilní telefonyProtože dosažení slušné rychlosti zatížení na těchto zařízeních vyžaduje mnohem více televizí.

Ale i různé záznamy o záznamech se mohou lišit v kvalitě. To se stane, včetně, protože některé z nich provádějí další skripty, které zpomalují stahování. Například úroveň optimalizace jednoho z těchto weblonů mě nezpůsobila jen překvapení, ale skutečný šok:

Je jasné, že 62 bodů ze 100 možných není výsledkem, ke kterému musíte usilovat. A to vše proto, že na tomto a některým jiným stránkám záznamů mám Syntaxhighlighter plugin skript, iniciovat krásná dekorace Osvětlené kódy.

Na místě může být několik takových rozšíření. V každém případě je nutné vyřešit pro sebe, kolik plug-in je důležitý pro váš zdroj z hlediska funkce, které poskytuje. A v závislosti na tom je nutné jej odstranit, nebo přijmout opatření pro optimalizaci, která pomůže urychlit zatížení stránky.

Výše uvedené jsou obzvláště pravdivé v nejoblíbenějších CMS na světě, který má ohromující počet webmasterů. Tento multifunkční motor je dobrý, ale musí být neustále laděn, pokud jde o snížení zatížení na serveru a snížit dobu načítání stránky. Majitelé webových zdrojů pracujících na WP proto by proto měli tuto poznámku brát. A dostupnost takové služby jako stránky AIDS zde, protože je nemožná.

Nezapomeňte si přečíst všechny tyto články alespoň v režimu prohlížení, klepnutím na výše uvedené odkazy, můžete najít mnoho užitečných pro sebe. V budoucnu plánuji se vrátit k problému zrychlování webových zdrojů více než jednou, a proto můžete vydat předplatné, aby bylo možné vynechat výstup čerstvých publikací na toto téma.

Závěrem naleznete v užitečném videu, ze kterého se naučíte, proč jsou tipy pro rychlost stránky doporučenou povahou a za jaký důvod by k nim neměly následovat fanaticky.

Modul Google PageSpeed \u200b\u200bpro stránku: Co může a jak používat

Rozhodli jsme se experimentovat a přidat akcelerátor z Google na tři projekty. Co se od toho stalo - zjistěte.

Místa musí okamžitě zavést. Ne, ne, stránky by neměly nikoho? Jděte do trolejbusu a posaďte se vedle studenta, který sedí s iPhone. Podívejte se, zda je připraven čekat, až je načten nějaký internetový obchod. Řekněme jen: tři sekundy - a záložka se zavře. Další výsledek je následující výsledek výsledků vyhledávání.

Mimochodem, Pro vyhledávání vydávání. Rychlost stahování stránek ovlivňuje pořadí ve vyhledávačích. Pruf a. "Thoring" stránky jsou méně pravděpodobné, že roboty navštíví, a to znamená méně často indexované. Z toho existuje místo v vydání a pohodlí nalezení potřebných informací.

Neustále přemýšlet o tom, zda bude vaše stránka načtena pomalejší na smartphonu než na počítači. A pokud ano, pak s největší pravděpodobností jej snížíte v vydání.

- Matt Katts, Google

Google pracoval a vydal svůj nástroj, aby zkontroloval rychlost - Pagesspeed. Najít brzdné zatížení prvky prostě jít tady A v jediném poli určete adresu, kterou chcete testovat. Za minutu bude připravena podrobná zpráva o výkonu. Výsledek bude zobrazen v papoušcích. V ideálním případě, jejich servisní stanice, ale snaží se dosáhnout! Dokonce i Google sám není pod mocí: Zkontrolujte své služby :)

Testy jsou prováděny pro stolní a mobilní verzi webu. Zaměřit se lépe v barevném měřítku: žlutá zóna indikuje, že existují prvky, které stojí za to optimalizovat, zelená bude hlásit, že je vše v pořádku. Pokud je místo v červené zóně, přišroubujte rychlost a optimalizujte. Jinak před propasti: Zatímco je stránka načtena, uživatel již půjde na jinou stránku :)

Místo můžete optimalizovat dvěma způsoby.

Ruční optimalizace

1. Squeeze obrázky Photoshopu nebo projít přes Optimizilla. např

Čím menší obrázky váží, tím více bocks jsou rychlejší místo je naloženo. Děláme kompresi, multi-particel obrázky skrýt pod kočkou. Dost prevík 640 × 480. Méně obrazu - místo spaní.

Dokonce i On. Úvodní stránka Grafika Google vývojáři může být stlačena o 71%.

2. Připojení písma z samotného místa a neulákovat je pomocí společnosti Google

Minus - zatímco prohlížeč není načten písmo, uživatel uvidí nudné arial nebo Tahoma.

3. Pomocí mezipaměti prohlížeče na maximum

Když je web částečně uložen klientem - stahování bude rychlejší.

4. Snižte JavaScript a CSS

Skripty nejsou upraveny každý den po vydání - nemá smysl je komprimovat za mouchu. Dostatečně optimalizovat jednou za kódy. Šablony JS jsou lepší zvládnout na serveru, vložte výsledky do HTML a po stažení použijte šablony na klienta.

5. Snižte HTML.

V praxi - odstranění zbytečných mezer, záložek, linek.

6. Vymažte nepoužitý kód.

Lze zabudovat do auditu "Chrome". Klikněte na F12 a přejděte na kartu Audity. Níže je uvedeno pouze tlačítko běhu. Je obecně stejný jako slovesspeed. Pouze v reálném čase.

Automatická optimalizace

Jakékoliv místo se skládá z dynamických a statických prvků. Dynamické prvky - HTML kód získaný z požadavků PHP a databáze. A zbytek je statický. Jedná se o obrázky, JavaScript a CSS.

Automaticky optimalizovat stránku může být strmé Google - Pagesspeed Insights. Tento modul je nainstalován na serveru Nginx a stiskne v reálném čase po nastavení. dofig info , mimo jiné, grafika.

Pagesspeed Insights může analyzovat HTML a optimalizovat zdroje. Jasné, kratší. Ve zdrojovém kódu budou prostředky na jiné cestě, ne tím, co je nastaveno tak, aby stlačte fotografii vývojářem. Je třeba zvážit. Ale zobrazení zdrojů se nezmění. Hmotnost se sníží. Takže zvýší rychlost stahování stránky a návštěvníci budou spokojeni :)

Nicméně, PagesPeed Insights má omezení. To lze dát pouze na Nggerx, spuštěn na nebo virtuální server. Ne, pronajaté někde v Německu, sdílený server nebude vyhovovat.

Druhé omezení je spojeno s věčnými válečnými prohlížeči. Pagesspeed obrázky jsou převedeny na formát.Webp, který chápe pouze "Chrome" (v populárně milovaném Internet Explorer. 6 Tato věc nebude projít). V nedávné verze Zobrazení těchto snímků se naučil a "opera". Protože se motor změnil.

Příklady použití PagesPeed Insights

Nainstalovali jsme modul PagesSpeed \u200b\u200bInsights na třech projektech - na svých nových webových stránkách a na dvou klientovi. Modul vidí, ze kterého prohlížeč přichází požadavek, vypadá, zda je vyškolen pro zobrazení formátu WebP a udává buď optimalizovaný obraz nebo běžný JPEG.

V Sibiři, nastavení trvalo asi půl dne. Něco muselo udělat empiricky: změněn, sledoval, co se děje. Někdy byla zóna zelená a létat ve žlutém by mohla zcela nepředvídatelně.

Nyní jsou obě verze v zelené zóně. Takže nebudou žádné problémy při rychlosti. Pokud je rychlost připojení dobrá, žádná okraje některé :)

V rámci technická podpora Rozhodli jsme se experimentovat a nainstalovat modul Pagspeed Insights.

Google PageSEED je nástroj, který vám umožní zkontrolovat rychlost webu. To vám umožní odhadnout stahování rychlosti pro stacionární počítače a pro mobilní zařízení a vydává doporučení, která lze použít k optimalizaci.

Výsledkem analýzy rychlosti loading lokality vypadá takto:

Zkontrolujte rychlost místa od služby Google PageSpeed \u200b\u200bInsights a Service doporučení

Po analýze rychlosti načítání lokality lze nejčastěji získat následující doporučení:

Optimalizujte obrázky

Nejčastěji vyskakovaným doporučením služby souvisí optimální volba Obrázky pro web. Grafický obsah je velmi těžký a může značně zpomalit stahování stránek zdrojů. Nejobecnější doporučení se skládají ve výběru správného formátu (nejčastěji to má smysl použít PNG), velikost a kvalitu obrazu. Také příliš velké, pozadí používané jako pozadí může občas zpomalit rychlost načítání lokality. Vždy potřebujete zkontrolovat snímky a maximalizovat jejich velikost a kvalitu (velikost a kvalita obrazu má smysl nastavit minimální přijatelnou pro konkrétní zdroj).

Povolit kompresi

Stlačení webového serveru je důležitým parametrem, který poskytuje rychlost. Je součástí modulu Mod_deflate v Apache nebo na úkor směrnice Nginx.

Využití mezipaměti prohlížeče

Určuje, zda je titul odeslán a data v prohlížeči uživatele jsou uloženy v mezipaměti. Ukládání do mezipaměti může výrazně snížit počet odvolání na server, který zmenšuje zátěž a zvyšuje míru návratu statických dat (která je nejvíce na libovolném místě) klientovi

Eliminovat vykreslení-blokující JavaScript a CSS ve výše uvedeném obsahu

JavaScript Výchozí kód je proveden jako stránka je načtena stránka, podobný způsob se zpracovává CSS. Ty. Pokud je skript JS připojen v těle dokumentu, je jeho vykreslování přerušeno pokaždé, dokud nebude skript splněn. Můžete se k tomu vyhnout přidáním při připojení JavaScript a HTML Tělo stránky bude vykresleno bez ohledu na spustitelný kód.

Například JS v asynchronním režimu lze připojit takto: