Увеличиваем скорость загрузки страниц сайта
Чтобы грамотно увеличить скорость загрузки страницы, одного лишь PageSpeed недостаточно.
Необходимо проверить все основные типы страниц: главную, разделы, карточки товаров или статьи. Для такой проверки рекомендуем использовать инструмент GTMetrix (англ.).
Какие рекомендации по оптимизации загрузки дает данный инструмент?
GTMetrix.com - перевод рекомендаций на русский язык.
В скобках приведены следующие показатели: уровень оптимизации и критичность ошибки.
PageSpeed
- Использовать кеш браузера (Сервер; Высокая);
- Устранить перенаправления (Содержание; Высокая);
- Сократить JavaScript-код (JS; Высокая);
- Указать валидатор кэша (Сервер; Высокая);
- Уменьшить размер запросов (Содержание; Высокая);
- Указать размеры изображений (Изображения; Средняя);
- Минимизировать CSS (CSS; Высокая);
- Включить сжатие gzip (Сервер; Высокая);
- Минимизировать HTML (Содержание; Низкая);
- Оптимизировать изображения (Изображения; Высокая);
- Отложить синтаксический анализ JavaScript-кода (JS; Высокая);
- Удалить строку запроса из статических ресурсов (Содержание; Низкая);
- Указать заголовок Vary: Accept-Encoding (Сервер; Низкая);
- Избегать неверных запросов (Содержание; Высокая);
- Не использовать переадресацию с целевой страницы (Сервер; Высокая);
- Включить Keep-Alive (поддержка активности) (Сервер; Высокая);
- Использовать встроенный небольшой CSS-код (CSS; Высокая);
- Использовать встроенный небольшой JavaScript-код (JS; Высокая);
- Оптимизировать порядок стилей и скриптов (CSS/JS; Высокая);
- Поместить CSS в заголовок документа (CSS; Высокая);
- Использовать ресурсы с постоянными URL-адресами (Содержание; Высокая);
- Применять масштабированные изображения (Изображения; Высокая);
- Комбинировать изображения с помощью CSS спрайтов (Изображения; Высокая);
- Избегать CSS @import (CSS; Средняя);
- Использовать асинхронные ресурсы (JS; Средняя);
- Указать набор символов заранее (Содержание; Средняя);
- Избегать набор символов в метатегах (Содержание; Низкая).
YSlow
- Добавить заголовки Expires (Сервер; Высокая);
- Использовать сети доставки содержимого (CDN) (Сервер; Средняя);
- Делать меньше HTTP запросов (Содержание; Высокая);
- Уменьшить количество элементов DOM (Содержание; Низкая);
- Минимизировать JavaScript и CSS (CSS/JS; Средняя);
- Избегать перенаправления URL-адресов (Содержание; Средняя);
- Использовать домены без файлов cookie (Cookie; Низкая);
- Сократить поиск DNS (Содержание; Низкая);
- Сжать компоненты с помощью gzip (Сервер; Высокая);
- Сделать AJAX кэшируемым (JS; Средняя);
- Удалить дубликаты JavaScript и CSS (CSS/JS; Средняя);
- Избегать фильтра AlphaImageLoader (CSS; Средняя);
- Избегать ошибки HTTP 404 (не найден) (Содержание; Средняя);
- Использовать GET для AJAX запросов (JS; Низкая);
- Избегать выражений CSS (CSS; Низкая);
- Уменьшить размер файла cookie (Cookie; Низкая);
- Сделать фавикон маленьким и кэшируемым (Изображения; Низкая);
- Настроить теги сущностей (ETags) (Сервер; Низкая);
- Сделать JavaScript и CSS внешними (CSS/JS; Средняя).
Waterfall
На этой вкладке можно посмотреть отчет в виде водопада - диаграммы по визуализации загрузки страницы сайта и ее элементов.
Как улучшить скорость загрузки сайта?
Вариантов оптимизаций сайта очень много - достаточно применить хотя бы часть рекомендаций и будет заметен эффект.
Только грамотные специалисты могут оптимизировать сайт должным образом, чтобы уменьшить общее время загрузки страниц, сократить размер страниц и количество запросов.
Вы можете обратиться в нашу веб-студию за помощью для доработки вашего проекта. Имеем большой опыт работы с различными CMS: Bitrix, ModX, WordPress, Joomla...
Стоимость работ зависит от многих факторов, некоторые из которых являются: хостинг, используемая CMS, количество необходимых для оптимизации страниц, уровень текущей оптимизации.
Вы можете оставить заявку для получения дополнительной информации по вашему сайту.
Солтык Алексей, SEO-специалист Webcenter.Pro
Подробнее в нашем блоге: https://webcenter.pro/blog/gtmetrix-opredelyaem-skorost-zagruzki-stranitsy-sayta/
