Скорость загрузки сайта. Время – деньги


Оглавление (нажмите, чтобы открыть):

Значение скорости загрузки сайта для бизнеса. Считаем деньги

О влиянии скорости загрузки в картинках

О влиянии скорости сайта тестом и детальней

Компания Akaimi в 2006 провела исследования влияния времени загрузки сайта на пользователей. И вот некоторые результаты:

  • 75% пользователей не вернуться на сайт, если он загружается дольше 4-х секунд;
  • поисковики уделяют внимание скорости загрузке страниц при ранжировании.

Разве 4 секунды — это долго для загрузки сайта? Оказывается для 75% людей этого достаточно чтобы больше не вернуться на сайт.

После более детального изучения вопроса, критический порог сдвинули с 4-х секунд до 8-ми.

Но это было в далеком 2006. А вот более свежие исследования той же компании сократили это промежуток всего до 2-х секунд. Раз. Два.. И все, ощутимая доля посетителей потеряна. Итоговые результаты были такими:

  • 47% пользователей ожидают, что страница будет грузится не дольше 2-х секунд;
  • 40% не дождутся загрузки страницы, если та открывается дольше 3-х секунд;
  • 52% покупателей утверждают, что скорость загрузки страницы важна для их лояльности;
  • 14% уйдут в другой магазин, если сайт будет медленным, 23% просто остановят процесс покупки или вообще отойдут от компьютера;
  • 64% пользователя вряд ли вернуться в магазин, если останутся недовольными его работой.

При этом было замечено, что молодые люди (до 25 лет) менее терпеливы и обычно ждут не более 2-х секунд.

Google интересует скорость

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

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

Это было подтверждено блогерами и веб мастерами, которые испытали влияние скорости сайта на рейтинг. Исследование показало на примере LightSpeedNow, что делая сайт быстрее прирост трафика с Google составил 15%, с Bing и Yahoo также стало больше трафика. Некоторые блогеры так же утверждают, что скорость так же влияет на количество трафика с Яндекс.

Другие веб мастера жалуются, что с учетом скорости в ранжировании поисковиками, трафик снизился. У некоторых потери составили до 80%.

Медленные сайты никто не любит

Появится ли негатив к вашему бренду? Вернуться ли когда-нибудь пользователи? Пойдут ли они к конкуренту? Какие отзывы оставят о вашем сайте? Давай выяснять.

Люди бегут от медленных сайтов

Gomez Peak Time Internet Usage Study провели свое исследование с 1500 потребителей (февраль 2010), которое подтверждает негативное влияние низкой скорости сайта:

  • в часы пик 75% посетителей ушли на сайты конкурентов не дождавшись загрузки сайта;
  • 88% пользователей высказались, что вряд ли вернуться на сайт после неудачной попытки его открытия;
  • больше половины выразили менее позитивное мнение о компании в целом, чей сайт медленно открывался;
  • более трети поделились негативным впечатлением со знакомыми.

Подытожим — если твой сайт медленный, посетители будут недовольны и скорей всего пойдут куда-то еще.

Люди остаются на быстрых сайтах

Изучение проблемы на примере Aptimize показали, что ускорение сайта Geekzone дало следующие результаты:

  • 35.10 процентное увеличение времени пребывания на сайте;
  • 13.63 процентное увеличение числа просмотренных страниц за одно посещение;
  • 3.7 процентное сокращение числа отказов.

Исследование 2004 года проведенное Skadberg & Kimmel показали, что скорость влияет на оценку посетителями привлекательности содержания сайта и его оценку в целом. Другими словами, если твой сайт работает медленно, люди будут считать, что контент тут менее полезный/интересный, чем на самом деле, несмотря даже на качественное и авторское содержание.

Дополнительные выводы исследования:

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

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

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

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

Поэтому разогнав свой сайт, ты в двойне «обрадуешь» Google: сайт стал быстрее и улучшилось удовлетворенность пользователей. Это объясняет почему владельцы сайтов получали такие положительные результаты ускорив свои проекты.

Счет идет на миллисекунды

Монстры веб индустрии копнули глубже и доказали, что имеют значение даже миллисекунды:

  • Каждые дополнительные 100мс загрузки Amazon.com снижали продажи на 1% (Kohavi and Longbotham 2007).
  • В Google обнаружили, что с увеличением числа отображаемых результатов в поиске с 10 (страница открывалась за 0.4 сек) до 30-ти (загрузка = 0.9 сек) привела к снижению трафика и доходов от рекламы на 20% (Linden 2006).
  • также в Google заметили, что задержка в 400 миллисекунд привела к потери 0.59% пользователей. Более того, даже после того как задержка была устранена, из потерянных пользователей почти половина не вернулась. Это доказывает, что медленную загрузку сайта пользователи воспринимают как долгосрочное явление.

Всего за полсекунды можно потерять 20% своих пользователей!

Yahoo так же обнаружили, что дополнительные 400 миллисекунд — и 5-9% пользователей не дождутся загрузки страницы.

Вывод

Вполне возможно, что в некоторых случаях всего 1 секунда может привести к снижению доходов на 50%.

Back-end и front-end влияют на время загрузки страницы в соотношении 10/90.

Время загрузки страницы сайта — какое считать оптимальным и как его достичь

11 декабря 2020 года. Опубликовано в разделах: Азбука терминов. 4601

Больше видео на нашем канале — изучайте интернет-маркетинг с SEMANTICA

Основные понятия

Скорость загрузки сайта разделяется на два типа: клиентская загрузка и серверная. Они одинаково важны для скорости загрузки страницы, но у каждой из них свои особенности. Серверная загрузка отвечает на все запросы и этапы связанные со скоростью работы сервера (DNS запрос, установление защищенного соединения, запрос HTML страницы и ожидание и т.д.) Клиентская отвечает за все этапы загрузки страницы, зависящие от сайта и его изначального наполнения.

