Тормозит сайт: сколько вы на этом теряете и как это исправить

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

Самостоятельно проверить свой сайт можно с помощью сервиса PageSpeed Insights, который покажет, насколько он оптимизирован под браузеры и мобильные устройства. Хорошим считается показатель в зеленой зоне. Нормально работающий сайт должен отдавать страницу конечному пользователю за 2-3 секунды. Если показатель достигает 10 секунд, пользователь воспринимает сайт как нерабочий и уходит.

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

Сколько вы теряете

Предположим, у вас интернет-магазин. Конечно, есть некоторое количество ежедневных заказов, но при скорости загрузки в 5-6 секунд это количество точно меньше, чем могло бы быть. Насколько меньше? Скажем так: если привести скорость отдачи к нормальным показателям в 2-3 секунды, можно рассчитывать на повышение количества взаимодействий с сайтом на 20-30%. Соответственно, вырастет и количество заказов. Подставьте свои цифры и получите значение скорости отдачи страниц, выраженное в деньгах.

К тому же за скоростью отдачи страницы следят поисковики. Если они заметят серьезное улучшение по этому показателю, вы поднимитесь в выдаче, что тоже увеличит трафик. Недавно мы оптимизировали скорость одного сайта примерно на 40%. На поисковой выдаче это отразилось через полтора месяца — пошел трафик с «Яндекса» и Google.

Как это исправить

У скорости отдачи страниц есть две составляющие. Во-первых, это скорость работы бэкенда, скорость сервера, на котором хостится ваш сайт. Во-вторых, скорость отдачи зависит от времени отрисовки, то есть фронтенда. Работать надо с обеими частями. Вот что стоит сделать.

1. Включите компрессирование

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

2. Расставляйте картинки правильно

Картинка не должна весить больше, чем необходимо. Если на сайте место под картинку 100*120 пикселей, не надо туда ставить картинку 1000*1500: браузеру придется ужимать ее в нужный размер, а передаваться по сети она будет целиком — на это будет уходить больше времени. Сжать картинки и оптимизировать их размеры сегодня можно и без потери качества. Инструменты для этого есть и у Google, и у Mozilla.

3. Используйте правильные форматы

Лучше выбрать один оптимальный формат, но с большим сайтом это может быть слишком трудоемко. Совсем легкие векторные форматы, но они искажают изображения. На сегодняшний день часто используются JPEG и PNG, но есть и более прогрессивные варианты. У Google есть WebP, также можно использовать SVG, который встраивается прямо в код, но перевести в этот формат изображения бывает трудно.

4. Передавайте иконки скопом

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

5. Осторожнее со счетчиками и чат-ботами

Если вы ставите на сайт решения от других производителей, в том числе счетчики и чат-боты, пользователь взаимодействует с чужим ПО. В случае проблем на стороне поставщика этого ПО вы тоже рискуете замедлением сайта. Скорость отдачи каждого компонента сайта можно найти в консоли разработчика. Те или иные компоненты можно просто на время отключить.

6. Сожмите код сайта

Сегодня есть специальные инструменты для сжатия кода JavaScript и CSS. Если хватает технической грамотности, найти эти инструменты и сделать это можно самостоятельно с помощью рекомендаций Google. Также эту услугу предоставляют компании на рынке. Например, оптимизацией фронтенда занимаются наши партнеры Айри.рф.

7. Выбирайте выделенный сервер

Если у вас продающий сайт, не стоит размещать его на дешевых совместных (shared) хостингах, где на одном виртуальном сервере размещают несколько других. Серверы будут зависимы друг от друга, и проблемы вашего «соседа» — всплеск трафика или DDOS, замедлят также ваш сайт. Чтобы чувствовать себя уверенно, нужен выделенный сервер, то есть VPS или VDS-хостинг. Так вы гарантируете себе, что оплаченные ресурсы у вас не отнимут в пользу соседей.

8. Настройте кэширование

Чтобы не тормозила отдача контента, надо настроить его отдачу не с бэкенда, а с фронтенда. Для этого контент кэшируют — либо на отдельной CDN, либо на том же сервере через веб-сервер NGINX, либо в in-memory базах данных вроде Redis или Memcached.

9. Проверьте серверные настройки

Хватает ли серверной памяти, достаточно ли мощный процессор, правильно ли настроено системное ПО? Самостоятельно это проверить сложно, а хостеры обычно говорят, что все хорошо. В этом случае мы можем провести микроаудит и проверить достаточно ли купленных параметров для вашего типа сайта, нагрузки и стека технологий, нужно ли дополнительное ПО для стабилизации или ускорения работы. Мы готовим рекомендации, которые либо вы выполняете сами, либо мы выполняем для вас.

10. Оптимизируйте пользовательское ПО

Помимо системного ПО веб-сервера, работу сайта обеспечивает специальное (или пользовательское) ПО. Его набор зависит от стека технологий. Бывают сайты на PHP, Ruby, Java, Node.js и десятке других стеков, и в зависимости от этого у вас должно быть установлено определенное ПО и нужные библиотеки. Все компоненты должны соответствовать друг другу.

11. Оптимизируйте работу CMS

Многие делают сайты на CMS. Самые популярные сегодня это «1С-Битрикс», CS-Cart, UMI, или бесплатные Joomla, Drupal, WordPress. Такие сайты чаще всего тормозят из-за медленной отдачи информации базами данных при росте нагрузки. Систему управления базами данных можно настроить для корректной работы, но для этого нужны специальные знания о настройках, запросах на SQL и их ускорении с помощью индексов.

Оптимизацией серверных настроек и пользовательского ПО занимается компания Git in Sky. Пообщаться со специалистами компании и заказать ее услуги можно здесь.