Начну с кратких определений с чем мы имеем дело.
Скорость страницы — это показатель, который описывает, сколько времени занимает полная загрузка страницы. Она зависит от многих факторов, но вот три основных:
- размер страницы,
- характеристики сервера, на котором лежит сайт,
- сжатие изображений.
Скорость страницы — важный фактор для её появления в выдаче. Поисковики отдают предпочтения быстрым страницам, чтобы пользователь мог быстро получить интересующую его информацию. Более того, хорошая скорость загрузки улучшает поведенческие характеристики, ведь с медленного сайта они уйдут, не дождавшись загрузки. Если лет десять назад было достаточно сделать быстрый сайт для десктопа, теперь нужно учитывать ещё и время загрузки на смартфонах. Вот несколько идей, как оптимизировать сайт для поднятия Page Speed.
Сжатие изображений
Чем больше на странице изображений, тем дольше она загружается. Нужно сжать изображения, чтобы повысить скорость. Используйте, где это возможно, формат JPG и воспользуйтесь сервисами для дополнительного сжатия файлов PNG. Также ограничьте возможный размер иллюстраций будущих страниц.
Владельцы сайтов на WordPress могут воспользоваться плагином WP Smush для сжатия изображений сайта.
Минимизация ресурсов
Этот приём потребуется, если ваш Page Speed Insights сообщает о чрезмерных ресурсах страницы. Под ресурсами тут понимаются коды, которые исполняются на странице — HTML, JavaScript, CSS и другие. Для каждого кода используйте подходящий для этого языка оптимизатор.
- Для минимизации ресурсов HTML — HTMLMinifier.
- Для минимизации CSS — CSSNano и csso.
- Для минимизации JavaScript — UglifyJS или Closure Compiler.
Кроме того, модуль Page Speed от Google включает в себя веб-сервер Apache и Nginx, которые могут автоматически минимизировать ресурсы для оптимизации вашего сайта.
Усиленное кеширование
Кеширование позволяет сохранить часть сайта на компьютере пользователя. Когда посетитель впервые заходит на страницу, она может грузиться долго. Но при последующих посещениях часть информации будет “подтягиваться” из кеша браузера. Попробуйте установить минимальное время кеширования на одну неделю, чтобы оптимизировать производительность страниц.
Обновление хостинга
Если вы на первых порах вы выбрали бюджетный хостинг, причина низкой скорости загрузки может быть в нём. Вы не должны делить сервер с миллионами сайтов. Подумайте о переезде на выделенный сервер или премиум-хостинг.
Время отклика сервера
Время отклика сервера должно быть не более 200 мс, если оно больше — нужно диагностировать и устранить проблему. Большинство накладок тут связаны с медленной маршрутизацией, фреймворками, медленной логикой приложений и нехваткой памяти.
Внедрение CDN — Content Delivery Network
Использование сети доставки контента, считается эффективной мерой для ускорения сайта. Работа CDN основана на разделении роли сервера между разными центрами обработки данных, установленные в разных географических точках. Таким образом, сайт будет работать с ближайшим к посетителю сервером.
Сжатие gzip
Если сжимаемые ресурсы вашего сайта обслуживаются без сжатия gzip, загрузка страницы может занять много времени.
Gzip - это приложение, которое можно использовать для сжатия файлов, и оно даёт уникальную конфигурацию для разных типов файлов.
Как только вы начнёте его внедрять, вы увидите разницу, которую он приносит в скорость загрузки страницы.
Внедрение AMP
Ускоренные мобильные страницы или AMP (Accelerated Mobile Pages) - это важная технология, которая помогает мобильным страницам быстрее загружаться. Он достаточно эффективен при удалении ненужного содержимого, которое замедляет загрузку мобильных страниц.
С помощью AMP можно предложить своим пользователям оптимизированные для мобайла страницы. AMP-версия вашего сайта - это более упрощённая версия, которая позволяет пользователю прокручивать контент, не покидая страницы.
Подведем итоги
SEO-маркетинг также основан на улучшении скорости страницы, потому что именно PageSpeed играет ключевую роль в определении рейтинга сайта в поисковых системах.
Вы можете использовать несколько правил для увеличения скорости страницы, но вам нужно позаботиться обо всех элементах страницы и реализовать ряд технических мер.