Среднее время загрузки страницы сайта варьируется от улучшенного времени загрузки (1-1,5 секунды) до оптимального в 2 секунды. Замедление скорости загрузки страницы даже на 200 милисекунд приводит к потере тридцати шести процентов переходов за шесть недель. Если же время загрузки замедлится еще вдвое (400 мс) то процент переходов упадет на семьдесят шесть процентов.

Медленными считаются сайты на загрузку которых тратится от 3 секунд и более.

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

Измерение скорости работы сайта

Один из самых животрепещущих вопросов, связанных с измерением скорости сайта – это что измерять? Ниже представлены основные важные пункты важный для того, чтобы проверить время загрузки страницы сайта:

  • Загрузка основных элементов страницы.
  • Полная загрузка сайта.
  • TTFB – time to first bite. Это время, за которое страницы выдает первые результаты загрузка.
  • Начало рендеринга (измерения покажет время от конца «белого экрана» до прорисовки элементов страницы).

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

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

  • Использовать панель разработчика в браузере.
  • Запустить аудит сайта (через вкладку Audits. Используя плагин, мы получаем скорость работы сайта на мобильных устройствах).
  • Использовать веб-сервис (например WebPagetest. Сервис загрузит сайт в браузере и даст отчет по этапам и метрикам).
  • Воспользоваться сервисом Google PageSpeed Insights (не дает детального отчета, но поможет быстро сформировать основные моменты из-за которых сайт «тормозит»).

Эти способы связаны с измерением клиентской скорости. Когда измеряется серверная скорость, чаще всего это делает веб-мастер и для измерения скорости он проверяет:

  • Ресурсы хостинга,
  • Сервисы базы данных,
  • Влияние CMS и программного кода,
  • Кэширование.

Оптимизация скорости работы сайта

Оптимизация скорости загрузки страницы это одна из самых важных глав для успешности вашего сайта.

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

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

Клиентская


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

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

Есть несколько популярных примеров.
Самый известный сервис для проверки скорости это Google PageSpeed Insights. Он довольно точно и наиболее широко укажет что именно в работе вашего сайта нужно поправить для его ускорения.

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

  1. Провести анализ основного контента сайта. Сжимание размера картинок и оптимизируя дизайн можно сильно ускорить время загрузки сайта.
  2. Сократить количество рекламы.
    Да, безусловно, количество рекламы напрямую влияет на вашу прибыль. Но не стоит забывать, что ее излишнее количество, увеличивая оптимальное время загрузки сайта уведет от вас потенциального пользователя, а значит повлияет на целевую аудиторию. Реклама влияет как на скорость загрузки, так и на поведенческий фактор. Избыток рекламных баннеров отпугнет потенциального посетителя.
  3. Проанализировать ошибки в коде (валидация).
  4. Воспользоваться хорошим хостингом.

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

Серверная

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

  1. Сбрасывание кэша.
    Самый простой и популярный способ ускорения работы сервера. Этот способ связан с тем, что не все элементы страницы легко кэшируются, и если вопрос замедления можно решить этим способом, то он наиболее эффективен.
  2. Улучшение сервиса базы данных.
    Один из мощных способов, с помощью которого, можно получить действительно сильное ускорение.
  3. Оптимизация «движка» сайта.
    В частности, оценить все дополнительные модули, плагины, которые работают не только с серверной стороны, но и со стороны создателей страницы и сайта.
  4. Вынос статического контента.
    Перенос статического контента в память и снятие этой задачи с сервера.

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

Заказать ускорение загрузки сайта от 500 руб.

Kwork — это удобный магазин фриланс-услуг.
Адекватные цены, скорость, а главное, 100% гарантия возврата средств!

Заказать ускорение загрузки сайта от 500 руб. легко, как купить товар в интернет-магазине

Выберите услугу

Десятки тысяч услуг в каталоге и отличные предложения на бирже ?

Мастер Йода рекомендует:  Что обо мне знают соцсети и можно ли заставить их забыть

Среди десятка тысяч услуг

Оплатите

Один клик, и услуга
заказана ?

Получите результат

Качественный результат в срок и гарантия возврата средств ?

Качественно и в срок

Лучшие предложения от фрилансеров

Закажите на Kwork — сэкономьте время, деньги и нервы

В среднем 1 день 11 часов

Из 70 000+ исполнителей

СТУДИИ KWORK
Скорость выполнения
Выбор исполнителей
Простота заказа

Долгие согласования, длинные ТЗ, подписание договора и другая головная боль

Пара кликов — заказ готов. Минимум обсуждений

Возврат средств

Вероятность стремится к нулю

100% гарантия возврата в 1 клик

Ускорение загрузки сайта — реальные кейсы

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

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

9 сервисов для проверки скорости сайта

Добрый день, дорогие друзья! Сегодня мы обсудим с вами скорость загрузки сайта.

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

В конце статьи вас ждет несколько новостей.

Скорость загрузки страниц сайта имеет огромное значение.

Если Вы с этим не согласны, то предлагаю ознакомиться со статистикой:

  • Дополнительные 400 миллисекунд приводят к падению трафика на 5-9%.
  • Для Google дополнительные 500 миллисекунд приводят к тому, что его поиском пользуются на 20% меньше посетителей.
  • 100 миллисекунд стоят Amazon 1% прибыли;
  • 1 из 4 пользователей Интернета закрывает сайт, если он загружается дольше 4 секунд. Думаю, и Вам иногда надоедало ждать загрузки какого-нибудь сайта и вы искали информацию в другом месте. Мне приходилось.
  • 50% пользователей , которые выходят в сеть с мобильных телефонов, закрывают сайт, если ожидание превышает 10 секунд.
  • Кроме того, трое из пяти больше не вернутся на этот сайт.
  • 8 секунд ожидания и вы можете потерять более 47% пользователей (стоит забеспокоиться и начать действовать)

