Обслуживание
Ускорение загрузки сайта
Скорость загрузки страниц сайта -- важный фактор, который не только сказывается на субьективной оценке сайта пользователем, но и объективно экономит его время. Кроме того, скорость загрузки также влияет на ранжирование сайта в поисковой выдаче.
Проверка скорости загрузки сайта
Существуют различные инструменты и сервисы, которые позволяют оценить скорость загрузки сайта. Приведем некоторые из них.
Google Page Speed
Позволяет оценить не только скорость загрузки сайта, но также и удобство его использования на мобильных устройствах. Кроме того, сервис даст советы, как улучшить скорость загрузки.
Pingdom
Pingdom показывает, как быстро загружается каждый отдельный элемент вашего ресурса: стили, скрипты, конкретные изображения. Анализируя эти данные можно ускорить или как-то улучшить их загрузку.
В сети Интернет существует множество статей, подробно рассказывающих, что можно предпринять, чтобы ускорить загрузку страниц.
1. Настройка CMS
1) Правильно настраивайте модули
Это позволит ощутимо повысить скорость отдачи страниц пользователю, особенно на сайтах с большим количеством объектов.
Чем меньше используется условий в формате вывода модулей - тем лучше.
Обратите внимание на модули "Содержимое контейнеров".
а) В некоторых модулях во вкладке "Формат вывода" в коде может стоять счетчик, контролирующий количество обрабатываемых контейнеров:
<xsl:if test="6>position()"> ... </xsl:if>
Количество контейнеров, которые должен выводить модуль, задаётся на вкладке "Источник данных" в строке "Ограничение кол-ва контейнеров", что и следует сделать (установив, обычно, значение 5), а показанную выше обёртку (первую и последнюю строки) удалить -- это ощутимо скажется на скорости загрузки тех страниц сайта, где отображается модуль (как правило, это главная страница).
б) В формате вывода вёрстку могут обрамлять условия, например, проверки типа объекта:
<%IF(<%G_TEMP%>=524)%> ... <%ENDIF%>
Тип объекта, с которым работает система, выбирается на вкладке "Типы объектов", поэтому показанную выше обёртку (первую и последнюю строки) следует удалить.
в) В модулях "Архив объектов", "Вывод содержимого объектов" и "Результаты опросов" на вкладке "Настройки" следует как можно точнее указать классификатор с расположением объектов, чтобы система не искала впустую объекты там, где их нет. Это особенно касается использования опции "из классификаторов включая подчинённые", выбор которой должен быть обусловлен объективной необходимостью.
2) Подключайте к шаблону только те скрипты и CSS, которые нужны для его работы
Например, слайдер зачастую отображается только на главной странице. Правильным в этой ситуации будет подключение скрипта слайдера только в свойствах макета Главной страницы.
2. Общие рекомендации
1) Подготавливайте изображения
Особое внимание следует уделить изображениям, размещаемым на сайте, поскольку они, как правило, имеют самый большой размер, что сказывается на скорости загрузки.
а) размеры сторон загружаемых изображений не должны превышать размеры, отображаемые на сайте. Иными словами, не следует загружать изображение 600х450 пикселей, если на сайте оно используется для миниатюры к новости в 80 пикселей по ширине. Кроме того, что это положительным образом скажется на скорости загрузки, пользователь также будет видеть картинку более чёткой;
б) изображения следует оптимизировать и использовать сжатие - при незначительной потере качества (а иногда это и вовсе незаметно) можно добиться существенного уменьшения размера файла;
в) кроме работы над качеством изображений, следует подумать и об их количестве, поскольку это тоже сократит время загрузки страницы, а заодно и добавит кофморта пользователю сайта: это не будет отвлекать его от основной информации, сохранит время. Рекомендация относится не только к фотографиям в фотогалерее, но также и к баннерам, и количеству изображений, используемых в слайдере (рекомендуем не более 7 слайдов);
2) Старайтесь не использовать ресурсы с других сайтов
По возможности следует отказаться от использования со сторонних сайтов веб-шрифтов, изображений, скриптов и CSS.
В случае проблем с их серверами пользователь сайта может получить задержку с отображением информации. Кроме того, к этим файлам Вы не имеете доступа, и в случае их изменений последствия для Вашего сайта могут быть непредсказуемыми.
3) Оптимизируйте подключаемые CSS и JavaScript
а) Лучше объединить несколько небольших скриптов и CSS в один, чтобы уменьшить количество обращений к серверу;
б) Используйте минимизацию для скриптов и CSS. Это сокращает их размер. Здесь следует отметить, что это часто создаёт сложности для последующего редактирования, поэтому не лишним будет сохранение оригинала.
Для минимизации скриптов можно использовать, например, такие онлайн-сервисы, как http://jscompress.com/ или http://javascript-minifier.com/, для CSS http://cssminifier.com/ и др.