Главное Свежее Вакансии   Проекты
😼
Выбор
редакции
570 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

[Чек-лист] Как увеличить скорость загрузки сайта

11 рабочих лайфхаков в одной статье.

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

Без лишних предисловий делимся в статье 11 лайфхаками, с которыми вы сможете ускорить сайт на 1С-Битрикс.

Как измерить скорость сайта


Обычно владельцы сайтов в вопросе скорости ориентируются на показатели Google PageSpeed Insights и «Скорости сайта» на 1С-Битрикс.

О том, стоит ли измерять скорость в PageSpeed Insights, мы поделились в партнерском материале для блога Аспро. Кратко: не стоит, поскольку имитация веб-страниц идет с европейских серверов, а не российских. Вдобавок платформа:

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

Статья: Стоит ли измерять скорость сайта в PageSpeed Insights?

Для замера скорости можно использовать LOADING.express. Платформа использует для имитации загрузки серверы, расположенные в России.

«Скорость сайта» 1С-Битрикс в этом плане более достоверна, поскольку показывает, с какой скоростью сайт загружался в последние 1 000 посещений. Показатель непостоянный, ведь зависит напрямую от пользователей сайта. Меняются они — обновляется параметр. Его значение зависит от скорости Интернет-соединения пользователей, их геолокации, устройства. Из оставшихся посещений рассчитывается среднее значение.

Как ускорить загрузку сайта


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

Оптимизация кода


Обновить версию PHP как минимум до 7.4

Перейдите на версию 7.4 или на 8.0 — если ее поддерживают все модули вашего сайта. Уточните это у разработчика вашего проекта перед переходом на новую версию.

Загрузить видео на специальную платформу

Загрузите видео на YouTube или Vimeo и разместите на сайте с помощью встраивания кода. Это облегчит загрузку сайта, а дополнительно cэкономит место на хостинге.

Сократить количество запросов от браузера к серверу

Чем больше элементов на странице, тем больше запросов к серверу отправляет браузер и медленнее загружается сайт:

  1. Удалите ненужные изображения, JS-файлы, коды сторонних сервисов.
  2. Объедините элементы в один CSS-спрайт. Спрайт — это большая картинка с прозрачным фоном, вместо нескольких небольших. Работу над ними рекомендуется передать веб-разработчику.

Использовать только нужные плагины на сайте

Замените плагины на код. Например, кнопки соцсетей или страницы оформления заказа можно прописать прямо в нем. Это уменьшит затраты сервера на загрузку сайта.

Подключить «Композитный сайт» в 1С-Битрикс

Композитный сайт 1С-Битрикс — технология, которая увеличивает скорость загрузки сайта. Статическая информация сайта записывается в кэш и при повторном обращении пользователя быстро отображается.

Подключите «Композитный сайт» по инструкции нашего Справочного центра.

Не перегружать код сайта

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

Настроить оптимизацию CSS и JS

Оптимизация CSS и JS помогает уменьшить размер таких файлов и экономить ресурсы сервера. Выполните настройки оптимизации по инструкции 1С-Битрикс.

Оптимизация картинок


Сократить размер изображений на сайте можно разными способами. Основные:

  1. Уменьшение разрешения на 30-50% в редакторе или сервисе: Optimizilla, Compress JPEG, TinyPNG и др.
  2. Конвертация файлов из PNG в JPG: они весят в 5 раз меньше.
  3. Конвертация изображений в формат WebP: он эффективнее JPG на 30%. Сделать это можно прямо на хостинге.
  4. Конвертация изображений в формат AVIF: он эффективнее WebP на 20%, но пока используется не во всех браузерах.

Оптимизация хостинга


Уменьшить вес HTML-страниц

Использование алгоритма сжатия сокращает размер файлов. Gzip по умолчанию подключен на хостинге Reddock.

Дополнительно подключите алгоритм сжатия Brotli: он эффективнее gzip на 20%.

Следить за потребностями сайта в ресурсах

Чем популярнее становится проект, тем больше ресурсов требует. Все индивидуально: какому-то проекту будет достаточно увеличить память на хостинге, а другому перейти на совершенно отличный тариф.

На виртуальных серверах RED.Site мониторингом занимается система RED.Monitoring. Она уведомит о завершении ресурсов заранее, чтобы вы смогли не только предварительно увеличить место на диске или оперативную память, но сохранить сайт в онлайне.

Отключить CDN в панели 1С-Битрикс

Для включения ускорения показа страниц сайта его посетителям используется технология CDN (сеть доставки и дистрибуции контента). Это географически распределённая сетевая инфраструктура, позволяющая оптимизировать загрузку страниц веб-сайта.

Превью чек-листа:


Хотите выжать максимум? Напишите в нашу поддержку: опробуем секретные приемы :)

Статья подготовлена Reddock — хостинг для 1С-Битрикс.

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Первые Новые Популярные
Комментариев еще не оставлено
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.