6 простых способов ускорить сайт и не терять клиентов

6 простых способов ускорить сайт и не терять клиентов

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

Исследования подтверждают, что скорость работы сайта влияет на поведение пользователей. В Google посчитали, что 53% пользователей закрывают сайт, который на телефоне не загрузился за 3 секунды. А в Unbounce провели опрос, в котором 70% людей признали, что скорость загрузки сайта влияет на их решение о покупке.

Мы собрали 6 способов ускорить сайт. Советуем применять их последовательно: начать с первого и переходить дальше, только если предыдущий не помог.

Как понять, что сайт тормозит

Если сайт работает быстро на телефоне или компьютере, радоваться рано. Может быть, у проверяющего свежий iPhone с интернетом в 100 Гб/с, а у рядового посетителя — старый ноутбук и домашняя сеть в 10 Мб/с.

Чтобы оценить скорость сайта непредвзято, полезно вставить ссылку на него в сервис Google PageSpeed Insights. Если сервис покажет 90—100 пунктов — увеличивать скорость некуда. Если 50—89 — сайт работает в пределах нормы, но скорость можно повысить. Если меньше 50 — сайт тормозит, из-за этого пользователи могут уходить.

Шаг 1. Оптимизировать размер изображений

Сложность: 1 из 5

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

Html-код страницы сайта может весить меньше 1 Мб, а одна картинка — до 10 Мб.

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

Выход — уменьшить размеры картинок по следующей инструкции.

1. Скачать изображение с сайта.

2. По возможности конвертировать изображение в JPG или JPEG. Если это иллюстрация в блоге или фото товара, лучше дать им расширение JPG или JPEG. Картинки в этих форматах весят в несколько раз меньше, чем в PNG или BMP. Расширение меняют с помощью онлайн-конвертера.

Это фото в формате PNG весит 68,9 МБ, а в формате JPEG — 2,98 МБ, в 23 раза меньше

Другие форматы нужны для специфических задач.

Чтобы поставить логотип в шапку сайта, у картинки должен быть прозрачный фон. В JPG прозрачный фон не сделать. Нужен формат PNG или SVG.

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

Слева — фото в JPEG до сжатия, которое весит 2,98 Мб. Справа — сжатое, весом 647 Кб. Качество картинки практически не изменилось

4. Заменить изображения на сайте: удалить с сервера старые и загрузить новые — обработанные и сжатые. Если не умеете, попросите системного администратора или программиста.

Если на сайте много картинок, скачивать и обрабатывать каждую вручную долго. Для таких случаев придумали пакетную обработку и загрузку: картинки автоматически скачивают с сайта, сжимают и загружают обратно с помощью программ Photoshop, ImBatch, Polarr. Программисты и дизайнеры умеют это делать, попросите их о помощи.

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

Шаг 2. Перенести видео с сайта на YouTube

Сложность: 2 из 5

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

Пятиминутное видео HD-качества может весить 400-500 МБ. Это как 200 картинок или 400 страниц сайта без видео.

Если видео хранят прямо на сайте, он может тормозить. Тогда посетители не сразу увидят контент: придется ждать, пока загрузится видео.

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

Если сайт сделали на популярной CMS или конструкторе, достаточно вставить ссылку на youtube-видео в готовый блок — система подтянет его сама. Например, в Tilda есть готовый блок Youtube:

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

Это видео мы вставили специальным кодом. Вы можете включить его, не уходя со страницы — и при этом оно лежит на Youtube, а не у нас в блоге

Шаг 3. Отключить лишние плагины

Сложность: 1 из 5, если есть доступ к админке сайта

Если вы собирали сайт на CMS вроде WordPress или Joomla, вероятно, вы пользуетесь плагинами. Это сторонние мини-программы, которые решают отдельные задачи: сделать удобную корзину, продвигать сайт в выдаче поисковиков, подключить к блогу комментарии, добавить к форме входа капчу.

Популярные CMS-системы продают плагины на маркетплейсах. Такие есть у WordPress, Magento и Shopify

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

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

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

