Zkontrolujte výkon a kvalitu jakékoli webové stránky s majákem

Google je v čele moderního webového designu. Nabízí mnoho nástrojů od služby Analytics až po nástroje DevTools s cílem pomoci lidem vytvořit lepší web.

Nedávno vydala další praktický nástroj nazvaný Lighthouse. Toto je zdarma automatizovaný testovací nástroj, který běží na pozadí Chrome. Funguje to jako audit mini stránek, kde bude kontrolovat výkon, rychlost, dostupnost a dodržování sémantických osvědčených postupů.

Rozšíření Lighthouse bylo vytvořeny primárně pro progresivní webapps. Jedná se o obecné webové servery, které fungují v prohlížeči a chovají se jako nativní aplikace, ale fungují jako typické webové stránky.

PWAs jsou velkou částí projektu Lighthouse. Cílem Lighthouse je ale pomoci všechny webové vývojáře kontrolovat kvalitu svých stránek.

To může zahrnovat kontrolu chyb HTML / CSS nebo hledání duplicitních řádků kódu. Lighthouse také vypadá jako webový výkon s optimalizačními tipy pro obrázky, velikosti souborů, požadavky HTTP a ještě mnohem více.

Zobrazí se všechny hlavní výsledky auditu přímo v Chrome DevTools takže nemusíte ani otevírat nové okno pro kontrolu statistik. Vše, co potřebujete, je běžící verze prohlížeče Chrome a nějaký čas na to, abyste mohli projít výsledky auditu Lighthouse.

Obecně se jedná o čtyři kategorie:

• Výkon.
• Přístupnost.
• Osvědčené postupy.
• Progressive Webapp vlastnosti.

Každá kategorie se dále dělí na menší vlastnosti s doporučeními pro vylepšení UX.

Na Kliknutím na tlačítko můžete výsledky auditu vytáhnout Pomůže vám to radikálně zlepšit výkonnost, rychlost, použitelnost webových stránek a do značné míry se o něj stará každá metrika Google.

Pokud se chcete dozvědět více skimů přes hlavní stránku a přečíst si na mnoha funkcích Lighthouse.

Tuto prezentaci můžete také sledovat z Google I / O 2017, která poprvé představila Lighthouse dev komunitě.