Сайт компании долго работает (загружается). Что делать?

Что делать?

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

Возникает вопрос: каковы причины, из-за которых все медленно грузится?

Для этого надо разобраться в метриках интернет-соединений. Их две.

  1. Полоса пропускания – Bandwight. Обозначает пропускную способность канала передачи данных. Другими слова – это ширина полосы, через которую идут данные: чем она шире – тем больше данных проходит.
  2. Время ожидания – Latency. Обозначает время, за которое определенный объем данных проходит от сервера до пользователя.

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

1. Задержка сети

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

- propogation delay – задержка распределения – время, требуемое для того, чтобы данные могли пройти путь от одного узла до другого со скоростью в 2 раза ниже, чем скорость света. Так, сигнал в оптоволоконном кабеле от Парижа до Нью-Йорка дойдет за 29 мс. Обратный путь должен занять столько же времени. Значит, один запрос будет идти – 58 мс.

- transmission delay – задержка передачи – время, затраченное на то, чтобы данные попали в канал связи. Оно зависит от скорости обработки данных и размера пакетов.

- processing delay – время, занимаемое на обработку названия пакетов данных, и на выявление ошибок, а также определение местоположения пакета.

- queuing delay – время, затраченное на ожидание обработки данных.

-  “lml” (last mile latency) – требуемое время, для того, чтобы данные вышли из Сети к пользователю через провайдера.

Из всех вышеперечисленных задержек формируется показатель – «лэтенси».

2. Передача файлов и их количество

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

Сегодня браузеры в состоянии поддерживать параллельную загрузку файлов (не более 10). При использовании защищенного протокола НТТРS, количество запросов может быть увеличено на два.

3. Размер файлов

Способность канала пропускать данные зависит от их объема. Так, «бэндвич»-показатель важнее чем «лэтенси», когда речь идет о загрузке больших файлов.

4. Загрузка скриптов

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

5. Задержки мобильных сетей и Wi-Fi

В зависимости от уровня мобильной сети обеспечиваются разные показатели «бэндвича» и «лэтенси»:

Поколение

Скорость передачи

Задержка

2G

100-400 Кбит/с

300-1000 мс

3G

0,5-5 Мбит/с

100-500 мс

4G

1-50 Мбит/с

более 100 мс

 

Что касается стандартов Wi-Fi, то они разнятся от 2,4 до 5 ГГц.

2,4ГГц применяются в публичных местах, и задержка в сети при их использовании может достигать 60-65 мс. Это также касается и мест, где пересекается много сетей одновременно.

Что сделать конкретно для того, чтобы сайт заработал быстрее?

Следует открыть нужную страницу браузера, и перейти во вкладку Сеть (Network). В браузерах Google Chrome, Firefox нужно нажать клавишу F12.

Далее – следует нажать F5, для того, чтобы запустить анализ производительности. Так, во вкладке Все (All) будут отображены файлы сайта и общее время загрузки – Load.

Для того, чтобы узнать, сколько грузится один файл, нужно кликнуть по интересующему вас списку, и перейти в раздел Тайминг (Timing). В котором показатели Очередь (Queueing), Заблокировано (Stalled), Поиск DNS (DNS Lookup), Соединение (Initial connection), равны времени отклика сервера и занимают в общей сложности – менее 0,1 с.

Далее – для того, чтобы узнать, какой файл нуждается в оптимизации – нужно обратить внимание на расширение элемента, который долго прогружается. Это можно сделать в списке всех файлов: Инструменты разработчика – Network – All.

При этом, к статистическим файлам относятся файлы с расширениями: js., css., html., jpg., png., и другие.

Как оптимизировать контент?

1. Сменить используемый внешний сервер

2. Настроить кэширование данных

3. Оптимизировать скрипты

4. Настроить CMS-кэширование

5. Проверить на вирусы

6. Перейти на VPS

 

 

Позвоните нам по номеру +7-961-088-51-15