Постепенное улучшение: рабочая основа без JavaScript
Строим страницу, которая сохраняет основные функции при задержке или отказе скриптов.
Зачем это нужно
JavaScript может не загрузиться из-за сети, блокировщика, ошибки в другом файле или старого окружения. Базовые ссылки и содержание не должны исчезать только потому, что улучшение интерфейса не запустилось.
Сделайте основу на HTML
Настоящая ссылка имеет href, кнопка выполняет действие, текст находится в документе. Для формы предусмотрите серверный сценарий там, где он нужен. Не создавайте пустую страницу, если основное содержание можно отдать сразу.
Добавляйте улучшения поверх
Клиентский код может ускорять поиск, раскрывать дополнительные панели или отправлять форму без полной перезагрузки. Но нужно учитывать отказ и возвращать пользователю понятное состояние.
Проверяйте не только идеальную загрузку
Отключите JavaScript в собственном тестовом окружении и проверьте чтение, навигацию и основные действия. Затем симулируйте медленную сеть, чтобы увидеть промежуточное состояние, а не только полный отказ.
Важное ограничение
Контрольная проверка
- Содержание доступно без клиентской генерации, где это возможно.
- Ссылки имеют реальные адреса.
- Сбой скрипта не скрывает всю страницу.
- Ошибки и ограничения объясняются пользователю.
Продолжить изучение: ссылки, загрузка скриптов.