Оба эти плагина добавляют капчу, и оба установлены на сайте. Правый лишний — скорее всего его тестировали и забыли удалить

Если доступа к административной панели нет, обратитесь к вебмастеру, пусть он все проверит. 

Шаг 4. Сменить хостинг на тот, что ближе к пользователям

Сложность: 3 из 5

Любой сайт — это набор файлов: картинок, строк кода, баз данных. Их хранят на сервере с постоянным доступом в интернет. 

Некоторые компании разворачивают сервер у себя в офисе, но это дорого. Поэтому обычно место для сайта арендуют в интернете — покупают хостинг.

В офисе хостинг-провайдера стоит сервер с жестким диском на 100 ГБ, процессором и 10 ГБ оперативной памяти. Провайдер продает владельцам сайтов часть этих ресурсов. Например, по 2 Гб места на диске, 15% от мощности процессора и 512 МБ оперативной памяти на один сайт.

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

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

Представьте, что компания находится в Санкт-Петербурге, а хостинг — во Владивостоке.

Пользователь из Спб хочет перейти на сайт — кликает по ссылке. В этот момент его компьютер отправляет хостингу запрос: «Покажи страницу сайта».

Раз пользователь и хостинг в разных городах, запрос сначала идет в Москву: так устроена система маршрутизации запросов в России. Затем — во Владивосток, на хостинг.

Ответ идет из Владивостока обратно в Москву, а потом в Петербург. Только тогда браузер пользователя отрисовывает страницу.

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

В случае с удаленным хостингом запрос проходит 4 этапа, а в случае с хостингом в том же городе — всего 2. Сайт загрузится в два раза быстрее

Если клиенты живут по всей России, подойдет хостинг в Москве: все равно запросы пойдут через столицу.

Шаг 5. Сменить тариф хостинга на более дорогой

Сложность: 1 из 5

Скорость сайта зависит от мощности хостинга: чем больше дискового пространства и доступной нагрузки на процессор, тем быстрее загрузка. Бывает, что сайту не хватает мощности, и он тормозит у пользователей. 

Например, маркетологи запустили рекламу, и число посетителей интернет-магазина возросло. Люди бродят по сайту: сравнивают товары, кладут товары в корзину, делают заказы. 

В итоге оперативная память не справляется с запросами, а в базе данных заканчивается место для новых заказов. Сайт работает медленно.

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

Чем дороже тариф, тем большая мощность и дисковое пространство выделяют сайту

Шаг 6. Переехать с хостинга на виртуальную машину

Сложность: 5 из 5

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

На одном хостинге находятся ваш сайт и сайт конкурента. Общая мощность хостинга — Х. В обычные дни вы делите ее с конкурентом поровну — по 0,5Х. 

Конкурент запустил акцию, и к нему повалили посетители. Потребовалась мощность 0,8Х, и конкурент ее получил — так устроен хостинг. А вашему сайту осталось только 0,2Х, и он тормозит.

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

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

Чтобы переехать на виртуальную машину, придется нанять программиста или системного администратора. Это разовая работа — потом удобно администрировать сайт как на хостинге: например, через WordPress.

По шагам: как ускорить медленный сайт

1. Оптимизировать картинки: перевести их в JPG и сжать специальным сервисом.

2. Перенести видео с сайта на Youtube или аналог.

3. Отключить плагины, которые вы уже не используете.

4. Сменить хостинг на тот, у которого сервер в одном городе с вашими клиентами. А если клиенты по всей России, на тот, у которого сервер в Москве.

5. Купить у хостера более дорогой тариф с большими мощностями.

6. Если ничего не помогает — переехать с хостинга на виртуальную машину.

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

Не пропускайте важные материалы

Подпишитесь в соцсетях

Публикуем ссылку на статью, как только она выходит. А еще даём знать о новых фичах и срочных новостях. Например, напишем, если налоговая потеряет данные по организациям в свежей выгрузке или API «Дадаты» перестанет отвечать.

Подпишитесь на рассылку

Раз в месяц присылаем на почту новые статьи из блога и обновления сервисов «Дадаты». Не тревожим без повода и не шлем спам.