Zavedenie moderné technológie vizualizácie dát, značkovanie, filtrovanie a snímku, sadzba pre web Google poskytuje komplexné riešenie pre každý webmaster, ktorý chce zlepšiť vyhľadávač poradí vašich webových stránok a počet návštevníkov. Ak sa stránka načíta pomaly, nie je vždy ľahké zistiť problém. Našťastie existuje bezplatný nástroj, ktorý môže používateľ použiť, aby zistil presne to, čo spomaľuje zaťaženie stránky.
Nástroj Google PageSpeed Insights je nástroj, ktorý vám umožňuje rýchlo a jednoducho testovať rýchlosť stránky. K otestovaniu stačí zadať URL adresu a kliknite na tlačidlo "Analyzovať" rýchlo získať podrobnú správu o rýchlosti Webové stránky Google z dôvodov spomalenia stránky založené na dvoch parametroch s odporúčaniami pre jej odstránenie.
Dokonalý odhad lokality
Podľa Google, systém kontroluje stránky výkonu pre mobilné a desktopové verzie extrakciu URL naraz pomocou mobilného agenta a druhý - cez agenta stolným počítačom. PageSpeed sa pohybuje od 0 do 100 bodov. Vyššie skóre je samozrejme lepšie a odhad 85 alebo viac je skvelým ukazovateľom rýchlosti stránok spoločnosti Google. V prípade, že majiteľ vidí svoju správu veľa červená a žltá farba je spôsobená tým, že strana má vážne problémy so sťahovaním. Nástroj ich oznámiproblémy, hoci chybové správy môžu byť trochu ťažké pochopiť. To je to, čo developer môže prijímať oznámenia služby
Je nutné, aby sa zabránilo vstupné stránky presmeruje na zabezpečenie skúšobnej stránky rýchlosť od spoločnosti Google. Ak stránka nebola urýchlene navrhnutá, výsledkom môže byť niekoľko presmerovaní na stránky optimalizované pre rôzne zariadenia.
Zahrňte kompresiu. Dnešné prehliadače slúžia na zobrazenie menšej alternatívnej verzie stránky pre používateľov internetu. S kompresorom gzip je možné tieto stránky znížiť o 90%.
Minimalizácia CSS, HTML, javascript. To sa týka odstránenia nepotrebných údajov. Zlé kódovanie môže byť príčinou slabého výkonu stránok a môže byť odstránené rôznymi spôsobmi.
Priorita vyššie uvedeného obsahu. Rýchlosť otvárania stránok závisí nielen od toho, ako rýchlo sa načíta stránka. To platí aj pre "vnímanú produktivitu". Ak je kód nesprávne štruktúrovaný, výsledkom môže byť zníženie vnímaného výkonu v mysli používateľa, aj keď rýchlosť sťahovania stránky je normálna.
Urýchlite čas odozvy servera. Je to čas, kedy server začne sťahovať obsah stránky používateľovi, čo môže spomaliť množstvo faktorov podľa požiadaviek spoločnosti Google. Ak chcete, aby stránka bola bleskovo rýchla a poskytovala dobrú rýchlosť, je lepšie platiť slušný web hosting.
Odstráňte javascript blokovaním vykresľovania. Java dovoľujepoužite niektoré výkonné nástroje od tretích strán a interaktívne prvky stránky. Problém je, že Java tiež zastaví analýzu kódu HTML.
Ukladanie do vyrovnávacej pamäte prehliadača po kontrole rýchlosti stránky Google Page Speed. Odporúča sa, aby ste uložili do vyrovnávacej pamäte maximálne sedem dní a nezmenené položky jeden rok.
Optimalizácia obrázkov. Testeri na blogu Google špeciálne varujú pred hrozbami obrazu pre rýchlosť webu.
Zrýchlené načítanie stránok
Overenie rýchlosti stránky Google je dobrovoľné. Podľa Google môže webové stránky pri zavádzaní stratiť až polovicu návštevníkov. To znamená, že chcú, aby doba načítania bola krátka a príjemná, aby sa maximalizovalo užívateľské rozhranie. Správa MachMetrics však naznačuje, že čas načítania stránky je stále príliš pomalý. Ide o cenné informácie, ale majiteľ stránok by sa mal zamerať na zlepšenie ratingu. V tomto prípade musíte venovať pozornosť zoznamu ponúk, ktoré sú k dispozícii na stránkach Google. Keď sa naučíte tieto tipy a pozriete sa na zmenu času načítania stránky, môžete všeobecne získať rýchlejšiu webovú stránku. Ak chcete otestovať rýchlosť sťahovania rýchlosti Google, použite funkciu PageSpeed Insights, ktorá funguje so súborom pravidiel pre rýchlosť a použiteľnosť. Výkonové ponuky budú založené na pravidelných aktualizovaných pravidlách spoločnosti Google, aby spĺňali najnovšie praktické postupy stránok. To znamená, že zlepšenie ratingu dnes nemôžezaručiť vysoké skóre za šesť mesiacov alebo rok. Nepoužívajte nepotrebné zmeny pre mobilné zariadenia ani pre stolné počítače, ak je problém jediný. Používateľské rozhranie Google pre tento systém je fantasticky jednoduché. Má sekcie "Možné optimalizácie" a "Nájdené optimalizácie". Kontrola kategórii Google Site Speed Speed "Zistili optimalizácia" easy as overeným strane už spĺňa požiadavky Googlu, aj keď to môže v priebehu času meniť. Medzitým sa musíte sústrediť iba na možnosti optimalizácie. Zoznam dostupných nedostatkové spoločnosti Google, ako je "minimalizovať HTML" alebo "pryorytezyrovat viditeľný obsah." Väčšina vývojárov rozhraní pochopí, čo to znamená, a vedia, ako okamžite vyriešiť problém. Ak neskúsení majitelia stránok nevedia to, oni môžu jednoducho kliknúť na textovú správu "Ukážte, ako opraviť" každé navrhované optimalizácia pre zvýšenie svoje znalosti a učiť sa všetky základné kroky k náprave tohto problému. A musíte to urobiť s každou optimalizáciou, aby vývojári naozaj dokázali využiť stránku PageSpeed Insights.
Meranie
Meria časy načítania stránky. Po vyhodnotení rýchlosti stránky spoločnosť Google vykoná optimalizáciu odporúčanú spoločnosťou PSI spoločnosti Google.
Znova znamená čas na načítanie stránky. Ak to robí stránky rýchlejšie, udržujte zmeny. V opačnom prípade ich zrušte. Opakujte, kým nebudú dokončené všetky návrhy PSI.
Tento skúšobný proces aChyby sú ťažkopádne, ale ak je monitorovanie rýchlosti, potom eliminuje polovicu problémov. Spoločnosť Google používa hodnotu hodnôt PageSpeed Insights pre nulové hodnoty vzhľadom na parametre, ktoré s najväčšou pravdepodobnosťou spôsobia oneskorenie zavádzania. Pri riešení týchto špecifických problémov bude mať vývojár web s rýchlejšími sťahovaniami. Opäť platí, že hodnotenie nie je všetko poznateľné. "Najlepšie postupy" jednoducho znamená, že služba PageSpeed Insights sa zameriava na to, čo pravdepodobne zmení situáciu, a je široko používaná na zvýšenie produktivity. Analýza sa môže líšiť. Nakoniec, pomocou odporúčaní služby PageSpeed Insights je lepšie než len opustenie stránky zadarmo na surfovanie po internete.
Presmerovanie vstupnej stránky
Po kontrole rýchlosti sťahovania stránky na stránkach Google, PageSpeed Insights zistí, že z tejto webovej adresy na stránke je viac ako jedno presmerovanie na konečnú vstupnú stránku. Napríklad môžete presmerovať odkaz takto: example.com - & gt; https://example.com - & gt; https://www.example.com. Namiesto toho by mala byť správna verzia: example.com - & gt; https://www.example.com. Často existuje množinový reťazec presmerovania, pretože existujú dve časti kódu, z ktorých každá spracováva svoju časť presmerovaní. Povedzme, že jeden súbor kódu spracováva presmerovanie https a druhý je ručné presmerovanie zo starých adries URL na nové stránky. Ak chcete opraviť chybu, zhromažďujte presmerovania do jednej "funkcie". Stránky často obsahujú nasledujúce typy presmerovaní:
Ak stránka funguje na mobilnej verzii - v inej doméne, subdoméniu alebo podpriečinku, spôsobí to zbytočné presmerovanie pre všetkých mobilných používateľov. Všeobecný príklad: example.com - & gt; m.example.com. Ešte horší príklad: example.com - & gt; www.example.com - & gt; m.example.com. Spoločnosť Google odporúča vytvoriť odpovedajúcu webovú lokalitu, takže presne ten istý obsah sa zobrazí pre všetky zariadenia - v závislosti od šírky obrazovky zariadenia je jednoducho zmenený a vykonaný inak. Nástrojom, ktorý môžete v tomto prípade použiť, je stav služby.io, kde môžete ľahko zadať jednu alebo viac adries URL, aby ste zistili, ako budú presmerované.
Optimalizácia obrázkov
Ak je Google rýchlosť sťahovania skúšobná stránka obsahuje minimálny počet bodov, developer, aby sa dosiahlo dobré výsledky, musia dodržiavať tieto zásady:
Obrázok je najčastejšou príčinou zlej výkonnosti PageSpeed.
Na väčšine stránok tvoria obrázky viac ako 50% stiahnutého obsahu, takže môžete výrazne zlepšiť situáciu optimalizáciou obrázkov.
Väčšina obrázkov na webových stránkach by spravidla mala byť menšia ako 100 KB. Pozadia v plnej veľkosti sú často viac, takže je potrebná optimalizácia. Google si to tu myslel. Umožňuje vám nahrať už optimalizované obrázky v spodnej časti správy PageSpeed. Potom všetko, čo musíte urobiť, je stiahnuť.
Ak používate WordPress, WP Smush je vynikajúciplugin pre tieto účely. Zahŕňa tiež možnosť automaticky meniť veľkosť obrázkov a komprimovať ich.
Vnútorné a externé zdroje
Existujú dva typy zdrojov, ktoré môžu načítať stránku. Domestics sú zdroje na stránkach, ktoré kontroluje vývojár. Externé - sú to zdroje, ktoré vývojár stiahne z iných zdrojov na internete a nie sú ním kontrolované. Najnovšie sa najčastejšie zobrazujú v bloku "Vylúčiť". Tu je to, čo môžete urobiť na to, aby blokovanie zdroja, v prípade, že analýza ukázala, že rýchlosť webov Google neuspokojivým výsledkom:
Vnútorné zdroje môžu často byť zlúčené do jedného jednoducho nahraním optimalizovaných JavaScript a CSS súborov správe spodnej PageSpeed. Alebo ak existuje CMS, napríklad WordPress, používajú doplnok ti-mize na zvládnutie kombinovaných položiek.
Niektoré zdroje v zlúčení môžu prestať pracovať, preto sa uistite, že zmeny sú reverzibilné.
Vonkajšie zdroje, ktoré sa dajú vytvoriť interne. Ak si stiahnete písma z internetu, je lepšie to urobiť zo svojho servera.
Niektoré interné zdroje, ktoré možno odstrániť zo sťahovania. Témy alebo doplnky na webe môžu načítať zdroje, ktoré skutočne nepotrebujú, pretože túto funkciu nepoužívajú. Týmto spôsobom môžete do svojho webu pridať kód, ktorý konkrétne zakáže stiahnutie týchto zdrojov.
Niektoré zdroje môžu byť nahradené niečím iným, ktorý vyžaduje menej času na stiahnutie.
V niektorých externých zdrojoch vývojári nemôžu robiť nič, potom sa to uviazne.
Pre cache prehliadača pridajte kód do súboru .htaccess alebo otáčať vo svojej hostiteľskej spoločnosti, aby cache prehliadača pre vnútorné zdroje.
Ak vývojár nemôže nič robiť s externými zdrojmi a prehliadačmi vyrovnávacej pamäte, je lepšie hľadať pomoc od špecialistov.
Minimalizujte HTML a CSS
Ak chcete zvýšiť rýchlosť stránky po testovaní Google, minimalizujte HTML a CSS. To sa deje pomocou odstránenia ďalších súborov na stránkach. Tento dodatočný materiál je zvyčajne tabulátory, medzery a nové riadky - niečo, čo človeku umožňuje čítať, a to je veľmi dôležité pre počítač. Existujú tri hlavné typy údajov, ktoré môžete robiť menej:
HTML;
CSS;javascript.Väčšina webových stránok má veľa súborov na prevzatie. Ale môžete kombinovať niekoľko dohromady, aby ste ich zmenšili, a takmer vždy môžete odstrániť nadbytočný materiál. Ak vývojár používa program WordPress, je pre vás veľmi dobrý plugin. Väčšina stránok môže používať HTML a CSS bez akýchkoľvek problémov. Či už pracujú alebo JS minify, rýchlosť miesto závisí na pluginy a motívov používaných. Je známe, že komprimovaný súbor trvá menej miesta ako originál. Rovnaký princíp platí aj pre internet: komprimované dáta zaberajú menej miesta. Takže hlavná vec - povoliť kompresiu na webovom serveri tak, aby mohla znížiť veľkosť súborov, a potom menšie súbory budú stiahnuté rýchlejšie na stránkach. To znamená, že ľudia, ktorí navštívia webovú lokalitu, budú pravdepodobne dostávať potrebné informácie acítiť sa pohodlne. Na väčšine webových serverov môžete povoliť kompresiu gzip pomocou malého doplnku do súboru .htaccess. Prípadne sa môžete obrátiť na podporu hosťovania.
"Vnímaná" výkonnosť obsahu
Viditeľný obsah je súčasťou webovej stránky, ktorú používatelia vidia na svojej obrazovke pred ďalším rolovaním stránky. Webové stránky, ktoré sa zdajú byť veľmi rýchle a jasné, sú často také veľké ako pomalé. Používatelia milujú stránky, ktoré obsah zobrazujú rýchlo. Ak vývojár dostane pri analýze stránky správu o priorite viditeľného obsahu vo formáte Google, použite tieto mechanizmy. Spoločnosť Google ponúka dve hlavné stratégie na dosiahnutie tohto cieľa a poskytuje dobrý plán na zmenu stránok. Jeden z najrýchlejších, najjednoduchších a najbežnejších spôsobov, ako zlepšiť vnímanie sťahovania webových stránok používateľom, je zabezpečiť, aby HTML zobrazoval obsah webovej stránky skôr, ako prezentuje ďalšie údaje. Tu je príklad stránok s bočným panelom. Ak je uvedené prvý v jazyku HTML, načíta sa prvý pred hlavným obsahom. Typický postranný panel má propagačné a sociálne tlačidlá a iný obsah, ktorý je obsahom tretej strany. Preto ak sa preberá do hlavného obsahu, v skutočnosti núti používateľa čakať na zobrazenie požadovaného obsahu, čo je veľmi zlé. Toto je možné zmeniť pomocou jednej jednoduchej akcie - umiestniť časť obsahu pred časť bočného panela, ktorá predloží používateľom prvú hlavnú stránkuobsah a ďalšie preskúmanie stránky - záležitosť podľa vlastného výberu.
javascript s blokovaním vykresľovania
Pri meraní rýchlosti stránky Google PageSpeed Insights môžete získať návrh na odstránenie blokovania javascriptu a CSS. Väčšina webových stránok obsahuje kombináciu kódu HTML, CSS, javascript a PHP, ktoré pridávajú obsah, formátovanie a interaktivitu na web. Pri vykresľovaní webovej stránky najprv prehliadač prevezme skripty a kód CSS a potom prejde na HTML. Oneskorenie pri načítavaní skriptov a CSS zabraňuje používateľom vidieť akýkoľvek obsah na obrazovke, teda aj výraz "blocking rendering". Hoci oneskorenie môže byť len milisekunda, stránka bude vyzerať "pomaly" pre užívateľa. Existuje mnoho metód na opravu blokovacích skriptov a WordPress CSS, ktoré optimalizujú čas načítania stránky. Najjednoduchší spôsob je použiť plugin na ukladanie do vyrovnávacej pamäte. Tu sú ďalšie dve možnosti, ktoré by ste mali vyskúšať pre vývojárov: Fix Render-Blocking Scripts a automatickú optimalizáciu CSS. Ty-mize je obľúbená voľba pre automatickú optimalizáciu času načítania stránky WordPress. To umožňuje administrátorom používať pokročilé techniky optimalizácie kódu bez toho, aby vyžadovali odborné znalosti. Správcovia si môžu vybrať z ponuky možností, aby skrátili čas na načítanie stránky a odmietajú zmeny v prípade nepredvídaných udalostí:
Ak chcete začať, prihláste sa do ovládacieho panela WordPress a vyberte možnosť Pluginy & gt; Pridať nové.
Nájdite ti-mize, potom nainštalujte a aktivujte plugin.
Prejdite na položku Nastavenia & gt; Zobrazí sa konfigurácia doplnku.
Na karte Domovzačiarknite políčka "Optimalizovať JavaScript" a "Optimalizovať kód CSS" a potom kliknite na "Uložiť zmeny".
Opätovne prezrite stránku pomocou nástroja Google PageSpeed Insights a porovnajte výsledky.
Nástroje na zlepšenie času nakladania
Existuje niekoľko nástrojov, ktoré možno použiť na zvýšenie rýchlosti stránky alebo jednoducho vidieť, ako sa stránky:
najvyššia rýchlosť - klasika. Poskytuje vývojárom všetky kľúče a tipy na zlepšenie zaťaženia stránky.
Test webových stránok je nástroj Google. Ponúka bezplatný test rýchlosti, ktorý obsahuje tabuľky optimalizácie stránky.
YSlow - Tento plug-in, ktorý sa rýchlo ukazuje, ako stránky a dáva vývojárom informáciu o tom, ako zvýšiť rýchlosť.
kompresor YUI - tento nástroj umožňuje kompresiu kódu, čím sa minimalizuje JavaScript a CSS.
OnCrawl - ponúka jasný prehľad o stránkach produktivity a pomáhajú zistiť, ktoré z nich by mala byť optimalizovaná ako prvý.
Pomocou tlačidiel pre vývojárov Chrome
webový prehliadač Google Chrome obsahuje nástroje pre vývojárov. Pomáhajú opraviť problémy pomocou HTML, CSS a [odstránené]. Pre prístup k vývojárske nástroje Microsoft Windows alebo Linux kliknite na Ctrl + Shift + I. Pre Okrem Apple Mac OS X klepnúť Alt + Command + I. V záložke "Network" panel "Developer Tools" v Chrome vypíše všetky aktuálne pripojenia str. Ak chcete otestovať konkrétnu stránku, otvorte Nástroje pre vývojárov a prejdite na nej. Okrem toho, ak chcete otestovať aktuálnu stránku,jednoducho ju aktualizujte. Prehliadač Chrome zobrazí informácie o vlastníctve každej stránky a jej dopyte:
Názov alebo adresa URL požadovaného zdroja.
Metóda HTTP (GET alebo POST).
Stav.
Stavový kód HTTP vrátený serverom.
Typ zdroja MIME.
Iniciátor - odkazovač sa odošle na server, obvykle sa na stránke zobrazí adresa URL.
Veľkosť zdroja prijatého prehliadačom (ak bola stránka komprimovaná serverom, táto hodnota je menšia ako skutočná veľkosť súboru).
Celkový čas na extrakciu zdroja vrátane vyhľadávania a načítania DNS.
Časovanie - Časová os je blok údajov, ktorý dočasne preveruje každú požiadavku.
Keď prejdete myšou cez panel, objaví sa okno s podrobným rozdelením času zavádzania:
Lock - Zahŕňa čas vyhľadávania DNS, výdaja SSL a pripojenie k serveru.
Odosielanie - zahŕňa čas odoslania žiadosti so všetkými údajmi na server.
Čakanie - Zahŕňa čas, kedy má server zobrazovať obsah, ktorý sa má zobrazovať, a začať ho odosielať do prehliadača.
Recepcia - zahŕňa čas na stiahnutie obsahu.
Niekedy server začne odosielať obsah do jeho vytvorenia. Napríklad PHP skript môže začať odosielať HTML, hoci stále dynamicky generuje obsah stránky. Tento typ skriptu môže viesť k nesprávnym výsledkom časového limitu. Kombinácia čakacej doby je najdôležitejším faktorom pri určovaní rýchlosti lokality. Rýchlosť pripojenia k Internetu môže mať vplyv na výkonnosťvývojári by mali vždy porovnať čas, keď hodnotia výkonnostné kritériá lokality. V dolnej časti karty "Sieť" je zhrnutie procesu načítania stránky. Tento súhrn obsahuje celkový počet dopytov, veľkosť stránky vrátane jej zdrojov a rozpis času potrebného na zobrazenie stránky v prehliadači. Po analýze výkonu zaťaženia stránky na stránkach bude mať majiteľ lepšiu predstavu o tom, kde môže sústrediť svoje úsilie na optimalizáciu rýchlosti.
