Ускорение сайтов
без накруток на любой CMS

Почему сайт медленный: 6 главных причин

Ответственность владельца сайта:

1. Выбрали изначально медленный хостинг.

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

Решение: выбрать один из лучших хостингов Beget, Fozzy, Timeweb, а при больших нагрузках даже сервер.!

Для экспресс-проверки хостинга вы можете воспользоваться встроенными в систему управления инструментами:

У HostCMS это модуль “Производительность”

2. Загружаете на сайт огромные картинки и не сжимаете их перед отправкой.

Это самая распространённая причина низкой скорости сайта — фотограф сделал фото товара 4000x4000 пикселей, вы такую и загрузили. Проблема в том, что экраны пользователей не рассчитаны на такой размер, у большинства 1600 или 1920 пикселей. И то делать изображения на 100% экрана необходимо лишь в том случае если где-то на сайте они на весь экран открываются (фотогалерея, увеличение фотографий при клике, "лупа"). Кроме того даже не уменьшая размер можно сжать изображения без потери качества с помощью специальных онлайн-сервисов или массово через программу XnConvert. Особое внимание обратите на итоговый вес изображения — не более 200 Кб.

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

3. Много виджетов

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

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

Ответственность разработчика:

1. Много CSS кода

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

Решение: сжать CSS файлы (конкатенация, минификация), на странице отображать только те CSS-инструкции, которые необходимы (зачем на главной странице загружать оформление корзины? а так обычно и происходит: 1 огромный файл на весь сайт. А нужно на каждую страницу свой набор CSS без лишнего)

2. Много JS кода

Javascript — это скрипты, наборы действий, внутренняя программа для сайта как себя вести в определенной ситуации. Отправилась форма, сдвинулся блок как по-волшебству, всплывающее окно показалось при нажатии на кнопку, картинка увеличилась, товары отфильтрованы. Разработчик мог так же как и с CSS использовать готовые плагины, не сильно задумываясь о скорости. Результат получен, клиент доволен. Что еще нужно?

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

3. Неправильные размеры и форматы изображений

При разработке использованы неправильные размеры изображений. Например, в списке товаров где ширина колонки не более 300px разместили картинку большего размера, например 1000px. Кроме размера следите за форматом файла: PNG, JPG, GIF, WEBP.

Решение: необходимо придерживаться принципа достаточности, в блок шириной 300px размещать картинку шириной максимум 400px. Где не нужна прозрачность — всегда используйте JPG и WEBP, сжимайте изображения сервисами или программами. Обратитесь к нам и мы расскажем какими инструментами необходимо пользовататься, чтобы изображения у вас всегда были красивые и быстрые.

4. Не проведена оптимизация CMS

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

5. Весь сайт собран на плагинах

На данном этапе развития веб-технологий, с множеством готовых решений разработчики всё меньше создают сайты с нуля индивидуально под клиента. У каждого специалиста набирается с сотню наработок и готовых решений. Если с Битрикс и HostCMS это будет заключаться в проверенных кусочках кода и качественных модулях, то в Wordpress иногда это доходит до абсурда: никакой вёрстки и программирования — просто купленный шаблон дизайна, все функции с сайта реализованы тупо на плагинах, ни строчки собственного кода: страницы собираются через плагин конструктора страниц, формы подключаем через плагин, аналитику настроить — плагин, интернет-магазин — то же самое. Каждый такой плагин может содержать неоптимизированный код, загружать с собой CSS, JS-файлы, шрифты и иметь в запасе потенциальные уязвимости. В итоге — медленный и небезопасный сайт, т.к подобраться к оптимизации плагина практически нереально.

Решение: использовать плагины только при необходимости, большинство функций можно реализовать без них.