banner_nika_hozyaike      banner_pos_bekker     banner_specpredl_roznica_2

Маяк: незаменимый веб-анализ от 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, поэтому вам не нужно думать об аудите при развертывании новых версий веб-сайтов и приложений.

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

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

Хотите знать почему?
Зачем использовать это?

Наш магазин

Сезонные товары

Icon    Доставка в течение дня
Icon    Работаем с 09:00 до 18:00 кроме выходных
Icon    Возврат в течении 14 дней
Icon    Гарантия на все товары