Маяк: незаменимый веб-анализ от Google

Маяк - очень важный инструмент. Хотите знать почему? Google советует веб-мастерам о том, как прекратить Google.

Зачем использовать это? - Что он может анализировать - Как его использовать - Как это работает - Командная строка - Регулярный запуск

Я использую это в основном для анализа скорость загрузки , но гораздо более красочная картина может быть дана о сайте. Он охватывает доступность, SEO и другие области.

Я настоятельно рекомендую использовать его для ваших сайтов и веб-приложений и делать это регулярно и автоматически.

Lighthouse может помочь вам найти проблемы кода на уровне дизайна и внешнего интерфейса, которые вредны или вредны для пользовательского трафика и удобства использования.

В частности, я рассматриваю его преимущества:

• Легкий доступ для всех.
• Быстрые выходы.
• Разумный совет.

Но давайте поговорим о недостатках:

• Скорее, он дает базовый обзор, и без более продвинутых инструментов мы не можем сделать это в случае более серьезных проверок. Например, я написал об инструментах для измерение скорости ,
• На результаты аудита скорости Интернета обычно влияет текущая производительность компьютера, на котором мы его запускаем.
• Делает только синтетический анализ в одном искусственном пользовательском контексте. Пока что это не дает нам картину всего спектра проблем в нашей пользовательской базе. Например, другой инструмент от Google частично предоставит пользователям данные о скорости - PageSpeed ​​Insights ,

* Рисунок: Пример отчета для Upside Down. Вы видите общий балл, результаты по области, а затем очень разумные рекомендации по улучшению.

Области веб-мастеринга, которые охватывает Lighthouse:

1. Производительность - скорость загрузки и производительность рендеринга. Очень важно для меня.
2. Прогрессивное веб-приложение - как веб содержит рекомендации для прогрессивные веб-приложения ,
3. Best Practices Гуляш Best Practices нестандартно, например, для безопасности (Использование HTTPS ) или предупреждение об использовании устаревших технологий (SQL Web).
4. Доступность - веб-доступность ,
5. SEO - техническая готовность сайта к поисковой индексации.

Ligthouse - это пакет для Node.js, поэтому его можно использовать разными способами:

В большинстве случаев Lighthouse работает на вашем компьютере, и выполняется только один тест, поэтому результаты теста могут отличаться в зависимости от текущей рабочей нагрузки. Особенно в исполнении .

Рисунок: Настройка Маяка перед началом аудита в Chrome

Есть два устройства на выбор:

• Рабочий стол - ваш Chrome в текущих настройках разрешения, скорости соединения и т. Д.
• Мобильный - по умолчанию это «эмулируемый Nexus 5X» с симулированным замедлением процессора (4 ×) и скоростью соединения, которая примерно соответствует «3G fast» из настроек WebpageTest.org («150 мс TCP RTT, пропускная способность 1638,4 Кбит / с»).

С интересным вариантом пришел Маяк версия 3 в режиме замедления - Дросселирование :

• Имитация - более быстрый тест с более сопоставимыми результатами. Это означает, что сайт будет проверен на ваше текущее соединение и производительность процессора. Затем числа пересчитывают, как они могут выглядеть на более слабой машине. Я думаю, что это лучше использовать.
• Прикладной - более точный, но медленный тест. Соединение и процессор искусственно замедляются, а затем работает Lighthouse. Это оригинальный метод.

И последний вариант - Очистить хранилище - очищает содержимое локальных репозиториев перед тестами, чтобы Lighthouse мог получить опыт совершенно нового пользователя.

Как вы уже знаете, Lighthouse можно установить в командной строке:

НПМ установить -G маяк

Тестировать сайт легко:

маяк https://www.vzhurudolu.cz - вид

Это просто открывает Chrome сначала для тестирования, а затем для просмотра отчета (параметр --view).

Следующая команда затем сохраняет вывод в JSON:

маяк https://www.vzhurudolu.cz - выходной json - выходной путь vzhurudolu-report.json

Обработка JSON (или CSV, который также предлагает Lighthouse) может быть выполнена автоматически. Это может быть использовано для обычного исполнения.

Конечно, оптимальный вариант - регулярно запускать Ligthouse, поэтому вам не нужно думать об аудите при развертывании новых версий веб-сайтов и приложений.

В дополнение к пользовательскому решению командной строки здесь у нас есть несколько готовых опций:

• Используйте Маяк. Абсолютно!
• Запускайте его регулярно и желательно автоматически.
• Следовать его рекомендациям очень разумно.

Похожие