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

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

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

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

Вводная информация

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

Специалисты Google выяснили, что пользователи:

• замечают замедление загрузки в 0,4 секунды;
• покидают страницы, которые загружаются более 3-х секунд;
• в интернет-магазинах откажутся от повторной покупки в 80% случаев, если в первое посещение страница загружалась долго.

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

Какой должно быть время загрузки

При оптимизации сайта скорость загрузки страниц ориентировочно считается в течение:

• 1 секунды — идеальной, но практически трудно достижимой;
• 2-3 секунд — быстрой, к которой стремятся большинство SEO-специалистов;
•  3-5 секунд — невысокой, но для части проектов допустимой скоростью;
• 6-10 секунд — низкой, которая отрицательно сказывается на продвижении;
• выше 11 секунд — недопустимой, крайне медленной, которую необходимо форсировать.

Эти показатели могут варьироваться в зависимости от местоположения и функционала сайта, его типа и объема. В некоторых нишах может быть уместна загрузка страниц в течение 5-6 секунд.

На самом популярном ресурсе по измерению и увеличению скорости сайта (называется Google PageSpeed insights) нужно добиться, благодаря рекомендациям, не менее 70-80 баллов. Это средний показатель, соответствующий примерно 2-4 секундам.

На начальном этапе проверьте следующие параметры загрузки страниц:

• time to first byte — время на стартовый отклик сервера;
• load time – время, за которое загрузятся основные элементы;
• page size — вес, то есть полный размер;
• requests — объем запросов, направляемых в базу данных, чтобы сформировать данную единицу веб-ресурса.

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

Что влияет на скорость загрузки сайта

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

•  серверную;
• клиентскую.

Первая состоит из четырех действий:

•  DNS-запроса по наименованию ресурса;
•  подключения по IP-адресу;
• соблюдения протокола HTTPS (установки зашифрованного соединения);
• запроса по URL-адресу соответствующей HTML-страницы и ожидания отклика сервера.

Клиентская часть состоит из 8 алгоритмов:

• загрузки найденной HTML-страницы;
• распознавания структуры файла браузером и создания набора запросов по очереди;
• загрузки CSS-стилей и их анализа;
• запуска загруженного предварительно JavaScript-кода;
• стартовой отрисовки страницы и работы с JS-кодом;
• загрузки веб-шрифтов;
• загрузки медиафайлов (изображений, видеоконтента и других);
• завершения отрисовки и выполнения отложенного JS-кода.

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

Чтобы заметно увеличить скорость загрузки страниц в интернете, необходимо проанализировать все этапы отдельно и обнаружить причины тех или иных проблем.

«Если сначала загрузить изображения, которые при просмотре не требуют прокрутки страницы вниз, а потом все остальные, то это привлечет внимание пользователя и параллельно ускорит загрузку сайта»

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

На что влияет скорость загрузки сайта

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

Индексация

Перед каждым SEO-специалистом стоит важная задача: обеспечить индексацию страниц в полном объеме и как можно скорее.

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

В итоге роботы не смогут индексировать новые страницы или перестанут учитывать ранее индексированные. Проведение оптимизации скорости сайтов поможет устранить проблему с индексацией.

Ранжирование

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

Если увеличить скорость загрузки сайта для Google, позиция в выдаче может не измениться. Зато оперативность показателя time to first byte (время стартового отклика сервера) существенно отразится на ранжировании: чем более быстрым будет ответ сервера, тем положение сайта выше.

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

«Чем выше процент отказов от нахождения на странице, тем ниже ее позиция в поисковой выдаче»

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

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

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

Конверсия

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

Инженеры компании Google в многочисленных опросах получают следующие результаты:

• не более 45-47% посетителей готовы подождать полной отрисовки не дольше 2 секунд;
• замедление загрузки всего лишь на 1 секунду грозит потерей лояльности 15-16% респондентов;
• неудачная попытка открыть сайт приведет к тому, что около 88-90% участников опроса не станут вновь переходить по данному адресу, а найдут более быстрый сайт у конкурентов.

