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