Еще в 2010 году поисковая система Google объявила достаточно четко, что скорость загрузки сайта будет влиять на его позицию в поисковой выдаче.

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

Почему Google уделяет такое значение скорости

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

А во-вторых, Гугл, как и любая компания, желает сократить свои расходы, а медленный сайт стоит ему дорого.

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

Время загрузки и время отображения страницы

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

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

Как люди воспринимают загрузку страницы

  • Память и внимание человека ограничены. Он не может воспринимать множество вещей одновременно и он может легко отвлекаться на что-то новое.
  • Человек любит контролировать то, что он делает и ненавидит ждать (это точно :)).
  • Время отклика 0,1 секунды дает людям впечатление мгновенности.
  • Время отклика в 1 секунду производит впечатление спонтанности и непрерывности. Пользователь может почувствовать задержку, но не обратит на нее особого внимания.
  • От 1 до 10 секунд и у пользователя складывается впечатление, что он зависит от милости компьютера, что его очень раздражает. За 10 секунд вы определенно потеряете внимание пользователя.

Уверена, что вы убедились в необходимости ускорить свой ресурс и мы переходим ко второму этапу: к проверке скорости загрузки сайта

Проверка скорости загрузки сайта

Я подготовила список из 10 инструментов. О двух самых интересных вы узнаете в конце статьи, так что дочитайте до конца.


Указываете название блога и нажимаете «Test Now». Получаете результат. Лучше проверить несколько раз, так как результат каждый раз будет отличаться, и вывести среднее арифметическое.

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

Указываете домен и жмете «Continue». Данный сервис позволяет проверять одновременно до 10 сайтов.

Все как и в предыдущем сервисе только на русском языке.

Можно проверять скорость ресурса 5 раз в день.

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

6. Если у вас в браузере установлено расширение от Alexa Rank, то вы знаете что и Алекса тоже показывает скорость сайта, вот только данные обновляются не каждый день а ежемесячно, что не очень удобно.

7. Page Speed Insights

Скорость загрузки вы также можете проверить с помощью Инструментов вебмастеров от Google. Выбираете раздел «Лаборатория» — «Эффективность сайта» -«Page Speed Insights»:

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

Данный сервис является онлайн вариантом расширения для браузеров Page Speed. Он удобен, но я предпочитаю 2 других. О них и расскажу далее.

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

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

Единственный недостаток этого сервиса — это то, что он на английском языке и если при измерении скорости проблем особых не возникнет, то понять рекомендации смогут не все. Для тех, кто не владеет английским, есть плагин Page Speed.

9. Плагин Page Speed

Работает по этому же принципу, но его достоинством является то, что он руссифицирован, а значит будет легче разобраться, что делать.

Расширение Page Speed существует и для Google Chrome, и для Firefox, но я рекомендую использовать его в последнем браузере. В Chrome данное разрешение у меня выдает подсказки, но вот количество баллов не показывается.

О том, как установить данный плагин в Firefox и как проверить скорость загрузки сайта смотрите в видео уроке:

Как вы видите, различные сервисы дают совершенно разные результаты: от долей секунды до нескольких секунд, поэтому и проверять стоит несколькими инструментами. У меня наибольшее доверие вызывает Page Speed. А какой сервис предпочитаете вы?

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

ТОП-12 вариантов, как улучшить скорость загрузки сайта самому

Медленный сайт не нравится никому – ни пользователям, ни поисковикам. При нынешней скорости интернета люди уже не готовы долго ждать загрузки страницы. Это вам не подключение по диал-апу, где ожидание было неизбежно. А поисковые системы, борясь за качество результатов поиска, не хотят выдавать пользователям плохие (в данном случае, медленные) сайты. Поэтому при прочих равных медленный сайт будет в выдаче ниже, чем его более шустрые конкуренты.

Какую скорость загрузки считать нормой

Чем быстрее, тем лучше. Но в среднем, 2-3 секунды для загрузки основной части контента страницы – это вполне нормально.

От чего зависит скорость загрузки

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

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

  • Медленный сервер: может банально не хватать оперативной памяти или ядер в процессоре, как у обычного компьютера.
  • Медленный движок сайта (CMS): если код был написан неопытными программистами без учета его быстродействия.
  • Сервер далеко от пользователя: например, сервер с файлами сайта физически находится в Москве, а на сайт заходит пользователь из Владивостока.
  • Много файлов: для отображения страницы браузеру нужно загрузить много картинок, файлов, стилей, скриптов и шрифтов.
  • Тяжелые файлы: плюс эти файлы много весят.

Все шаги по оптимизации скорости сайта направлены на устранение данных проблем.

Как проверить скорость сайта

Из множества онлайн-сервисов для проверки скорости сайта самый популярный, пожалуй, это инструмент Google PageSpeed. Работать с ним просто – указываем адрес сайта и жмем кнопку «Анализировать».

В результате мы увидим такие показатели (отдельно для компьютеров и для мобильных):

  • Через какое время браузер получает ответ от сервера и начинает отрисовывать контент страницы (FCP – First Contentful Paint).
  • Через какое время пользователь видит основной контент в браузере (DCL – DOM Content Loaded).
  • Насколько сайт оптимизирован в плане скорости загрузки.
  • Конкретные рекомендации по оптимизации. Нажимая на ссылки «Как исправить», видим адреса проблемных картинок и файлов, с которыми нужно что-то сделать (в основном, сжать).

