Прогрессивное улучшение — это стратегия веб-разработки, которая гарантирует, что ваш сайт будет доступен как можно большей аудитории. Основной принцип заключается в том, что базовый контент и функциональность страниц должны опираться только на самые фундаментальные веб-технологии. Расширенные возможности, такие как сложные стили с использованием CSS или интерактивность с использованием JavaScript, могут быть наложены поверх браузеров, поддерживающих эти технологии. Но базовый контент и функциональность страницы не должны зависеть от CSS или JavaScript.
Почему аудит резервного контента Lighthouse терпит неудачу
Lighthouse помечает страницы, которые не содержат какого-либо контента, когда JavaScript недоступен:
Lighthouse отключает JavaScript на странице, а затем проверяет HTML-код страницы. Если HTML-код пуст, аудит не пройден.
Как обеспечить наличие контента на вашей странице без JavaScript
Прогрессивное улучшение — большая и спорная тема. Один лагерь утверждает, что для того, чтобы придерживаться стратегии постепенного улучшения, страницы должны быть многоуровневыми, чтобы базовый контент и функциональность страницы требовали только HTML. См. пример такого подхода в статье «Прогрессивное улучшение» журнала Smashing Magazine: что это такое и как его использовать .
Другой лагерь считает, что такой строгий подход невозможен или ненужен для многих современных крупномасштабных веб-приложений, и предлагает использовать встроенный CSS критического пути в документе <head> для абсолютно важных стилей страниц.
Учитывая эти соображения, этот аудит Lighthouse выполняет простую проверку, чтобы убедиться, что ваша страница не пуста, когда JavaScript отключен. Насколько строго ваше приложение придерживается прогрессивного улучшения, является предметом споров, но широко распространено мнение, что все страницы должны отображать хотя бы некоторую информацию, когда JavaScript отключен, даже если контент представляет собой просто предупреждение пользователю о том, что для использования JavaScript требуется страница.
Для страниц, которые обязательно должны использовать JavaScript, одним из подходов является использование элемента <noscript> , чтобы предупредить пользователя о том, что для страницы требуется JavaScript. Это лучше, чем пустая страница, потому что пустая страница оставляет пользователей неуверенными в том, возникла ли проблема со страницей, их браузерами или компьютерами.
Чтобы увидеть, как ваш сайт выглядит и работает, когда JavaScript отключен, используйте функцию «Отключить JavaScript» в Chrome DevTools.
Ресурсы
- Исходный код для аудита «Не предоставляет резервный контент, когда JavaScript недоступен»
- Прогрессивное улучшение: что это такое и как его использовать
- Критический путь рендеринга
- Отключите JavaScript с помощью Chrome DevTools
Прогрессивное улучшение — это стратегия веб-разработки, которая гарантирует, что ваш сайт будет доступен как можно большей аудитории. Основной принцип заключается в том, что базовый контент и функциональность страниц должны опираться только на самые фундаментальные веб-технологии. Расширенные возможности, такие как сложные стили с использованием CSS или интерактивность с использованием JavaScript, могут быть наложены поверх браузеров, поддерживающих эти технологии. Но базовый контент и функциональность страницы не должны зависеть от CSS или JavaScript.
Почему аудит резервного контента Lighthouse терпит неудачу
Lighthouse помечает страницы, которые не содержат какого-либо контента, когда JavaScript недоступен:
Lighthouse отключает JavaScript на странице, а затем проверяет HTML-код страницы. Если HTML-код пуст, аудит не пройден.
Как обеспечить наличие контента на вашей странице без JavaScript
Прогрессивное улучшение — большая и спорная тема. Один лагерь утверждает, что для того, чтобы придерживаться стратегии постепенного улучшения, страницы должны быть многоуровневыми, чтобы базовый контент и функциональность страницы требовали только HTML. См. пример такого подхода в статье «Прогрессивное улучшение» журнала Smashing Magazine: что это такое и как его использовать .
Другой лагерь считает, что такой строгий подход невозможен или ненужен для многих современных крупномасштабных веб-приложений, и предлагает использовать встроенный CSS критического пути в документе <head> для абсолютно важных стилей страниц.
Учитывая эти соображения, этот аудит Lighthouse выполняет простую проверку, чтобы убедиться, что ваша страница не пуста, когда JavaScript отключен. Насколько строго ваше приложение придерживается прогрессивного улучшения, является предметом споров, но широко распространено мнение, что все страницы должны отображать хотя бы некоторую информацию, когда JavaScript отключен, даже если контент представляет собой просто предупреждение пользователю о том, что для использования JavaScript требуется страница.
Для страниц, которые обязательно должны использовать JavaScript, одним из подходов является использование элемента <noscript> , чтобы предупредить пользователя о том, что для страницы требуется JavaScript. Это лучше, чем пустая страница, потому что пустая страница оставляет пользователей неуверенными в том, возникла ли проблема со страницей, их браузерами или компьютерами.
Чтобы увидеть, как ваш сайт выглядит и работает, когда JavaScript отключен, используйте функцию «Отключить JavaScript» в Chrome DevTools.