Уроки
-
Введение
-
Поисковая оптимизация
- Битые ссылки
- Карта сайта
- Микроразметка
- Robots.txt
- Ссылки
- Текст
- Дубликаты
- Базовое
- Картинки
-
Скорость
- Минификация
-
Сокращение запросов
-
Переизбыток мелких картинок
Несгруппированные CSS файлы
Несгруппированные JavaScript файлы
Переизбыток шрифтов
Наличие сквозных CSS, JS файлов
Наличие монохромного шрифта
Загрузка дубликатов файлов
Использование JS фасадов
Перенаправление JavaScript кодом
Добавление ленивой загрузки
Редирект с/на www версию
- Шрифты
- Время загрузки
- Настройки сервера
- Картинки
- Первое содержимое
- Мобильность
- Баги
-
Удобство
- Соцсети
- Browserconfig.xml
- Манифест веб-приложения
- Фавиконы
- Почта
- Базовое
- Читаемость текста
-
Безопасность
- Шифрованное соединение
- Эксплойты
- Уязвимости
Режим отображения шрифтов
При использовании своих файлов шрифтов на сайте вы можете задать стратегию загрузки и отображения шрифта.
Мы рекомендуем использовать режим auto
, которые используется по умолчанию, если свойство font-display
не задать. Если выбрать swap
, то текст на странице отобразится раньше, но тогда пользователи увидят смену шрифтов во время загрузки. В этот момент текст «дёрнется» и это будет восприниматься как «глюк».
Также после окончания загрузки каждого файла шрифтов браузер пользователя будет «пересчитывать» размер и расположение блоков на странице, так как высота и ширина букв меняется. Это создаёт дополнительную нагрузку на компьютер или смартфон пользователя.
Есть ещё одна веская причина скрывать текст в первые полсекунды загрузки. В этот момент CSS файлы, формирующие базовый каркас страницы, ещё не загрузились и блоки на ней представляют «кашу». Пользователь на мгновение увидит нагромождение блоков и слипшиеся строки. Это негативно скажется на общем впечатлении.
Стратегия загрузки auto
позволяет уберечь пользователя от созерцания «глюка» при загрузке шрифтов и «каши» из блоков текста.
Подробная статья с примерами кода доступна здесь. Официальная документация здесь.