Желательно попасть в зеленую зону – и в блоке «Скорость сайта» (Page Speed), и в блоке «Оптимизация».

Еще один хороший сервис для проверки скорости загрузки, правда, на английском – Pingdom. Отличительная черта – вот такие красивые графики (называются waterfall – водопад) показывают какие файлы, в каком порядке и сколько времени загружаются:

А теперь к сути:

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

Шаг 1. Оптимизация картинок

Неоптимизированные картинки – самая «тяжелая» часть сайта. Поэтому работа с картинками может дать значительный прирост к скорости.

Размер картинок (ширина и высота)

Если вы отсняли товар и получили фотографии шириной около 5000 пикселей, можете смело уменьшать ширину до 1600, в большинстве случаев этого будет достаточно. Исключением будут те сайты (в основном, интернет-магазины), где можно рассмотреть товар с «лупой», но и там увеличенная картинка загружается не сразу, а только если человек решил воспользоваться этим инструментом.

Вес картинок (килобайты)

Изображения с фотоаппарата можно (и нужно) сжимать в объеме перед выкладкой на сайт. Делают это либо в Фотошопе (или другом редакторе изображений), либо через онлайн-сервисы, например, TinyPNG или Optimizilla.

Превью к большим картинкам

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

Например, Спортмастер использует картинки товаров в трех вариантах:

Картинка для списка товаров (весит 7 Кб)

Картинка для карточки товара (весит 18 Кб)

Картинка для просмотра товара с «лупой» (весит 942 Кб)

Представьте, как долго загружался бы список товаров, если бы Спортмастер использовал только исходные картинки (те, что по 900 с лишним килобайт).

При проверке скорости сайта через Google PageSpeed вы получите готовый список картинок, которые следует оптимизировать:

Шаг 2. Gzip-сжатие

Gzip – это программа для сжатия файлов на сервере (аналог zip-архивов на компьютере). При включенном Gzip сервер, перед тем как отправлять браузеру код страницы (а также скрипты, стили и прочую текстовую информацию), сперва заархивирует эти файлы. Браузер получит архив и распакует его на компьютере пользователя. Сжатая информация будет передаваться быстрее между браузером и сервером.

Как включить Gzip-сжатие:

Если у вас есть доступ к файлу htaccess, добавьте в него такие строчки (в конец файла):

Если у вас не Apache, а Nginx (кто знает, тот поймет), то вам понадобится файл конфигурации nginx.conf. Дописываем код в секцию http <. >и перезапускаем сервер:

Если у вас нет доступа к htaccess или конфигурации сервера, напишите в техподдержку хостинга, что вам нужно включить gzip-сжатие.

Если сжатие работает, то в результатах проверки PageSpeed вы увидите (в блоке «Внедренные приемы оптимизации»):

Шаг 3. Кэширование на стороне браузера

Когда браузер загружает сайт, то он сохраняет часть информации с него (файлы стилей, скриптов, картинки) в свою собственную память (кэш, cache). Тогда на других страницах этого сайта или при повторном заходе на текущую страницу браузер не будет запрашивать эту информацию заново с сервера (что долго), а подгрузит ее из собственной памяти (что быстрее). Поэтому в настройках браузера есть кнопки «Очистить кэш», и все мы знаем сочетание клавиш CTRL+F5 (обновить страницу с очисткой кэша).

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

Через файл htaccess (кэшируем статические файлы на 10 дней):

Для Nginx добавляем в конфигурацию:

* \.(jpg|jpeg|gif|png|ico|css|js|txt)$ <
root /var/www/user/data/www/site.ru;
expires 10d;
>
.
>

Если к настройкам сервера доступа нет, опять же пишем в техподдержку и просим настроить кэширование статических файлов.

Аналогично списку картинок, Google PageSpeed выдает список ресурсов, для которых кэширование не настроено, а можно было бы:


Обратите внимание, что настроить кэширование вы можете только для своих ресурсов. Изменить настройки кэша, например, для скриптов Яндекс.Метрики уже не получится.

Шаг 4. Минимизация css- и js-файлов

Минимизация – это сокращение объема файла за счет удаления пробелов, пустых строк, комментариев, использования более коротких имен переменных и т.п. Браузеру все равно, с каким файлом работать – обычным или минимизированным, а весит такой файл меньше.

Пример обычного кода:

Популярные плагины и библиотеки (jQuery, Bootstrap и пр.) всегда имеют минимизированные версии своих скриптов и стилей – подключайте на сайт именно их. Например, обычная версия скрипта jQuery весит 265 Кб, а ее сжатый вариант – 85 Кб. Чувствуете разницу?

Единственный минус минификации – теряется читабельность файла. Если понадобится внести изменения в сжатый файл – сделать это будет сложно, человеку работать с таким файлом неудобно (там одна сплошная строка). Поэтому для минификации своих скриптов обычно используются дополнительные плагины к CMS – они автоматически сжимают css- и js-файлы перед загрузкой на сайт. А верстальщик при этом может спокойно работать с обычными версиями файлов.

PageSpeed и здесь заботливо показывает нам список файлов, размер которых можно уменьшить за счет минимизации:

Шаг 5. Порядок загрузки css- и js-файлов

Браузеры имеют свои алгоритмы для наиболее быстрой загрузки страниц (никто не хочет прослыть «тормозным» браузером). Поэтому, получив код страницы, браузер пытается вычислить, какие из подключаемых файлов ему нужно начать загружать в первую очередь. Иногда бывает так, что браузер уже добрался до отрисовки какой-нибудь формы на странице, а файл со стилями для нее еще не загрузился – тогда отрисовка остановится.

Чтобы браузер мог загружать файлы сайта оптимальным образом, рекомендуется все файлы стилей (css) и шрифтов подключать в начале кода страницы (в теге ), а все файлы скриптов (js) – в конце страницы, перед закрывающим тегом