Кроме того, у пользователей мобильных гаджетов также возросли требования к производительности интернет-ресурсов. Не менее 85% респондентов ответили, что хотят быстрого открытия страниц на телефонах, как на компьютерах.

От торможения интернет-ресурсов снижается не только уровень продаж, а количество внутренних переходов и продолжительность пребывания посетителя на площадке блога. Задумывая увеличить скорость открытия страниц интернета на вашем ресурсе, будьте готовы к росту конверсии и лояльности покупателей в целом к вашей компании.

Инструменты для мониторинга скорости загрузки сайта

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

Google PageSpeed Insights

Мгновенно получить оценку оптимизации сайта позволяет самый удобный и простой анализатор, который находится по адресу https://developers.google.com/speed/pagespeed/insights/?hl=RU. Вводите в строку поиска URL интересующего сайта и нажимаете кнопку «Анализировать».

Этот инструмент с помощью наглядной инфографики позволит узнать:

• скорость открытия страниц;
• уровень оптимизации для десктопной и мобильной версии сайта.

Оценка быстродействия веб-ресурса определяется двумя показателями: 

• FCP — стартовая отрисовка контента; если цифра невелика, это говорит о наличии проблем с соединением или весом используемых страниц;
• DCL — полная загрузка HTML и создание браузером объектной модели документа для хранения в памяти (DOM-дерева).

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

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

Pingdom

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

На странице Pingdom можно ввести адрес сайта и выбрать континент, а затем нажать кнопку «Start test».  Владельцам сайта с помощью этого инструмента удобно мониторить историю производительности, так как ресурс сохраняет все результаты проверок.

Отчет Google Аналитики

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

В результатах замера можно увидеть общую картину усредненной скорости:

• отклика сервера;
• поиска домена;
• процесса переадресации;
• загрузки страниц.

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

Кроме того, GA (Google Аналитика) предоставит данные о возможностях пользователя: скорости загрузки, отдельных URL-страниц в сравнении с общей производительностью проекта.

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

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

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

Я расскажу об имеющихся подручных средствах и эффективных приемах, помогающих увеличить скорость открытия страниц интернета. Уже через 5-7 минут вы сможете на практике их применить и увидеть результат с помощью вышеописанных сервисов.

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

Улучшение сервера

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

Улучшение хостинга

Недостаточность ресурсов хостинга — главная проблема для владельцев небольших блогов. В некоторых случаях рациональнее ускорить дисковую систему и CPU за счет перехода на более продвинутый тариф.

 Существует несколько типов хостинга, решающих задачи клиентов:

• виртуальный разделенный;
• виртуальный сервер (VPS);
• выделенный сервер.

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

Разделенный сервер обладает:

• невысокой стоимостью;
• бесплатными доменными именами;
• обслуживается техподдержкой и не требует специальных знаний для владельца.

VPS-сервер предоставляет:

• выделенный ресурс;
• трафик других сайтов не влияет на производительность ваших страниц;
• легко настраивать, просто масштабировать;
•  дает Root-права доступа к серверу.

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

• полное управление конфигурацией;
• Root-доступ;
• единоличное управление;
• высокий уровень защиты.

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

Настройка сервера Nginx

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

Избавление от неиспользуемых модулей nginx

Это не только ускоряет работу сервера, но и снижает риск его уязвимости. Достигается с помощью команды:

«# ./configure —without-http_autoindex_module —without-http_ssi_module

# make

# make install»

В результате вы получаете Nginx с удаленными модулями SSl и Autoindex, действие которых на практике не дает результата.

Запустите скрипт конфигурации (configure) с флажком помощи -help, и вы обнаружите другие модули, которые можно без сожаления удалять из веб-серверов.

Изменения в секции server

