Ellenőrizze a világítótorony bármely webhelyének teljesítményét és minőségét

A Google a modern webdesign élvonalában áll. Olyan sok eszközt kínál az Analytics-től a DevTools-hoz, hogy segítsen az embereknek, hogy jobb webet készítsenek.

A közelmúltban egy másik, a világítótorony nevű hasznos eszközt jelent meg. Ez egy ingyenes automatikus tesztelő eszköz, amely a Chrome hátterében fut. Úgy működik, mint egy mini weboldal audit, ahol ellenőrizni fogja a webhely teljesítményét, sebességét, hozzáférhetőségét és a szemantikus legjobb gyakorlatok betartását.

A világítótorony kiterjesztése volt elsősorban progresszív weblapok számára készült. Ezek a webes böngészők, amelyek a böngészőben futnak, és natív alkalmazásokként viselkednek, mégis olyanok, mint a hagyományos webhelyek.

A PWA-k a Lighthouse projekt nagy részét képezik. De a világítótorony célja, hogy segítsen minden webfejlesztő ellenőrizze oldaluk minőségét.

Ez magában foglalhatja a HTML / CSS hibaellenőrzést vagy a kód ismétlődő sorainak keresését. A világítótorony optimalizálási tippekkel is foglalkozik a webes teljesítménygel a képekhez, a fájlméretekhez, a HTTP-kérésekhez és még sok máshoz.

Az összes fő ellenőrzési eredmény megjelenik jobbra a Chrome DevTools-jában így nem kell új ablakot megnyitnia a statisztikák ellenőrzéséhez. Mindössze annyit kell tennie, hogy a Chrome futó verziója van, és némi időre van szüksége a Lighthouse ellenőrzési eredményeinek szitálására.

Általában ez négy kategóriába sorolható:

• Teljesítmény.
• Megközelíthetőség.
• Legjobb gyakorlatok.
• Progresszív Webapp tulajdonságok.

Minden kategória kisebb tulajdonságokra bontja az UX fejlesztésekkel kapcsolatos ajánlásokat.

A egy gombnyomásra húzhatja az ellenőrzési eredményeket ez segít abban, hogy radikálisan javítsa a webhely teljesítményét, sebességét, használhatóságát és minden Google-mutatót.

Ha többet szeretne megtanulni a főoldalon és olvassa fel a világítótorony számos funkcióját.

Ezt a prezentációt a Google I / O 2017 programból is megtekintheti, amely először bevezette a Lighthouse-t a dev közösségbe.