10 сервисов, чтобы проверить скорость загрузки сайта

Мало у кого хватит терпения дождаться загрузки страницы, если процесс занимает больше 5 секунд. Кроме того, чем быстрее сайт грузится — тем лучше для SEO. Так что скорость загрузки сайта важна и для клиентов, и для поисковых систем.

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

В интернете карают за низкую скорость

Проверка скорости сайта: как это делается

Хорошая скорость загрузки страницы — 0.35–0.38 секунд. Такие результаты показывают сайты в топе выдачи. Чтобы посчитать это время, нужно измерить так называемую «скорость ответа сервера» — как быстро он реагирует на запрос клиента (браузера).

Вебмастеры измеряют скорость загрузки с помощью различных сервисов — платных и бесплатных, простых и «навороченных». В этой статье перечислим самые популярные из них.

Google PageSpeed Insights

Google PageSpeed Insights бесплатно измеряет скорость загрузки и на мобильных, и на стационарных устройствах. Рейтинг определяется по 100-балльной шкале: чем больше баллов, тем лучше. Если ваш сайт получил более 85, значит, все хорошо. Не стремитесь получить 100 баллов. Это не удается даже сервисам Google.

Чтобы проверить сайт, введите URL в строку на странице developers.google.com. Сервис оценит скорость и предложит варианты, как улучшить показатели:

Это простой и понятный сервис без тяжелого функционала.

Оптимизировать сайт в режиме реального времени поможет модуль PageSpeed Insights. Правда, в этом случае уже понадобится помощь разработчика.

Яндекс.Вебмастер

Посмотреть скорость ответа сервера на запрос робота «Яндекса» можно с помощью инструмента webmaster.yandex.ru. Он покажет время ответа в миллисекундах:

Если код ответа — «200 ОК», с сайтом все в порядке. Если какой-то другой («404 Not Found», «301 Moved Permanently»), у вас проблемы.

Как и у Google, у «Яндекса» это бесплатный сервис, которым можно пользоваться без регистрации и глубокого понимания бекенда.

Pingdom

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

Если на сайте возникли неполадки, Pingdom пришлет уведомление. Есть приложения для Android и iOS, чтобы вы следили за скоростью ресурсов в режиме реального времени.

Сервис собирает статистику скорости за период времени и предоставляет подробный отчет об ошибках. Тип проверки можете выбрать сами: HTTP(S), TCP port, Ping, DNS, UDP, SMTP, POP3 and IMAP.

Самый большой минус Pingdom — то, что сервис платный. Цены начинаются с $9,95 в месяц.

Sitespeed.ru

Еще один популярный инструмент в рунете — sitespeed.ru. Интерфейс простой и понятный: пишешь URL, запускаешь тест, получаешь результат. Сервис дает подробное описание, как справиться с каждой проблемой сайта:

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

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

GTMetrix

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

Тестировать скорость можно из нескольких регионов. Кроме того, сервис анализирует эффективность ресурса на мобильных устройствах.

До трех URL можно мониторить бесплатно. Больше сайтов можно подключить на премиум-тарифах (от $14,95 в месяц). Они включают и другие интересные возможности, например, брендированные отчеты о скорости сайта и запись видео с загрузкой, чтобы увидеть узкие места в режиме реального времени.

«Ой, все! Я найду другой сайт» — как увеличить скорость загрузки сайта, чтобы не терять клиентов

Получайте новые статьи на эл. почту

Даже сейчас, когда скорость интернета у большинства провайдеров превышает 100 Мбит/сек, а мобильные операторы развивают 5G, вопрос о скорости загрузки сайта остается актуальным. Этот параметр существенно влияет на конверсию, показатель отказов, посещаемость и другие важные для бизнеса KPI. Потому что при прочих равных условиях человек выберет тот сайт, который быстрее загружается и не заставляет его ждать. Об этом нам говорят логика, личный пользовательский опыт и многочисленные исследования на тему, которые можно найти в сети. Вот, например, исчерпывающая подборка кейсов с цифрами, как компании экспериментировали со скоростью загрузки.

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

В статье мы расскажем:

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

  1. Клиенты уходят к конкурентам — им проще вернуться в поисковик и выбрать следующий сайт.
  2. Задержка загрузки на 0,1 секунду уменьшает конверсию на 7% (согласно исследованию Akamai).
  3. Снижается вероятность, что пользователи вернутся на сайт. Google говорит, что из-за негативного пользовательского опыта вероятность повторной покупки снижается на 60%. Правда, речь про мобильные версии.
  4. Скорость загрузки влияет на ранжирование сайта в поисковиках. Если сайт долго грузится, робот поисковой системы может не успеть его полностью проиндексировать.

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

Как проверить скорость своего сайта

Есть много онлайн-сервисов, которые позволяют проверить быстроту загрузки страниц — достаточно ввести нужный URL. Рассмотрим три самых интересных, на наш взгляд. Для примера будем использовать сайт https://shop.googlemerchandisestore.com/.

1. PageSpeed Insights

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

Если страница показывает не самые лучшие результаты (как в нашем примере), сервис дает конкретные советы, как ее оптимизировать.

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

Кстати, рекомендации PageSpeed Insights можно увидеть в отчете Google Analytics «Ускорение загрузки», если кликнуть на ссылку в соответствующем столбце:

Вообще, группа отчетов «Скорость загрузки сайта» (Site Speed reports) в GA — полезная штука. Если раньше вы не уделяли должного внимания этим отчетам, рекомендуем периодически их просматривать, чтобы отслеживать показатели в динамике и вовремя реагировать на проблемы.

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