Чтобы увеличить скорость загрузки страницы сайта, внесите в эту секцию такие строки:

# vi /etc/nginx/nginx.conf

# Таймаут при чтении тела запроса клиента

client_body_timeout 10;

# Таймаут при чтении заголовка запроса клиента

client_header_timeout 10;

# Таймаут, по истечению которого keep-alive соединение с клиентом не будет закрыто со стороны сервера

keepalive_timeout 5 5;

# Таймаут при передаче ответа клиенту

send_timeout 10;

Они помогут сократить время и исключить задержки нескольких процессов.

Сжать данные

Желая увеличить скорость ответа сайта, проведите процедуру снижения веса передаваемого трафика. В файле конфигурации, находящемся по адресу /etc/nginx/nginx.conf , секцию http {…} пополните следующей информацией:

gzip on;

gzip_static on;

gzip_comp_level 5;

gzip_min_length 1024;

gzip_proxied any;

gzip_types text/plain application/xml application/x-javascript text/javascript text/css text/json;

В итоге уменьшится размер ваших файлов, и страницы станут открываться быстрее.

Кэширование статических файлов

В этом же файле найдите раздел server и дополните его строками:

location ~* ^.+.(jpg|jpeg|gif|png|ico|css|pdf|ppt|txt|bmp|rtf|js)$ {

root /var/www/user/data/www/site.ru;

expires 7d;

В последней из них содержится срок хранения кэша на компьютере пользователя.

«Эти действия могут выполнить только владельцы выделенных и веб-серверов, так как на обычном виртуальном хостинге редактировать конфигурацию Nginx не получится из-за отсутствия доступа.»

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

Настройка сервера Apache

Самую удобную возможность для оптимизации веб-сервера предоставляет компания Google в виде модуля mod-pagespeed. После его инсталляции подсоединитесь через SSH к серверу и введите строки:

wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-stable_current_amd64.deb

dpkg -i mod-pagespeed-*.deb

apt-get -f install

/etc/init.d/apache2 restart

Затем в директории /var/cache/mod_pagespeed убедитесь в правильной работе модуля.

«Папки вашего сайта с кэшированием запросов к серверу Apache формируются автоматически»

Этот инструмент помогает:

• устранить лишние пробелы, атрибуты HTML-документов;
• объединить файлы нескольких форматов (JS, HTML и CSS) в один;
•  конвертировать изображения в размер <img />, установленный тегом.

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

Настройка серверного кэширования

Принцип этой операции состоит в том, чтобы с помощью записей в файле ускорить выдачу сервером статичной версии сайта.

«Этими действиями вы сможете оптимизировать скорость работы своего сайта и снизить нагрузку на БД (базу данных) и сервер»

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

В новой папке, созданной вами на сервере, которую можно назвать любым допустимым именем (cash или иным), на PHP-странице с самого начала строки напишите:

<?php

  if (file_exists(‘cache/index_’.$_GET[«page»].’_’.$_GET[«id»].’.cache’))

  {

readfile(‘cache/index_’.$_GET[«page»].’_’.$_GET[«id»].’.cache’); exit();

  }

  ob_start();

  // далее идет любой ваш HTML-PHP код

  include(«includes/bd.php»);

?>

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>

…

Если на сервере существует файл index_xx_yy.cache, то скопируйте содержимое и отразите его на экране, где xx — переменная $_GET[«page»], а yy — значение переменной   $_GET[«id»].

Если такой файл отсутствует, то в папке Cash включите буфер и впишите в него все процессы, которые запущены на странице.

После тэга добавьте:

<?php

  $buffer = ob_get_contents();

  ob_end_flush();

  $fp = fopen(‘cache/index_’.$_GET[«page»].’_’.$_GET[«id»].’.cache’, ‘w’);

  fwrite($fp, $buffer);

  fclose($fp);

Внесите в $buffer все содержимое, а далее остановите буферизацию и удалите контент. Затем откройте файл index_xx_yy.cache (если его нет на сервере, то создайте) и запишите в файл  $fp данные $buffer.

Оптимизация базы данных

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

Этот процесс можно осуществить вручную, используя пункт SQL — phpMyAdmin хостинга. Но это долгий путь, гораздо проще настроить оптимизацию в автоматическом режиме с помощью специальных плагинов:

Установите программу Notepad++ на свой ПК и подключитесь к хостингу по FTP.

В папке public_html отыщите файл wp-config.php и переместите его на рабочий стол.

Откройте его приложением Notepad++ и под строкой с названием базы данных добавьте две команды:

•  define(‘WP_POST_REVISIONS’, false);
• define(‘EMPTY_TRASH_DAYS’, 1);

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

Оптимизация сетевых настроек сервера

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

TCP — сетевой протокол, пользующийся широкой популярностью. Он функционирует на базе перезагрузки окон. Чем больше число передаваемых пакетов (габариты окна), тем выше пропускная способность. Поэтому важно правильно рассчитать объем буфера TCP и настроить его. На практике разработчики часто задействуют параметры задержки и полосы пропускания, увеличив их вдвое.

Для изменения размеров буфера используйте команду Setsockopt в С, а в Java —setReceiveBufferSize и setSendBufferSize. Корректировка направлена на активизацию работы сервера и масштабных порталов. При этом необходимо помнить о регулярном обновлении системы.

Настройка TLS сокращает отклик сервера и повышает степень безопасности соединений. В файле конфигурации на Nginx выполните изменения:

• подключите раздельный кэш сессий и выключите встроенный аналог;
• проверьте, чтобы количество операций соответствовало числу процессоров;
•  дайте разрешение на keep-alive соединения;
•  продлите время сессии.

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

Количество запросов HTTP

Ускорить открытие страниц веб-проекта помогает уменьшение количества:

• интерактивных мультимедиа (Flash);
• скриптов;
• CSS;
• изображений.

На этих элементах задержка сайта может составлять до 80% времени. Как при этом сократить объем запросов, не изменяя внешний вид страниц?

Добиться такого результата помогают встроенные картинки inline images и CSS-спрайты, то есть набор из нескольких изображений или фрагментов, комбинированных в один блок.

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

Уменьшения количества редиректов

В практике продвижения сайтов часто приходится сообщать серверу, что адрес той или иной страницы был изменен. Перенаправления в виде 301-директов дают возможность обойти страницу с ошибкой 404, но при этом тормозят сайт. Особенно критична такая ситуация для владельцев мобильных устройств, когда они вынуждены совершать добавочные переходы. Специалисты Google рекомендуют по возможности сокращать количество перенаправлений.

Отыскать редиректы на сайте вам поможет программа Screaming Frog SEO Spider. Установите ее на компьютер — утилита Screaming Frog уже через несколько минут выдаст проблемные места.

Как увеличить скорость загрузки определенного движка

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

WordPress

Чтобы оптимизировать Java Script и CSS, нужно установить плагин Autoptimize. Также можно использовать при загрузке откорректированные элементы страниц из Google PageSpeed Tool.

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

Opencart

Обратите внимание на уменьшение размеров статичного контента. Модуль Google ModPagespeed отлично подойдет для Nix-систем. Кроме того, для сжатия изображений можно воспользоваться Gzip.

Joomla

Иллюстрации лучше оптимизировать под web-контент. В этом случае их вес значительно уменьшится. Не стоит загружать изображения с высоким разрешением, чтобы в дальнейшем их уменьшать через CSS и HTML. Такие элементы считаются неблагополучными и тормозят страницу.

1C Битрикс

Зайдите в административную панель этой продвинутой CMS. Вы увидите массу полезных настроек:

•  «Автокеширование»;
• «Оптимизация CSS».

В них можно выбрать интересующие функции: сжатие изображений, объединение файлов и другие.

Итоги

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

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