Уроки
-
Введение
-
Поисковая оптимизация
- Битые ссылки
- Карта сайта
- Микроразметка
- Robots.txt
- Ссылки
- Текст
- Дубликаты
- Базовое
- Картинки
-
Скорость
- Минификация
-
Сокращение запросов
-
Переизбыток мелких картинок
Несгруппированные CSS файлы
Несгруппированные JavaScript файлы
Переизбыток шрифтов
Наличие сквозных CSS, JS файлов
Наличие монохромного шрифта
Загрузка дубликатов файлов
Использование JS фасадов
Перенаправление JavaScript кодом
Добавление ленивой загрузки
Редирект с/на www версию
-
Шрифты
-
Указание шрифтов по умолчанию
Оптимизация шрифтов
Переизбыток монохромных иконок
- Время загрузки
- Настройки сервера
- Картинки
- Первое содержимое
- Мобильность
- Баги
-
Удобство
- Соцсети
- Browserconfig.xml
- Манифест веб-приложения
- Фавиконы
- Почта
- Базовое
- Читаемость текста
-
Безопасность
- Шифрованное соединение
- Эксплойты
- Уязвимости
Переизбыток монохромных иконок
Глиф шрифты как Font Awesome, Fontelico, Entypo, Typicons содержат сотни монохромных иконок. С официальных сайтов можно скачать их полные версии в формате файлов шрифтов (ttf, woff, woff2), содержащие сотни глифов.
Интерфейсы сайтов обычно используют только несколько десятков глифов. Убрав лишнии, вы облегчите файл и ускорите загрузку. В сервисе fontello.com вы можете составить свой набор иконок популярных глиф шрифтов. Также редактирование глиф шрифтов доступно в сервисе icomoon.io.
Мы рекомендуем пользоваться более современными практиками и перенести иконки в CSS файл в виде SVG картинок. Загрузить несколько десятков килобайт в CSS файле с иконками быстрее, чем делать дополнительный запрос для отдельного файла. И программисту редактировать код CSS файла проще, чем пользоваться специальным сервисом для глиф шрифтов.