Допустим, ваша целевая аудитория находится в Германии. Если вы посмотрите на отчет выше, то увидите, что одна из важных страниц вашего сайта в этой стране грузится очень медленно (19,24 сек.), при этом у нее 140 просмотров. Чтобы ускорить загрузку, нужно оптимизировать страницу. Если же в этом регионе или у этого провайдера скорость интернет-соединения слишком мала для вашего сайта, можно создать альтернативные страницы, адаптированные для низкой пропускной способности.

2. Pingdom Tools

Это один из самых информативных и популярных сервисов для проверки скорости. У него есть бесплатная и платная десктоп-версии, а также мобильное приложение с 14-дневным trial.

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

Кроме того, в бесплатной версии Pingdom Tools вы можете:

  • Отслеживать историю производительности сайта после изменений. Находить ошибки 404 и 500, чтобы вовремя их устранять.
  • Просматривать размер содержимого страницы по типу контента и домену, а также количество запросов браузера.
  • Тестировать загрузки сайта с разным местонахождением.
  • Делиться результатами анализа с коллегами.

3. GTmetrix

По функционалу этот сервис очень похож на Pingdom Tools, разве что предоставляет информацию в более удобном и организованном виде. Бесплатная версия показывает браузер и локацию сервера, используемого для тестирования, производительность страницы (PageSpeed и YSlow), время загрузки, количество запросов и общий размер страницы. Учитывая, что сервис сохраняет историю проверок, этих метрик будет достаточно, чтобы анализировать скорость загрузки вашего сайта в динамике.

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

После проверки сайта вы можете прикинуть, сколько заработаете, если ускорите загрузку. Например, с помощью калькулятора от Google или Sharpe Digital.


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

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

1. Страницы большого размера

Чтобы сократить объем данных, передаваемых в браузер пользователя, используйте сжатие GZIP. Это позволит уменьшить размер веб-файлов на 70% без ухудшения их качества. Проверить, доступен ли этот метод сжатия для вашего сайта, можно с помощью сервиса GiftOfSpeed или GTmetrix.

2. «Тяжелые» изображения

Изображения большого размера и разрешения значительно тормозят загрузку страницы. Чтобы этого избежать, используйте JPEG картинки вместо PNG — они весят в 5 раз меньше, не уступая при этом в качестве. Уменьшить размер изображения вы можете с помощью любого онлайн-оптимизатора: Optimizilla, Compressor, Imagify, TinyPNG и т.д. Или, например, можно прогнать картинку через Photoshop и сохранить ее в специальном формате, предназначенном для веб-сайтов. Главное — не переусердствовать и найти золотую середину между качеством и размером файла.

3. Много запросов от браузера

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

  • Удалить лишние изображения, JS-файлы, коды сторонних сервисов.
  • Объединить несколько небольших элементов (иконки, кнопки) в один CSS-спрайт с помощью CSS Sprites generator, CssSpritegen, Spritebox или любого другого генератора.
  • Использовать кэширование. Каждый раз, когда человек заходит на сайт, его браузер загружает все веб-файлы с сервера. Если включить кэширование, браузер сохранит данные на компьютер пользователя и при повторных визитах будет загружать их уже оттуда. Вы можете подобрать себе кэш-плагин для ускорения работы сайта в зависимости от того, какая у вас CMS. Например, для WordPress подойдут WP Super Cache, W3 Total Cache, Hyper Cache.

4. Перегруженный код JavaScript и CSS

Если код JavaScript и CSS слишком длинный, содержит много лишних элементов (пробелы, комментарии и т.п.), то страница может загружаться с задержками. Чтобы оптимизировать код, вы можете:

  • Сократить название функций и почистить код с помощью специальных сервисов, например: JavaScript/CSS/HTML Compressor, CSS Compressor, JSCompress.
  • Разместите CSS-файлы в самом начале страницы — так она будет отображаться постепенно, по компонентам.
  • Вынесите JS-файлы в конец страницы. Благодаря этому браузер будет сначала загружать контент страницы, а и уже потом скрипты.

5. Большое расстояние между сервером и пользователем

Чем дальше от компьютера находится сервер вашего хостинг-провайдера, тем медленнее загружается сайт. «Сократить» это расстояние помогут сети доставки контента CDN: Amazon CloudFront, Incapsula, Akamai и другие. Когда человек заходит на сайт, CDN загружает веб-файлы со своего сервера, находящегося ближе всего к пользователю. Эта схема прекрасно иллюстрирует принцип работы CDN-сетей:

6. Медленный хостинг

Если вы попробовали все описанные выше советы, а скорость сайта оставляет желать лучшего, проверьте время ответа сервера. Например, это можно сделать в отчете Google Analytics «Скорость загрузки сайта» → «Обзор»:

На скриншоте мы видим, что среднее время ответа сервера 0,8 секунд. Это не очень хорошо, так как в идеале оно не должно превышать 0,2 секунды. Если у вас этот показатель намного больше, возможно, стоит задуматься о смене хостинг-провайдера.

Как регулярно мониторить скорость сайта

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

Если вы собираете данные в Google BigQuery с помощью OWOX BI Pipeline и хотите отслеживать основные технические показатели сайта, заполните форму — и мы пришлем вам шаблон дашборда, который можно скопировать, а также гайд, как его настроить.

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

  1. Количество пользователей.
  2. Количество сеансов.
  3. Количество просмотров страниц.
  4. Ошибки JavaScript.
  5. Ошибки 404.
  6. Среднее время загрузки страниц.
  7. Среднее время соединения с сервером.

