Google представив нещодавно новина про публікацію його інструмента "Маяк", сдля веб-браузера Firefox, яка була надана як доповнення для браузера. Надбудова Firefox була підготовлений основною командою розробників Lighthouse та використовує API PageSpeed Insights для створення звітів.
Для тих, хто не знайомий з Lighthouse, вам слід знати, що це автоматизований інструмент з відкритим кодом для веб-розробників, включений у Chrome, призначений для покращення якості веб-додатків.
З Маяком просто проведіть низку тестів проти сторінки, а потім створюється звіт про ефективність сторінки. Звідси розробники можуть використовувати отримані дані як показники, за допомогою яких вони можуть вдосконалити свій веб-додаток.
Плагін дозволяє ідентифікувати вузькі місця у роботі веб-додатків, проаналізуйте швидкість завантаження компонентів та споживання ресурсів, визначати непотрібні ресурсоємні операції в JavaScript, виявляти проблеми в конфігурації сервера http, оцінити оптимізацію дизайну для індексації пошукової системи (SEO) та вивчити актуальність використання веб-технологій та придатність веб-додатків для людей з обмеженими можливостями, на додаток до підтримки моделювання застосування слабшого процесора та низької пропускної здатності мережі.
В основному за допомогою Google Lighthouse ви можете багато чого інформувати про веб-сайт, включаючи таке:
- Скільки часу потрібно, щоб перше зображення чи вміст з’явилося на екрані користувача.
- Чи правильно сформовано та відстежено файл robots.txt на сайті
- Коли користувачі можуть вперше взаємодіяти з вашою сторінкою
- Рейтинг швидкості вашого сайту
Звіт розділений на кілька різних розділів:
- Продуктивність: що показує основи роботи вашого сайту, як зараз. Цей звіт справді зосереджується на швидкості завантаження сайту більше, ніж на будь-якому іншому факторі.
- Можливості: що представляє можливості, які можуть допомогти вам пришвидшити роботу вашого сайту та покращити ефективність роботи. Ці можливості неймовірно специфічні, наприклад, увімкнення стиснення тексту.
- Діагноз: який вказує на конкретні проблеми на вашому веб-сайті, на які потрібно звернути увагу, наприклад, занадто великі розміри файлів та потенційно сповільнюють час завантаження. Вони точно скажуть, у чому проблема, як вона впливає на ваш сайт і чому її потрібно виправити.
- Прогресивна веб-програма- який дає вам детальний аудит вашого веб-додатку та може гарантувати надійність та функціональність вашого мобільного додатка для вашої аудиторії. Це цінно; Багато інструментів аудиту цього не пропонують.
- Доступність: показуючи вам способи, як зробити свій сайт більш доступним та простішим у навігації чи використанні. Це не слід ігнорувати, оскільки дизайн UX має важливе значення для ефективності сайту.
- Кращі практики: які пояснюють найкращі способи надійної оптимізації вашого сайту, включаючи впровадження HTML та показ зображень.
- SEO: який детальніше вивчає ефективність вашого сайту в пошукових системах та різні фактори, що впливають на його рейтинговий потенціал. Вони розглянуть показники якості вмісту, відстежуваності, сумісності мобільних пристроїв тощо та допоможуть вам визначити нові способи максимізації видимості вашої пошукової системи.
Отримати Маяк
Нарешті, для тих, хто зацікавлений у встановленні та тестуванні цього плагіна, вони можуть шукати його у магазині плагінів Firefox або ж за посиланням нижче.
Що стосується тих, хто користується Chrome, як зазначалося на початку, Lighthouse інтегрований безпосередньо в інструменти розробника Chrome, на панелі "Аудити".
Хоча він також доступний як розширення браузера, яке можна встановити з це посилання.
Щодо того, як ви використовуєте цей інструмент як графічно, так і в режимі CLI, ви можете переглянути його документацію У наступному посиланні.