Скорость сайта имеет огромное значение и влияет на множество аспектов. На самом деле, немногое может сравниться с ней по значимости. Скорость оказывает влияние на позиции сайта в поисковой выдаче, на уровень конверсии, на лояльность пользователей, на устойчивость к атакам, на количество необходимых серверных ресурсов и множество других менее значимых аспектов.
Технологии и методики ускорения сайтов постоянно развиваются. С каждым годом все больше появляется сайтов, которые работают быстро даже на смартфонах. Пользователи ожидают, что ваш сайт тоже будет работать быстро и с каждым годом они становятся все менее терпимей к медленным сайтам.
Потому, скорость работы сайта становится одним из важнейших параметров, который может привести ваш проект к успеху или провалу. Если ваш сайт столкнулся с проблемами производительности, то самое время заказать ускорение сайта.
Основные направления ускорения сайта
Наиболее распространенные причины замедления работы сайта
Сайты, сделанные на базе готового шаблона, как правило, имеют большое количество файлов, подключаемых к каждой странице сайта. Эти файлы обеспечивают работу движка шаблона и плагинов, необходимых для его работы. Особенно часто это встречается на сайтах, использующих CMS WordPress. У WordPress очень мало встроенного функционала, и потому, чтобы сделать приличный сайт, разработчикам приходится буквально обвешивать его плагинами. Каждый такой плагин обычно подключает несколько больших файлов ради пары строк кода в них.
В большинстве случаев, ускорять такой сайт – нерентабельно, поскольку дешевле будет его переделать на другом движке и, при необходимости, вручную дописать необходимый функционал.
«Коробочные» CMS, обычно, нормально справляются с 10-15 тысячами товаров без последствий для скорости. Хотя это очень индивидуально и зависит не только от количества товаров, но и от качества программного кода. По этой причине, в интернет-магазинах, в первую очередь, страдают от замедления страницы категорий товаров. Это происходит из-за неприспособленной к таким условиям логики программного кода на страницах категории.
Работа над ускорением такого сайта идет путем оптимизации базы данных и переписывания программного кода вывода товаров на странице.
При росте посещаемости сайта возрастает нагрузка на сервер. Процессор на сервере способен обработать определенное количество одновременных обращений к нему за единицу времени. Если количество одновременных обращений растет, то сервер ставит обращения пользователей в очередь, что и приводит к замедлению работы сайта.
В этом случае, для ускорения сайта нужно докупить ресурсов или настроить сервер, или сменить провайдера.
Иногда сайты начинают работать медленно из-за неправильно написанного или вообще недописанного кода, или из-за медленных запросов к базе данных.
В таких случаях, требуется найти и исправить эти ошибки.
Как ни странно, еще довольно часто встречаются сайты, в коде которых идет подключение сервисов Яндекса, VK и других систем, находящихся под блокировкой. Сайт довольно долго пытается подключиться к ним, что увеличивает итоговое время загрузки страницы.
В этом случае, нужно просто отключить заблокированные ресурсы.
Сколько стоит ускорение сайта?
Стоимость ускорения сайта всегда является индивидуальной и уникальной. Даже при работе с одной и той же системой управления контентом (CMS) каждый сайт имеет свои особенности. Факторы, такие как версия CMS, набор и версии плагинов, наличие индивидуально написанного функционала и подхода разработчика, а также состояние сервера, делают каждую ситуацию уникальной.
В нашем опыте стоимость ускорения текстовых сайтов (например, сайты-визитки, корпоративные или блоги) варьировалась в диапазоне от 100 до 400 долларов США. Для сайтов-каталогов (например, интернет-магазины, доски объявлений, порталы) стоимость ускорения была в диапазоне от 100 до 1500 долларов США.
В результате диагностики мы часто видим типичную картину: есть 1-2 проблемы, решение которых может дать 50-60% возможного ускорения и есть 10-20 проблем, решение которых в сумме может дать 40-50% возможного ускорения. Часто стоимость решения всех этих проблем соразмерна и не зависит от потенциала ускорения. Потому, коридор ускорения чаще ограничивается бюджетом, чем техническими возможностями. Даже на ускоренном сайте всегда можно еще что-то ускорить и сэкономить несколько миллисекунд.
Преимущества ускорения сайта в WEB ROOM
Отзывы о нашей работе
Диагностика скорости сайта
Первичный анализ проводится для определения наличия проблемы со скоростью и віявления локализации проблемы (на стороне сервера или на стороне браузера).
Дальнейшая диагностика может не понадобится, если первичный анализ выявит причину замедления в количестве и размере загружаемых файлов сайта. Если же проблема будет локализована на стороне сервера, то понадобится провести тест скорости сайта.
В ходе тестирования на каждом типе страниц измеряются показатели скорости, а именно: полное время загрузки страницы, время ответа сервера, количество и размер изображений, css и js файлов. По результатам тестирования формируется отчет.
Тестирование скорости сайта необходимо проводить на отдельном сервере, чтобы исключить влияние сервера и посещаемости на показатели скорости. Так мы сможем получить максимально чистые базовые показатели скорости системы.
Дальнейшая диагностика может не понадобится, если причиной медленной работы сайта был сервер. В противном случае, понадобится анализ программного кода и базы данных.
В ходе этого анализа проверяется код и база данных проблемных типов страниц для выявления медленных функций.
В результате анализа предлагаются работы по оптимизации или переписыванию медленного функционала.
Какие сайты мы не ускоряем?
Мы не ускоряем сайты, которые созданы на базе конструкторов или на базе готовых шаблонов из маркетплейсов, поскольку в 98% случаев причиной медленной работы является то, как сайт в принципе сделан и для ускорения его необходимо переделывать. Особенно это касается сайтов на CMS WordPress, которые почти всегда так сделаны.
Мы работаем только с сайтами написанными на языке PHP. Но не работаем с фреймворками Drupal и Symfony.
Также, мы не работаем с системами российского производства.
Как измерить скорость загрузки сайта
Начнем с того, что такого параметра, как скорость загрузки сайта, не существует. Мы используем это выражение для простоты. Но мы не можем выразить загрузку сайта в единицах скорости. При загрузке сайта происходит множество разных процессов, часть из которых мы можем выразить в единицах скорости. При загрузке сайта, скорее мы говорим о времени, за которое происходят все эти процессы.
На время загрузки влияет множество факторов:
- Мощность сервера, его программное обеспечение и настройки
- Качество программного кода и базы данных сайта
- Количество и размер файлов открываемой страницы сайта, а также качество и объем выполняемых скриптов JavaScript
- Расстояние от сервера до клиента
- Скорость и пропускная способность интернет-канала на всем пути от сервера до клиента
- Скорость интернета клиента и количество свободных ресурсов на его устройстве
- Текущая посещаемость сайта
Глядя на этот список мы можем сделать два очевидных вывода:
- Далеко не на все факторы мы можем оказать влияние
- У нас всегда будут нестабильные факторы, которые не позволят выразит четкое время загрузки. На любом сайте всегда будут колебания скорости
Наиболее надежный способ замера скорости сайта - это замер инструментами браузера. Браузер точно знает весь процесс загрузки, знает сколько времени у него ушло на каждый файл и это не какая-то имитация, а реальная загрузка сайта.
Этот способ не идеальный но мы можем его приблизить к идеалу. Для этого мы должны исключить возможные “узкие” места на стороне клиента. Другими словами, на тестируещем компьютере должна быть хорошая скорость интернета и запас свободных ресурсов, особенно оперативной памяти. В идеале, тестирующее устройство должно быть в регионе целевой аудитории, чтобы время прохождения сигнала от сервера до клиента было таким, как будет у реальных пользователей.
Желательно минимизировать влияние нагрузки на сервер сайта, Для этого можно сделать копию сайта на другом сервере и провести замеры там.
Такой способ замер дает возможность получить максимально объективную информацию с четкой интерпретацией данных.
Ускорение загрузки сайта
Ускорение загрузки сайта - это сложный и разнообразный процесс по оптимизации базы данных и кода, уменьшение объема передаваемых данных, улучшение серверной инфраструктуры, использование современных технологий и протоколов.
Ускорением сайта можно заниматься практически бесконечно. Не бывает максимально ускоренных сайтов, всегда можно ускорить что-то еще. Но чем больше сделано работы по ускорению, тем сложнее добиться дополнительной оптимизации. Со временем оптимизация становиться все дороже, а сам эффект оптимизации все меньше. Потому, в вопросе сайтов, как и во всех других вопросах, скорость напрямую завязана на бюджет.
Для того, чтобы эффективно заниматься ускорением, важно провести качественную диагностику. Если у сайта есть ярко выраженные проблемы со скоростью, это не значит, что ему поможет все, что теоретически может повлиять на скорость. Например, если сайт медленно работает на стороне сервера, то оптимизация изображений ему не поможет.
Важно избегать внедрения ложных рекомендаций для ускорения сайта, чтобы не получить более существенных проблем. Подробное об этом читайте в нашей статье "Топовые мифы об ускорении сайта. Как не стать жертвой оптимизации?"
Ускорение интернет-магазина с большим количеством товаров
Как правило, у интернет-магазина, самым медленным типом страниц является страница категории товаров. И чем больше товаров в категории, тем медленнее она работает.
Это связано с тем, что на таких страницах самая сложная программная логика. Нужно отобрать товары конкретной категории, применить к ним логику фильтра товаров, сортировки, пейджинации, возможно еще дополнительные условия.
Чем больше товаров, тем больше проявляются проблемы с базой данных и малоэффективным программным кодом.
Мы можем сравнить это с работой библиотеки. Пока в вашей библиотеке десять книг, вы сможете быстро найти нужную даже если у вас нет никакой сепарации и структуры. Но если у вас тысячи книг, то вам понадобятся алфавитные, хронологические и национальные указатели и многое другое, как например журналы выдачи и заявок на новые поставки.
С ростом количества товаров, у интернет-магазина будут проявляться разные проблемы со скоростью. Решить эти проблемы до их проявления не получиться. Но вы можете проявить их раньше, чем столкнетесь с ними в реальной практике, с помощью генерации товаров в ходе специального тестирования. Мы называем это краш-тестом. С помощью него мы можем сгенерировать контент и имитировать посещаемость, чтобы заблаговременно подготовить сайт к растущим нагрузкам.
Ускорение сайта при нехватке серверных ресурсов
Вся программная логика сайта требует вычислительных мощностей сервера. Если сайту не хватает ресурсов, то он начинает работать медленней.
Самым ценным ресурсом сервера является процессор. Частота процессора отвечает за скорость вычислений, а количество ядер отвечает за количество параллельных вычислений.
В случае нехватки серверных ресурсов, самым логичным решением будет увеличение их количества. Но это решение имеет свои ограничения и недостатки.
Вашему сайту может не хватать ресурсов, предоставляемых хостерами в рамках стандартных предложений. Вы можете запросить индивидуальные предложения и вам их предоставят, вплоть до предоставления нескольких серверных шкафов. Но за такие предложения вам придется платить очень дорого.
При нехватке серверных ресурсов, вопрос не всегда стоит в количестве ресурсов. Иногда, проблема может быть в том, как эти ресурсы используются.
В большинстве случаев, когда к нам обращаются по поводу медленной работы сайта, размещенного на VPS, мы видим, что сервер никто не настраивал. Настройка сервера - это большой пласт оптимизации, позволяющий значительно увеличить продуктивность сервера.
Также, часто бывают устаревшие операционные системы или даже ограниченные промежуточные издания. Операционную систему сервера нужно периодически переустанавливать.
Работа с настройками сервера и оптимизацией программного кода сайта могут значительно сократить ваши расходы на сервера.
Оптимизация изображений
Изображения - как и другие медиа-файлы, являются наиболее объемными файлами на сайте. Потому, очень важно тщательно подходить к вопросу оптимизации изображений, чтобы они не стали причиной медленной работы сайта.
С изображениями бывают три вида проблем:
- Изображения слишком большие
- Неподходящий формат изображений
- Отсутствуют изображения для мобильной версии сайта
Оптимизация размера изображений
Все способы оптимизации изображений так или иначе ведут к тому, чтобы уменьшить объем передаваемых файлов. Но прежде всего, нужно убедиться, что ваши изображения подходящего размера по ширине и высоте.
Иногда изображения на сайт загружают прямо из камеры или после базовой конвертации из raw-формата в форматы для web. И на сайте можно увидеть изображение шириной 10 тысяч пикселей, при том что на сайте оно отображается в размере 400 пикселей. Это обеспечивает несколько лишним мегабайт на каждом таком файле.
Бывает и обратная ситуация, когда находят в интернете изображение шириной 400 пикселей и используют его как баннер шириной 1920 пикселей. В результате такого растягивания изображения, оно сильно теряет в качестве.
Ширина и высота ваших изображений должны быть такого размера, в котором они показываются на сайте.
Оптимизация формата изображений
Есть много форматов изображений, подходящих для сайта. Нельзя сказать, что какой-то из них идеален. У каждого формата есть свои особенности и каждый из них уместно использовать, если вам нужны эти особенности.
SVG - это векторный формат, поддерживаемый браузерами. По сути, этот формат текстовый и файлы содержат координаты фигур и их цвет. Формат подходит для простых иконок и логотипов.
GIF - наименее распространенный формат изображений для сайта. Этот формат поддерживает анимацию и его стоит использовать только тогда, когда эта анимация необходима.
JPG - наиболее распространенный формат для сайта. Формат поддается серьезному сжатию, но это сжатие происходит с потерями качества. Иногда, эти потери могут быть незаметны глазу, иногда может произойти искажение цвета, если сжимать очень сильно, то изображение теряет четкость.
Благодаря эффективному сжатию, файлы в формате jpg могут занимать меньше места, чем подавляющее большинство других форматов. JPG не поддерживает прозрачность.
Формат подходит для отображения большинства изображений на сайте, таких как фотографии и баннеры.
PNG - это формат, который поддерживает сжатие без потерь. То есть, изображение всегда сохраняет свои цвета и четкость, но сжатие без потерь не очень эффективно. Файлы в формате png занимают много места благодаря высокому качеству, а еще этот формат поддерживает прозрачность.
Используйте этот формат, если нужно разместить изображение на прозрачном фоне или если для изображения недопустимы потери качества (например, портфолио фотографа, фотографии элитных товаров).
WebP - это относительно новый формат, разработанный в Google. Формат вобрал в себя преимущества всех вышеперечисленных форматов. Он поддерживает анимацию и при этом занимает меньше места чем gif. Формат поддерживает сжатие с потерями и при єтом может занимать меньше места чем jpg. Он также поддерживает сжатие без потерь и прозрачность и при этом занимает меньше места чем png.
Все выгляди так, как будто этот формат идеален. Возможно, он таки станет. Но из-за плохой поддержки не все преимущества формата еще доступны.
Речь идет не о поддержке браузеров, в браузерах формат уже давно поддерживается. И не о поддержке на стороне CMS, поскольку в последних версиях, большинство популярніх движков уже поддерживают работу с ним. Речь о поддержке в графических редакторах.
Google создал формат но забыл создать профессиональный редактор. Фотошоп не поддерживает работу с этим форматом, хотя, для последних версий уже доступен плагин, добавляющий эту поддержку. Но если у вас более ранние версии, то работать с этим форматом вы не сможете. Если у вас нет профильного инструмента для работы с этим форматом, то вам остается только использовать онлайн конвертеры.
Суть в том, что важен не просто факт наличия изображения в каком-то формате, важно иметь возможность управлять сжатием. Конвертеры не дают возможности управлять сжатием и в результате, размер файла в формате WebP часто получается больше, чем в формате jpg.
Ниже приведены примеры двух файлов, созданных из одного исходника. Один из них конвертирован в формат WebP, а другой сохранен в фотошопе с настройками сжатия.
Визуально, изображения мало отличаются, но файл в jpg занимает в три раза меньше места чем WebP.
Google хочет раскрутить свой формат и везде пишет рекомендации по его использованию, но не стоит спешить использовать его, если у вас нет профессионального инструмента для работы с ним, иначе вы замедлите скорость загрузки сайта.
Подробнее о форматах изображений читайте в статье "Какой формат изображений лучше для сайта: JPEG, PNG, WebP или AVIF?
Оптимизация изображений для мобильной версии сайта
Подавляющее большинство сайтов имеют неоправданно большой размер изображений на мобильніх устройствах.
Особенно большой проблемой это становится в случае больших фоновых изображений или баннеров, которые предусматривают большой размер изображений.
Такая ситуация не удивительна, поскольку CMS не дают возможности управлять файлами для разных устройств из админки.
В случае фоновых изображений, все намного проще, поскольку ими можно управлять через css. Но с баннерами все сложнее.Баннеры редко реализуют как фоновые изображения, а потому управлять ими через css не получится. И даже если было бы можно, у администраторов сайта, редко есть навыки для этого, а баннеры меняются гораздо чаще фоновых изображений сайта и администратору нужна возможность ими управлять. Более того, в случае с баннерами, для мобильных устройств часто нужно не просто меньшее изображение, часто нужно изображение с другим соотношением сторон чтобы доступно разместить контент баннера. Потому, очень важно доработать возможность управления баннерами для разных типов устройств.
Какие методики ускорения сайта мы применяем?
Залогом быстрого сайта является хорошо спроектированная и оптимизированная база данных сайта, качественный и быстрый программный код, мощный и хорошо настроенный сервер, а также минимальный размер файлов, передаваемых между сервером и браузером клиента.
В зависимости от того, в чем именно причина медленной работы сайта, подбираются методики по ускорению. Мы владеем полным спектром актуальных методик ускорения сайта как на стороне сервера, так и на стороне браузера. А также у нас есть свои авторские инструменты и методики.
Например, мы разработали методику ускорения сайта путем создания гибридной системы. Суть этой методики заключается в том, что мы подключаем к сайту дополнительный очень быстрый движок и передаем ему функцию отображения фронтенда. В результате, вы продолжаете управлять сайтом через админку базового движка, но публичная часть работает на другом быстром движке. При необходимости, таким образом можно оптимизировать не весь сайт, а только отдельные медленные типы страниц.
Эта методика позволяет значительно сократить время ответа сервера сайта работающего на любом движке.
Заказать ускорение сайта в студии WEB ROOM
Мы обладаем экспертизой и многолетним опытом в ускорении сайтов. Наша команда разработчиков имеет глубокие знания в области оптимизации производительности и знает, какие стратегии и инструменты применять для достижения наилучших результатов.
Мы ценим индивидуальность каждого сайта. Мы проведем тщательный анализ вашего сайта, учитывая его особенности, структуру, используемые технологии и другие факторы, чтобы разработать наиболее эффективные стратегии оптимизации, которые подойдут именно вашему проекту.
Наш арсенал включает собственные инструменты и наработки для анализа скорости и оптимизации сайтов, что позволяет нам проводить глубокий и точный анализ производительности вашего сайта и применять передовые методы для его улучшения.
После проведения работ по ускорению, мы предоставим вам детальный отчет о выполненной работе. Мы сосредоточены на предоставлении конкретных советов и рекомендаций, которые помогут вам поддерживать высокую производительность вашего сайта в долгосрочной перспективе.
Выбирая команду WEB ROOM для ускорения вашего сайта, вы можете рассчитывать на высокий уровень качества, профессионализма и результативности. Мы стремимся обеспечить быструю и эффективную работу вашего сайта, чтобы вы могли достичь своих целей и удовлетворить ожидания ваших пользователей.
FAQ
Почему скорость загрузки сайта так важна?
Скорость сайта влияет на позиции сайта в поисковой выдаче, на конверсию и лояльность пользователей, на устойчивость сайта к атакам и на расходы на сервера.
Как узнать скорость сайта?
Для того, чтобы узнать скорость работы вашего сайта, достаточно заказать у нас тестирование и мы предоставим развернутый отчет по скорости сайта.
Можете ли вы улучшить оценку PageSpeed Insights?
Улучшение оценки и ускорение сайта - это разные процессы. Мы не беремся за улучшение оценки, поскольку не ясен точный алгоритм формирования оценки. Мы можем выполнять его рекомендации, но это далеко не всегда приводит к улучшению оценки.
Можете ли вы уменьшить время ответа сервера?
Да, мы сециализируемся на этом и можем значительно уменьшить время ответа сервера практически любого сайта.
Сколько стоит ускорение сайта?
Стоимость всегда индивидуальна: для сайтов-визиток и блогов она обычно в диапазоне 100-400 долларов США, для интернет-магазинов и других сайтов-каталогов – 100-1500 долларов США. Точную сумму определяет диагностика, поскольку она зависит от количества и сложности найденных проблем.
Остались вопросы?
Если вы хотите получить консультацию или узнать немного больше о наших услугах, пожалуйста, напишите нам, и кто-то из нашей команды свяжется с вами в ближайшее время.