На втором листе можно узнать подробную информацию по ошибкам JavaScript:

  • Общее количество ошибок за выбранный период.
  • Количество ошибок на страницу.
  • Количество сессий с ошибками.
  • Сколько процентов пользователей столкнулись с ошибками.
  • На каких страницах и типах страниц происходят ошибки (для отслеживания типов страниц, необходимо внедрить pageType на сайте, а также создать пользовательскую переменную уровня хита hits.page.pageType).
  • В каком браузере и его версиях происходят ошибки.

На третьей странице представлена подробная информация об ошибках 404:

  • Общее количество ошибок.
  • Количество ошибок на страницу.
  • Количество сессий с ошибками.
  • Количество пользователей, у которых возникли ошибки.
  • А также рефералы, после которых возникли ошибки.

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

На четвертой странице информация по десктопу:

На пятой странице данные по планшетам и мобильным устройствам:

Теперь вы знаете, как заставить свой сайт «летать» 🙂 Если у вас остались вопросы или вы знаете другие способы уменьшить время загрузки страниц, пишите их в комментариях.

Какова нормальная-оптимальная скорость загрузки сайта?

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

У меня на сайте показывает 1 секунду в среднем. Смотрю по pr-cy.ru/speed_test

  • Вопрос задан более трёх лет назад
  • 32010 просмотров

Чаще всего на юзер экспириенс влияет не то, насколько быстро выполняются ваши скрипты (если, конечно, не присутствует откровенно неверное взаимодействие с базой данных), а тот факт, как грузится фронтэнд. Хорошо в этом вопросе разобрались ребята из Яху

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

150 мс если память не изменяет примерно идет пакет из Европы в Америку. В пределах 100 мс на генерацию страницы считается нормальным во всяких Яндексах и Mail.ru. Итого 0.4 сек на запрос. Плюс после этого придется еще подгрузить CSS, картинки и JS. Делается это параллельно — итого 0.7 сек по идее ОК. Если больше, то нужно разбираться, во что упираетесь.

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

Если вдруг кто увидит этот вопрос и ответы в 2020-2020, то знай.

Твой сайт быстрый, если загружается от 0 до 3 секунд.
Вес страницы не должен превышать 1 мегабайта.
Количество HTTP запросов от 50 до 100 на страницу.

Как это всё измерить. Главное не замеряй в одном сервисе. Благо их сейчас как … много короче.
Вот тут я описал их все: https://vc.ru/services/72263-20-instrumentov-dlya-.

А вот какими я сам пользуюсь, чтобы точно понять куда копать:

Сначала нужен экспресс отчет: https://loading.express — тут будет выжимка быстро и коротко.

Потом замеряю в https://gtmetrix.com/, чтобы понять вес страницы и запросов сколько, ну и конечно скорость загрузки на неограниченной проверке.

Ну и в конце смотрю на Google PageSpeed Insights.

Что за бред. Как Вы мерите время? Только не говорите, что это время ответа сайта на localhost-е.

По факту: соединение (послание и возврат запроса) по http в среднем занимают 2 секунды. Остальное время фактически занимает обработка запроса сервером. Прорисовкой на клиенте можно пренебречь, т.к. она по времени очень мала. Время обработки запроса на сервере зависит напрямую от нагрузки на сервер (линейная зависимость).
Нужно получить среднее время выполнения скриптов (например, с помощью трассировки) умножить на ожидаемую нагрузку запросов в секунду и прибавить 2 секунды. В итоге вы получите время ответа на запрос в реальных условиях. Если оно в пределах 4 секунд, то вполне приемлемо.

Я написал, что на pr-cy.ru проверил — там 1 секунду показывает. А тут 2,8 с tools.pingdom.com/fpt/!

У хостеров спрашиваю — они говорят сайт нормально грузится — 2-3 секунды/.

Как время загрузки страницы влияет на ранжирование сайта в поиске

Вам нравится, когда сайт медленно грузится? И часто вы возвращаетесь на сайты, страницы которых загружаются медленно? Скорее всего, нет!

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

Основная причина в том, что в Google увидели тенденцию, которая показала, что посетители реже пользуются Google, когда Google показывает «медленные» сайты. А если вы перестаете использовать Google и начинаете пользоваться другими поисковыми системами, Google зарабатывает меньше денег на контекстной рекламе.

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

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

Нажмите на изображение ниже, чтобы увидеть его в увеличенном виде:

Как время загрузки влияет на ранжирование

Когда Google показывает в поиске медленные сайты, люди перестают пользоваться Google:

  • Стандартное время загрузки сайта — 2 секунды;
  • Медленная загрузка сайта — больше 3-х секунд.


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

  • на 76% меньше переходов через 6 недель при задержке в 400 мс;
  • на 36% меньше переходов через 6 недель при задержке в 200 мс.

И это действует не только на Google!

В Shopzilla сократили скорость загрузки страниц сайта на 3 секунды и получили на 25% больше просмотров страниц, на 7-12% возрос доход, на 50% снизилась нагрузка на сайт.

Как это работает?

Google может проверить скорость загрузки 2 способами:

  • Через Google Chrome;
  • Через Google Toolbar.

Если 1 из 100 посетителей имеет проблемы со скоростью загрузки, это может повлиять на ранжирование.

Но если менее 1% посетителей пострадали от медленной загрузки, то релевантность не сокращается.

Google рекомендует улучшать скорость загрузки, если она медленнее чем у 95% сайтов. Если ваш сайт загружается медленно, самый простой способ ускорить загрузку сайта — использовать инструмент Google Page Speed.

Как сократить время загрузки страницы?

  1. Отследить самые посещаемые страницы и сделать «предварительную загрузку» информации в предвкушении посещения пользователями этих страниц.
  2. Отложить менее важные или несущественные ресурсы для загрузки на последний этап загрузки страницы.

Более точный список рекомендаций для вашего сайта можно получить при использовании инструмента Google PageSpeed, он поможет увеличить скорость загрузки от 25% до 50%.

