Уроки
-
Введение
-
Поисковая оптимизация
- Битые ссылки
- Карта сайта
- Микроразметка
- Robots.txt
- Ссылки
- Текст
- Дубликаты
- Базовое
- Картинки
-
Скорость
-
Минификация
-
Минификация CSS
Минификация JavaScript файлов
Минификация inline CSS кода
Минификация картинок без потери качества
Минификация JavaScript файлов
Неиспользуемый CSS код
Оптимизация data:URL картинок
Формат анимированных изображений
Неиспользуемый JavaScript код
Использование WebP
Отсутствует сжатие картинки
Битрейт видео
-
Сокращение запросов
-
Переизбыток мелких картинок
Несгруппированные CSS файлы
Несгруппированные JavaScript файлы
Переизбыток шрифтов
Наличие сквозных CSS, JS файлов
Наличие монохромного шрифта
Загрузка дубликатов файлов
Использование JS фасадов
Перенаправление JavaScript кодом
Добавление ленивой загрузки
Редирект с/на www версию
- Шрифты
- Время загрузки
- Настройки сервера
- Картинки
- Первое содержимое
-
Минификация
- Мобильность
- Баги
-
Удобство
- Соцсети
- Browserconfig.xml
- Манифест веб-приложения
- Фавиконы
- Почта
- Базовое
- Читаемость текста
-
Безопасность
- Шифрованное соединение
- Эксплойты
- Уязвимости
Размер HTML кода страницы
Открывая любую ссылку в браузере, первое что получает пользователь — это HTML код страницы. Её большой объём редко когда оправдан. Большие страницы не только долго загружаются, но ещё и требуют много вычислительных ресурсов для отображения. Это ускоряет расход энергии у пользователей мобильных устройств.
Используйте отложенную загрузку. Например, в карточке товара в интернет-магазине рекомендации товаров можно подгружать позже. Пользователь увидит их самое раннее через 10 секунд, когда прокрутит страницу.
Также можно использовать минификатор HTML кода. Он удалит лишние символы вроде лишних пробелов, символов переноса строк, комментарии и т.д. Но их работа может занять продолжительное время, поэтому применяйте их только, если код, который вы оптимизируйте, кешируется.
Старайтесь, чтобы объём HTML кода страницы не превышал 120КБ.