Как проверить свой сайт с помощью Google Lighthouse👨⚕️ — Information Security Squad
Как проверить свой сайт с помощью Google Lighthouse👨⚕️

Новый инструмент от Google — возможность протестировать и дать вам рекомендации по улучшению производительности, SEO, безопасности, лучших практик и доступности.

Google недавно запустил Lighthouse, инструмент с открытым исходным кодом для проверки вашего сайта вручную и автоматически.

Какие показатели проверяются Google Lighthouse?

Он тестирует более 75 метрик и дает вам общий балл.

Некоторые из следующих популярных оценок, которые могут вас заинтересовать как владельца сайта, SEO-аналитика, веб-мастеров.

  • Производительность — время до взаимодействия, время ожидания, индекс скорости, оптимизация ресурсов, TTFB, доставка ресурсов, время выполнения сценариев, размер DOM и т.д.
  • SEO
  • Лучшие практики — Оптимизация изображения, библиотеки JS, регистрация ошибок браузера, доступ через HTTPS, известные уязвимости JS и т. Д.
  • Доступность — элементы страницы, язык, атрибуты ARIA и т. д.
  • PWA (прогрессивное веб-приложение) — перенаправление HTTP на HTTPS, код ответа в порядке, быстрая загрузка по 3G, заставка, окно просмотра и т. д.

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

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

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

Давайте узнаем, как провести тестирование своего сайта.

Начните с самого простого.

Измерение по web.dev

Google выпустил web.dev несколько месяцев назад и он приобрел популярность.

Протестировать его онлайн легко.

Перейдите на страницу измерения и введите URL-адрес для запуска аудита.

Это займет несколько секунд, и вы должны увидеть подробные отчеты с общим счетом.

Не тратьте слишком много времени на получение 100. Даже сайты Google не получают этого показателя.

Считайте их руководящими принципами и постарайтесь улучшить как можно больше.

Примечание: web.dev эмулирует тестирование с помощью мобильного устройства, и во время записи я не вижу опции для тестирования с помощью Desktop.

Chrome

Знаете ли вы, что Lighthouse доступен в вашем браузере Chrome?

И хорошая новость состоит в том, что вы можете выбрать тестирование с помощью Mobile или Desktop.

Это доступно в инструментах разработчика.

необходимо:

  • Открыть браузер Chrome
  • Получите доступ к своему сайту для тестирования
  • Откройте инструменты разработчика (нажмите F12, если используется Windows) или щелкните правой кнопкой мыши страницу и выберите «Inspect».
  • Перейти на вкладку audits

Как вы можете видеть выше, у вас есть возможность выбрать то, что вы хотите проверить.

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

Результаты выглядят от Chome и web.dev почти одинаково.

В данный раз, я выбрал только проверку SEO

Но если вы посмотрите внимательно, здесь есть одна дополнительная группа метрик — Progressive Web App.

Так что это еще одна причина аудита с использованием Chrome.

 

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

5e7fa976b0640d40