Следите за обновлением блога про SEO, подписывайтесь, впереди много интересной и полезной информации, не забывайте делиться ей с друзьями и применять полезные советы на практике!

Как время загрузки страницы влияет на доход вашего сайта?

Дата публикации: 2020-02-21

От автора: почему быстрые сайты зарабатывают больше денег? Никому не нравится медленный сайт. 14% вашей аудитории начнут делать покупки на другом сайте, если загрузка страниц будет медленной, а 23% просто остановят процесс покупки или отойдут от компьютера. Это имеет огромное влияние на прибыль вашего бизнеса.

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

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

Медленный сайт и результаты вашего бизнеса

Поставьте себя на место своего клиента, и вы поймете: ЛЮДИ НЕНАВИДЯТ ЖДАТЬ

Они становятся еще более нетерпеливыми, когда дело доходит до скорости сайта. Хотите доказательств? Посмотрите на кейс Financial Times:

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

«Длительное время загрузки сайта отрицательно влияет на глубину сеанса пользователя, независимо от того, насколько мала задержка… Данные показывают, как с точки зрения пользовательского опыта, так и с точки зрения финансового воздействия, что есть очевидные и ценные преимущества в том, чтобы сделать сайт еще быстрее. В результате этого исследования мы решили потратить еще больше времени на то, чтобы в ближайшие месяцы каждый аспект нового веб-сайта FT.com стал еще быстрее».

Они исследовали 5-секундную задержку во времени загрузки каждой страницы. Вот факты, которые они установили:

Задержка до одной секунды привела к снижению количества статей, прочитанных посетителем, на 4,9%

Задержка в три секунды привела к снижению на 7,9%

Посетители читают меньше, когда время задержки увеличивается

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

Влияние на продажи: 79% клиентов, которые сообщают о неудовлетворенности работой сайта, реже покупают на этом сайте.

Конверсия: задержка в 1 секунду означает снижение конверсии на 7%.

Скорость влияет на доход. Если ваш сайт зарабатывает 100 000 долларов США в месяц, то повышение скорости страницы на одну секунду приносит дополнительные 7 000 долларов США в месяц.

Facebook принял к сведению статистику отказа через 3 секунды и объявил в августе 2020 года, что в новостной ленте посты со ссылками на медленные сайты будут отображаться в урезанном виде: «В этом обновлении мы скоро учтем предполагаемое время загрузки веб-страницы, на ссылку которой кто-то нажимает в новостной ленте в мобильном приложении. Будут учтены такие факторы, как текущее сетевое соединение человека и общая скорость веб-страницы. Если сигналы указывают на то, что веб-страница будет загружаться быстро, ссылка на эту веб-страницу может отображаться в ленте выше».

Время загрузки страницы влияет на SEO

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

«… Более быстрые сайты не просто улучшают пользовательский опыт; последние данные показывают, что повышение скорости сайта также снижает затраты ресурсов. Как и мы, наши пользователи придают большое значение скорости — именно поэтому мы решили учитывать скорость сайта в наших поисковых рейтингах».

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

Время загрузки страницы влияет на репутацию

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

По данным Customer research lab: «66% клиентов отметили, что эффективность веб-сайта влияет на их впечатление о компании, а 33% клиентов составили негативное впечатление о компании с непроизводительным веб-сайтом».

Вывод очевиден — скорость имеет значение! Основные результаты исследования выделены ниже:

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

35% реже приобретают продукт, если производительность сайта низкая

66% говорят, что производительность сайта влияет на их впечатление о фирме

33% составили негативное впечатление о фирме с непроизводительным веб-сайтом

Растущее использование мобильных устройств

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

Согласно исследованиям Shopify: «47% потребителей ожидают загрузки веб-страницы не более двух секунд. После этого терпимость потребителей снижается, и 40% посетителей покидают веб-страницу, если она не загружается менее чем за три секунды».

При увеличении скорости страницы мобильного сайта с 8 до 2 секунд «коэффициент конверсии может увеличиться на 74%». Вот еще немного статистики:

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

64% всех пользователей смартфонов ожидают загрузки страниц менее чем за 4 секунды.

74% людей покинут мобильный сайт, для загрузки которого требуется более 5 секунд.

61% потребителей откажутся от мобильного сайта, если не сразу найдут то, что ищут.

Важность снижения скорости загрузки страницы на каждую секунду

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

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

Amazon подсчитал, что замедление загрузки веб-страницы всего на одну секунду может обойтись в 1,6 миллиарда долларов в год

Bing обнаружил, что 2-секундная задержка во времени загрузки страницы привела к снижению количества запросов на 1,8%, снижению количества кликов на 3,75%, снижению удовлетворенности на 4% и снижению дохода на одного посетителя на 4,3%.

Shopzilla уменьшила скорость загрузки сайта с 6 до 1,2 секунд, что увеличило прибыль на 12% и количество просмотров страниц на 25%.

Не забывайте про миллисекунды

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

Walmart и Amazon наблюдали увеличение прибыли на 1% на каждые 100 миллисекунд увеличения скорости веб-страницы.

Yahoo увидели увеличение трафика на 9% на каждые 400 миллисекунд увеличения скорости веб-страницы.

Google теряет 20% своего трафика за каждые дополнительные 100 миллисекунд скорости загрузки страницы.

Подводя итоги

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

Скорость загрузки страницы — это не мифический зверь, которого нельзя убить. Это реальный фактор, который можно легко использовать. Чего же вы ждете?

Редакция: Команда webformyself.

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

PHP-Мастер

От теории до собственной CMS интернет-магазина

Мастер Йода рекомендует:  Создаем простой шаблонизатор на PHP
Добавить комментарий