Когда нужно быстро оценить качество страницы, не обладая специальными знаниями, можно использовать инструмент Гугль Лайтхаус.
Гугль смотрит оценки Лайтхауса, когда строит поисковую выдачу. При прочих равных, сайт с более высокими оценками будет выше в поиске
Лайтхаус анализирует страницу по большому набору критериев и даёт оценки от нуля до ста в нескольких категориях: быстродействие, качество кода, поисковая оптимизиация и доступность для людей с ограниченными возможностями.
Гугль смотрит оценки Лайтхауса, когда строит поисковую выдачу. При прочих равных, сайт с более высокими оценками будет выше в поиске
Главная фишка Лайтхауса — кроме оценок он показывает список проблем на странице и сразу рекомендует способы их решения. Этот список рекомендаций можно быстро обсудить с командой и взять в работу.
Проверка страницы Лайтхаусом
Проверку можно запустить и через веб‑интерфейс Лайтхауса
Лайтхаус запускается из браузера Хром. Откройте инструменты разработчика кнопкой F12 или сочетанием Cmd+Opt+I, в появившейся панели выберите вкладку Lighthouse.
Проверку можно запустить и через веб‑интерфейс Лайтхауса
Внутри вкладки поставьте галочки напротив нужных критериев оценки. Полезно поставить все галочки, кроме Progressive Web App, этот пункт нужен только при оценке веб‑приложений. Выберите Mobile, чтобы Лайтхаус проверил качество страницы не только в версии для компьютера, но и в эмуляторе мобильных устройств.
Затем нажмите Generate Report, Лайтхаус начнёт проверку. Не закрывайте и не переключайте вкладку.
Вскоре на экране появится отчёт с оценками и рекомендациями. Кнопка с тремя точками в правом верхнем углу может создать печатную или веб‑версию отчёта, которой удобно делиться с другими людьми.
Как многие автоматические инструменты, Лайтхаус работает на основе простых алгоритмов и проверок. Такие проверки могут не учитывать все особенности конкретного проекта. Оценки не всегда покажут реальное качество, а рекомендации не всегда принесут пользу.
Дизельгейт — как Фольксваген давал идеальные показатели в тестах и совсем другие в реальной жизни
Сайт может быть заточен под Лайтхаус, иметь отличные оценки, но быть ужасно неудобным для живых людей. Такое часто бывает у типовых продающих лендингов.
Дизельгейт — как Фольксваген давал идеальные показатели в тестах и совсем другие в реальной жизни
Обратный пример — книги бюро. У них не идеальные оценки в Лайтхаусе, потому что мы используем много нестандартных техник, чтобы читателям и авторам было комфортно. Например, огромная книга моментально прокручивается на нужный разворот без тормозов и подгрузок, а авторы работают с гибкой дизайн‑системой, где всё хорошо выглядит и работает «из коробки». Такие вещи требуют серьёзного технического обвеса, который по простым критериям Лайтхауса считается избыточным и неоптимальным :‑)
Чтобы понять реальное состояние сложного проекта потребуется живой специалист, который учтёт все нюансы. А Лайтхаус пригодится для быстрой проверки несложных проектов.
P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.