Перевірте ефективність і якість будь-якого веб-сайту за допомогою маяка

Google стоїть в авангарді сучасного веб-дизайну. Вона пропонує стільки інструментів від Analytics до DevTools, які допомагають людям зробити веб-сторінку кращою.

Нещодавно він опублікував ще один зручний інструмент під назвою Lighthouse. Це безкоштовний інструмент автоматизованого тестування, який працює у фоновому режимі Chrome. Він працює як міні-аудит веб-сайту, де він перевірятиме ефективність, швидкість, доступність та дотримання семантичних найкращих практик сайту.

Розширення маяка було створені в першу чергу для прогресивних webapps. Це загальні веб-застосунки, які виконуються в браузері і ведуть себе як рідні програми, але функціонують як типові сайти.

PWA є великою частиною проекту Lighthouse. Але мета Lighthouse - допомогти всі веб-розробники перевірити якість своїх сторінок.

Це може включати перевірку помилок HTML / CSS або пошук дубльованих рядків коду. Lighthouse також розглядає веб-продуктивність за допомогою порад з оптимізації для зображень, розмірів файлів, HTTP-запитів і багато іншого.

З'являються всі основні результати аудиту прямо в DevTools Chrome так що вам навіть не потрібно відкривати нове вікно, щоб перевірити статистику. Все, що вам потрібно, це запущена версія Chrome і деякий час, щоб проаналізувати результати аудиту Lighthouse.

Як правило, це розбивається на чотири категорії:

• Продуктивність.
• Доступність.
• Кращі практики.
• Прогресивні властивості Webapp.

Кожна категорія розбивається на менші властивості з рекомендаціями щодо поліпшення UX.

Біля натискання кнопки можна витягти результати аудиту це допоможе вам радикально підвищити ефективність, швидкість, зручність і зручність для кожного веб-сайту.

Якщо ви хочете дізнатися більше пробігти через головну сторінку і прочитати на багато функцій Маяка.

Ви також можете переглянути цю презентацію з Google I / O 2017, який вперше представив Lighthouse до спільноти dev.