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