КАК УСКОРИТЬ СВОЙ САЙТ?

Скорость загрузки веб-страницы — один из важных факторов, влияющих на ранжирование. Слишком долгая загрузка отрицательно влияет на позиции в выдаче, так как поисковые системы показывают быстрые сайты выше медленных.

К тому же, чем быстрее страницы загружаются, тем выше вероятность, что посетитель останется и выполнит нужное действие (покупку, подписку, скачивание). Таким образом, скорость ресурса влияет на поведенческие факторы и юзабилити сайта, а следовательно — и на конверсию.

Как проанализировать скорость загрузки ресурса?

И главное — как оптимизировать и ускорить свой сайт?

Как провести анализ скорости загрузки сайта?

1. Google — PageSpeed Insights API

Это наиболее популярный сервис, предоставляющий отчеты о скорости загрузки страниц веб-ресурса. На нем также можно получить рекомендации, как эту скорость увеличить.

Под адресом сайта указывается оценка в баллах, которые означают следующее:
• начиная с 90 баллов и выше — хорошая оценка,
• от 50 до 90 баллов — средний показатель,
• менее 50 баллов — стоит принять меры по ускорению сайта. Для этого PageSpeed Insights API предлагает свой собственный аудит.

2. GTmetrix

Быстрый и простой в использовании сервис, который собирает большое количество данных и сохраняет их историю.

К примеру, вы можете в один день провести анализ, на следующие сутки внести изменения, а через еще некоторое время снова проанализировать, при этом сравнивая с показателями прошлого периода.

GTmetrix с помощью YSlow предоставляет таблицу, в которой можно увидеть приоритет задач для улучшения скорости.

Они ранжированы по цвету для наглядности.

3. WebPageTest

В этом сервисе для проверки выберите гео-локацию и браузер. WebPageTest сделает 3 проверки на скорость. Сервис покажет время загрузки первого варианта страницы — то есть то, что сразу увидит посетитель сайта, и период полной загрузки сайта.

4. Pingdom

Стоит обратить внимание на этот удобный аналитический сервис. Он оценивает быстроту загрузки в точности до миллисекунд, а также предоставляет советы по оптимизации. Pingdom дает возможность анализировать время работы сайта, производительность и взаимодействие с клиентами ресурса.

Отдельно отметим функционал сервиса, который позволяет проверять сайт или лендинг для разных гео-локаций, имитируя обращения к серверу из крупных городов (Токио, Франкфурт, Лондон, Вашингтон, Сан-Франциско, Сидней и Сан-Пауло).

Pingdom не просто указывает на проблемы сайта, а присваивает им рейтинг от 0 до 100, где 100 — самая высокая оценка, 0 — самая низкая. В сервисе имеется аналитика распределения ссылок и размера файлов.

Чаще всего сайт тормозят:

• изображения
• скрипты
• технология AJAX (помогает сайту обмениваться данными с сервером в фоновом режиме).

Уделите этим элементам особое внимание.

Как ускорить сайт: основные способы

1. Сжатие изображений

Уменьшить размер страницы вы можете, сжав картинки с помощью специализированных сервисов, таких как:

• imagecompressor
• compressjpeg
• iloveimg

Они могут уменьшить вес изображений до 90% и, в итоге, значительно снизить размер всей страницы.

2. Lazy load изображений

Ленивая загрузка — это отложенная загрузка картинок. Если использовать Lazy load, изображения будут загружены только в случае, если они потребуются конкретному посетителю ресурса.

3. Кэширование

Кэширование — это способ оптимизации Web, при котором медленные SQL запросы заменяются статическим HTML-кодом. Обычно код сохраняется на некоторое время (час, день, неделю и др.), а затем кэш очищается, и начинается генерация нового файла.

4. Сжатие страницы

Увеличить скорость загрузки страницы по протоколу HTTP возможно с помощью сжатия — компрессии. Как правило, это осуществляется при помощи технологии ZIP или GZIP.

5. Ускоренные страницы от Google и Яндекс

Используйте технологии быстрой загрузки контента: Турбо-страницы от Яндекс и AMP-страницы от Google. Они позволят создать упрощенные версии страниц, вес которых в разы меньше исходников. Это способствует быстрой загрузке, в том числе на мобильных устройствах.

Подробнее: Монетизация Турбо и AMP страниц: увеличиваем прибыль на 20%

6. Использование WebP

Формат WebP дает возможность сделать вес страницы еще легче. Он позволяет получить размер картинок на 26% меньше, чем стандартный PNG. Особенностью WebP является продвинутый алгоритм сжатия, позволяющий сократить размер изображения без видимых потерь в качестве.

7. Сократить CSS и Javascript

На быстроту загрузки ресурса оказывает влияние размер CSS и JS файлов и их количество, поэтому можно сжать их с помощью онлайн-инструментов CSS Minifier и CSS Compressor для CSS; и JS Minifier и JavaScript Compression Tool для JS. Поместите скрипты JS в самый конец кода перед закрывающим тегом.

8. Уменьшить расстояние «сервер-клиент»

Расстояние между сервером и клиентом играет важную роль в оптимизации скорости загрузки ресурса. Для решения этой проблемы можно использовать CDN-сервисы, которые загрузят нужные файлы (как правило, изображения) с собственного сервера, находящегося ближе всего к конкретному пользователю.

Самые популярные CDN сервисы: CloudFlare, Incapsula, Netlify, DataPath.

9. Уменьшить количество запросов

На запросы и ответы уходит время. Сократив их количество, вы увеличите скорость работы ресурса. Для этого загружайте все возможные файлы статично без использования запросов к базе данных. Дополнительно объедините CSS и JS в отдельные файлы. Это помогут сделать плагины Gulp, Grunt, WebPack.

Заключение

Таким образом, проанализировать загрузку сайта с разных устройств и даже разных гео-локаций можно самостоятельно. Также есть специальные платформы, помогающие определить точную причину медленной работы ресурса.

Используйте несколько сервисов для анализа скорости работы, чтобы получить более точные данные. Найдите слабые места вашего сайта и сделайте на них упор в оптимизации.

Особое внимание обратите на наиболее распространенные причины медленной загрузки ресурсов: изображения, скрипты и технология AJAX. А также попробуйте реализовать предложенные способы по оптимизации сайта. Они помогут решить многие проблемы веб-ресурса и ускорить его работу в несколько раз. А это в последствии скажется на конверсии в целом.