Быстрые страницы начинаются с простоты
Хорошая страница не должна сначала просить терпения. Иногда лучший способ сделать её удобнее — не добавить новую функцию, а убрать лишнюю зависимость.
Мы привыкли оценивать сайты по первому впечатлению: крупная картинка, интересный шрифт, плавное появление блоков. Но у страницы есть и другое качество — насколько легко добраться до того, ради чего её открыли. На медленном соединении или небольшом экране это заметно особенно хорошо.
Сначала содержание, потом украшения
Полезный тест для небольшого проекта — представить страницу без оформления. Сохранился ли понятный заголовок? Можно ли найти нужный материал? Работают ли ссылки? Если да, у сайта уже есть хорошая основа. Стили помогают расставить акценты, но не обязаны быть единственным способом разобраться в содержимом.
Такая последовательность облегчает и работу над текстом. Когда на странице нечем отвлечь читателя, быстрее видны слишком длинные абзацы и заголовки, которые ничего не объясняют.
У каждой зависимости есть цена
Внешний шрифт, библиотека и виджет добавляют обращения к другим серверам. Для сложного приложения это бывает оправданно. Для нескольких текстовых страниц иногда достаточно системного шрифта, локальной таблицы стилей и небольших иллюстраций.
Локальные ресурсы не делают сайт неуязвимым к сетевым сбоям. Они просто уменьшают число независимых мест, от которых зависит отображение страницы. Здесь изображения и стили загружаются с того же сайта, а для чтения не нужен JavaScript.
Простота — не отсутствие дизайна, а понятный выбор того, что действительно нужно.
Изображения должны знать своё место
Изображение может быть красивым и при этом мешать чтению, если оно слишком тяжёлое или внезапно сдвигает уже появившийся текст. Для небольших схем и геометрических иллюстраций часто подходит SVG. Для фотографий важнее подобрать разумные размеры и формат под задачу.
Стоит заранее указывать ширину и высоту картинки: браузеру проще оставить под неё место. А описательный альтернативный текст помогает понять смысл иллюстрации, когда изображение не видно.
Небольшой список перед публикацией
- Открыть каждую внутреннюю ссылку, а не только главную страницу.
- Проверить чтение на узком экране и навигацию клавиатурой.
- Убедиться, что несуществующий адрес возвращает настоящий статус 404.
- Посмотреть, не загружает ли страница сторонние ресурсы без необходимости.
- Прочитать текст целиком и удалить хотя бы одно лишнее предложение.
Это не замена измерениям производительности. Но для небольшого журнала такой список часто полезнее ещё одного визуального эффекта. Читателю в первую очередь нужна страница, которая открывается, не мешает и позволяет спокойно закончить мысль.