Tarkista minkä tahansa Lighthouse-sivuston Web-sivuston suorituskyky ja laatu

Google on modernin web-suunnittelun eturintamassa. Se tarjoaa niin monia työkaluja Analyticsista kaikille DevTools-palveluille, joiden tarkoituksena on auttaa ihmisiä luomaan parempi web.

Viime aikoina se julkaisi toisen kätevän työkalun nimeltä Lighthouse. Tämä on ilmainen automaattinen testaustyökalu, joka toimii Chromeen taustalla. Se toimii kuin pienen verkkosivuston tarkastus, jossa se tarkistaa sivuston suorituskyvyn, nopeuden, saavutettavuuden ja semanttisten parhaiden käytäntöjen noudattamisen.

Lighthouse-laajennus oli luodaan ensisijaisesti progressiivisille webappeille. Nämä ovat yleisiä web-selaimia, jotka toimivat selaimessa ja toimivat natiivien sovellusten tavoin, mutta toimivat kuten tyypilliset sivustot.

PWA: t ovat valtava osa Lighthouse-hanketta. Lighthouse-ohjelman tavoitteena on kuitenkin auttaa kaikki web-kehittäjät tarkista niiden sivujen laatu.

Tämä voi sisältää HTML / CSS-virheiden tarkistuksen tai kaksoiskoodin etsimisen. Lighthouse tutkii myös web-suorituskykyä optimointivihjeillä kuvien, tiedostokokojen, HTTP-pyyntöjen ja paljon muuta.

Kaikki tärkeimmät tarkastustulokset näkyvät oikeassa Chrome-laitteen DevToolsissa joten sinun ei tarvitse edes avata uutta ikkunaa tilastojen tarkistamiseksi. Tarvitset vain Chrome-version ja jonkin verran aikaa selata Lighthouse-auditoinnin tuloksia.

Yleensä tämä jakautuu neljään ryhmään:

• Esitys.
• saavutettavuus.
• Parhaat käytännöt.
• Progressive Webapp -ominaisuudet.

Jokainen luokka hajoaa edelleen pienemmiksi ominaisuuksiksi, joissa suositellaan UX-parannuksia.

At Napsauttamalla painiketta voit vetää tarkastustuloksia Tämä auttaa sinua parantamaan radikaalisti verkkosivuston suorituskykyä, nopeutta, käytettävyyttä ja melko paljon jokaista Google-tietokantaa.

Jos haluat oppia lisää skim kautta pääsivun ja lukea Lighthouse monia ominaisuuksia.

Voit myös katsoa tätä esitystä Google I / O 2017: sta, joka esitteli ensin Lighthouse-ohjelman dev-yhteisölle.