Úvodná » toolkit » Skontrolujte výkonnosť a kvalitu ľubovoľnej webovej stránky s majákom

    Skontrolujte výkonnosť a kvalitu ľubovoľnej webovej stránky s majákom

    Google je v popredí moderného dizajnu webu. Ponúka toľko nástrojov od nástroja Analytics až po DevTools, s cieľom pomôcť ľuďom vytvoriť lepší web.

    V poslednej dobe zverejnil ďalší užitočný nástroj s názvom Lighthouse. Toto je bez automatizovaného testovacieho nástroja, ktorý beží na pozadí prehliadača Chrome. Funguje to ako mini site audit, kde bude kontrolovať výkonnosť stránky, rýchlosť, prístupnosť a dodržiavanie sémantických osvedčených postupov.

    Rozšírenie majáku bolo vytvorené pre progresívne webové aplikácie. Ide o všeobecné webové aplikácie, ktoré sa spúšťajú v prehliadači a správajú sa ako natívne aplikácie, ale fungujú ako typické webové stránky.

    PWA sú obrovskou súčasťou projektu Lighthouse. Ale cieľom Majáka je pomôcť všetci vývojári webu skontrolujte kvalitu ich stránok.

    Môže to zahŕňať kontrolu chýb vo formáte HTML / CSS alebo hľadanie duplicitných riadkov kódu. Maják hľadá aj výkonnosť webu s optimalizačnými tipmi pre obrázky, veľkosti súborov, požiadavky HTTP a oveľa viac.

    Zobrazia sa všetky hlavné výsledky auditu priamo v zariadení DevTools prehliadača Chrome takže nemusíte ani otvoriť nové okno na kontrolu štatistiky. Všetko, čo potrebujete, je bežiaca verzia prehliadača Chrome a nejaký čas na prekonanie výsledkov auditu majáku.

    Všeobecne sa to rozdeľuje na štyri kategórie:

    • výkon.
    • prístupnosť.
    • Osvedčené postupy.
    • Progresívne vlastnosti Webapp.

    Každá kategória sa ďalej rozdeľuje na menšie vlastnosti s odporúčaniami na vylepšenie UX.

    Na kliknutím na tlačidlo môžete vytiahnuť výsledky kontroly ktoré vám pomôžu radikálne zlepšiť výkonnosť webových stránok, rýchlosť, použiteľnosť a skoro všetky metriky, o ktoré spoločnosť Google stará.

    Ak sa chcete dozvedieť viac skrz hlavnú stránku a prečítajte si o mnohých funkciách Lighthouse.

    Môžete tiež sledovať túto prezentáciu z aplikácie Google I / O 2017, ktorá prvýkrát uviedla Lighthouse do komunitu dev.