Содержание

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

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

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

Как разгоняли загрузку сайта? 

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

  1. Внедрите плагин jQuery Lazy и настройку lazy loading для картинок.
  2. Сожмите картинки в слайдере (или на сайте).
  3. Попробуйте минификацию и включение в «ленивую загрузку» скриптов JS.

Рассмотрим каждый шаг отдельно на конкретном примере.

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

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

Скрин показывает, что общее время загрузки (Load Time) (1) до составляет 14,288 сек., а для полной загрузки страницы понадобилось 111 запросов к серверу (2).


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

ХОЧУ УЛУЧШИТЬ РАБОТУ САЙТА

Подключите крутой плагин

Следующим этапом оптимизации стало подключение плагина jQuery Lazy для настройки «ленивой загрузки» картинок. 

Что такое «lazy loading»? Это отложенная загрузка ресурсов для отображения сайта, то есть  запрашиваемая страница не загружается полностью, а подгружается частями по мере надобности. Например, если картинка настроена на «ленивую загрузку», находится в самом низу страницы и пользователь не досмотрел страницу до самого конца, то файл картинки может не загрузиться в браузер вовсе. В основном это применяется для страниц, где есть много картинок, но мы в рамках эксперимента использовали lazy load и для JS-файлов. 

После подключения вышеуказанного плагина (скрин ниже) мы сократили время загрузки (1) до 7,308 секунд, а количество запросов (2) до 64.

Анализ диаграммы «водопад» (см. ниже) показал наличие «тяжелых» по объему картинок (в среднем 1,5 Мб), размещенных в слайдере. Так как эти картинки появляются первыми при загрузке страницы, поэтому их исключили из lazy load. Было принято решение их сжать.

После сжатия картинок слайдера с 1,5 МБ до 85 Кб время загрузки (1) сократилось до 4,760 сек. Это показал повторный тест. 

Но мы решили на этом не останавливаться. 

Третий шаг к ускорению сайта – минификация 

Попробовали провести минификацию (сжатие) и включение lazy load для скриптов JS. Так выиграли еще несколько долей секунд, что видно на скриншоте ниже:

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

В итоге проведения всех трех шагов удалось сократить время загрузки более чем в 3 раза – с 14,288 сек. до 4,087 сек.

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

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

На этом мы не останавливаемся. Эксперименты в направлении оптимизации продолжаются.

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

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


Содержание:

  1. Как проверить скорость загрузки сайта?
  2. Что это изменит?
  3. Могу я что-нибудь с этим поделать?

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

Когда вы начинаете задумываться об этой теме, вначале возникает дилемма — как мне узнать, загружается ли мой веб-сайт довольно быстро? На этот вопрос легко ответить. Однако следует помнить, что тот факт, что страница быстро загружается на нашем компьютере, не означает, что это то же самое для новых пользователей. Если мы посещаем сайт часто, браузер сохраняет его в кеше, но для новых пользователей этот процесс не происходит, потому что они посещают сайт впервые. Чтобы объективно определить, достаточно ли быстро загружается сайт, достаточно провести тест скорости. Один из наиболее популярных инструментов для прохождения теста скорости — Page Speed Insights, подготовленный Google. Другие предложения — Pingdom Speed, WebPageTest и Gmetrix. Каждый из этих инструментов позволит вам легко проверить, оптимально ли время загрузки тестируемого сайта на компьютерах.

В эпоху повсеместного распространения мобильных устройств не стоит забывать как проверить скорость сайта на таких устройствах. Здесь может оказаться полезным инструмент, предназначенный для мобильных версий веб-сайтов, также предложенный Google, а именно Test My Site. Каждый из вышеупомянутых инструментов даст объективную оценку и рекомендации по оптимизации скорости сайта. Результат приводится в баллах, процентах или просто отображается время зарядки. Обычно можно встретить и словесный комментарий, позволяющий правильно прочитать результат.

Что это изменит?

К этой теме действительно стоит присмотреться. Вы можете спросить себя: что изменится, если мой сайт будет загружаться быстрее? Что ж, это может многое изменить. Как уже было сказано, пользователям не нравится ситуация, когда приходится долго ждать. Такие сайты отпугивают их. В таких обстоятельствах они часто просто покидают рассматриваемый сайт и ищут следующий. Следовательно, они проводят меньше времени на веб-сайте либо в магазине и отказываются от чтения предложения. Они ищут другое решение, другие предложения, а мы теряем потенциальных клиентов. Другая причина, также связанная с маркетингом, — это позиционирование страниц в поисковых системах.

Наиболее часто используемые поисковые системы в России, то есть Google и Яндекс, награждают сайты за короткое время загрузки. Что это значит? Дело в том, что такие сайты выше в результатах поиска. И это действительно приводит к увеличению посещаемости сайта, привлечению новых клиентов и, конечно же, продвижению бренда. Оптимизация страниц для SEO — это не что иное, как преимущества, а сокращение времени загружаемости страницы — один из важных факторов в этом процессе.

Могу я что-нибудь с этим поделать?


Есть несколько способов увеличения скорости загрузки сайта, хотя это сложный процесс. Обязательно стоит взглянуть на графику на сайте, потому что она значительно замедляет загрузку страниц. В этом случае на это можно легко повлиять, сжав фотографии и графику или уменьшив их разрешение, если это возможно. Для веб-сайтов на базе CMS избыток плагинов — это большое замедление. На это хорошо обратить внимание и убрать лишнее.
Другой важный вопрос — это сервер, на котором расположен веб-сайт, технические параметры и возможности сервера обязаны быть должным образом выбраны для типа сайта — веб-сайты, которые имеют много обращений, имеют гораздо большие потребности в этом отношении. Есть и другие факторы, такие как: перенаправления, сжатие данных Gzip или вмешательство в исходный код. Однако это решения, требующие специальных знаний в области программирования. Если вы не знаете, как справиться с подобным вопросом, стоит обратиться за помощью к профессиональному интерактивному агентству, которое комплексно занимается созданием и оптимизацией веб-сайтов.

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

Блокнот вебмастера 2022 СОЗДАТЬ РАСКРУТИТЬ И ЗАРАБОТАТЬ!

Блокнот вебмастера 2022 СОЗДАТЬ РАСКРУТИТЬ И ЗАРАБОТАТЬ!

Хотя деньги — это не главное в жизни, все же без них никак. Как заработать в интернете человеку, который на ТЫ с компьютером и интернетом? Такие вопросы возникают у многих: Сколько можно […]

На данный момент на Алиэкспресс торгуют уже тысячи продавцов из России, многие создали свои […] Бывает же такое, что на одной странице тебе нужен один дизайн, а на другой совсем другой. Как […] Количество пользователей интернета увеличивается с каждым днем. Обычно люди используют […] Некоторые мои сайты настроены так, что на них нельзя скопировать текст. Достали эти дорвейщики […] В последнее время я стал использовать на своих сайтах якорные ссылки, так как если статья очень […] Есть у меня статья на сайте про кэшбэк Алиэкспресс. Большая статья, наполненная голосованиями, […] Когда у меня был старенький ноутбук с диагональю экрана 13 дюймов и разрешение 1366х1080, то писать в […] Есть ли влияние социальных сетей на продвижение сайта? Нужно ли создавать для сайта аккаунты в […] Недавно передо мной встала задача: вставить промокоды Алиэкспресс в статью. Казалось бы, что […] Заглянул я сегодня на свою старую статью про гарантии на Алиэкспресс и ужаснулся: статья где-то […] Стало интересно, какой банк в Беларуси самый популярный? Недавно прошла премия года и самым […] На дворе весна, короновирус и финансовый кризис. Люди переживают о том, как им зарабатывать в […] Кто не любит вкусно поесть? Странный вопрос. Тематика еды и общественного питания интересна […] Задумался я вот над чем: я фрилансер, могу в любой момент уехать в другую страну, пожить там […] Сложно представить развитие онлайн-магазина без рекламы. Потому и инструменты […] На днях купил себе отличный плагин — [urlspan]ZMSEO[/urlspan], стоит не дешево, но польза от него просто […] Бывает так, что напишешь большую умную статью, а посещаемости нет. А бывает, то накропаешь на […] На данный момент мой сайт про Aliexpress является моим основным сайтом, с которым я работаю, так как […] Создать сайт сегодня не проблема, проблема — наполнить его интересными и полезными статьями. […] Налог на самозанятых или налог на профессиональную деятельность — это РЕАЛЬНО прорыв. Как бы […] Уже МНОГО лет я пытаюсь зарабатывать на контекстной рекламе от Яндекс и Google, на этом сайте я не […] В одной партнерской программе мне платят в российских рублях, выводить там без комиссий можно […] На моем основном сайте про Алиэкспресс стал проседать трафик. Просел почти в два раза, что мало […] Многие знают про [urlspan]кэшбэк Летишопс[/urlspan], а если не знаете, то очень много теряете, так как […]

Выгодно купить или продать сайт!

{«cookieName»:»wBounce»,»isAggressive»:false,»isSitewide»:true,»hesitation»:»»,»openAnimation»:false,»exitAnimation»:false,»timer»:»»,»sensitivity»:»»,»cookieExpire»:»»,»cookieDomain»:»»,»autoFire»:»»,»isAnalyticsEnabled»:false}

3 лучших онлайн-сервиса • WILHARD.RU

Скорость загрузки сайта – это очень важный фактор ранжирования в поисковых системах, который сильно влияет на позиции вашего сайта. Под скоростью загрузки сайта понимают среднюю скорость загрузки всех его страниц за некоторый период времени. Исследования Гугл показывают, что сайт теряет 40% трафика, если скорость загрузки сайта более 3 секунд. Интересно, что лишь 20% сайтов в Интернете имеют скорость загрузки менее 1 секунды. Если вы увеличите скорость загрузки сайта и сделаете ее менее одной секунды, то вы увеличите свой трафик в два-три раза и попадете в 20% самых быстрых сайтов. Разумеется, при этом вырастут ваши позиции в результатах поиска Яндекс и Гугл, а в Гугл Адвордс увеличится показатель качества ваших объявлений и снизится цена клика. И хотя приемлемой скоростью загрузки считается до 4 секунд, большинство экспертов рекомендуют 1.5 секунды.

Таким образом, идеальная скорость загрузки сайта – 0.5 секунды, максимально допустимая скорость загрузки сайта – 2 секунды. Стремитесь к этому!

Популярные онлайн-сервисы проверки скорости сайта

В русскоязычном и англоязычном Интернете все рекомендуют одни и те же онлайн-сервисы для проверки скорости загрузки сайта: webpagetest.org, Google Pagespeed Insights, pingdom.com, gtmetrix.com – это самые крутые и международно признанные сервисы. Наберите запрос “проверка скорости сайта” в Яндексе или Гугле, откройте десять сайтов и вы увидите, что все статьи написаны про эти 4 сервиса и в них будет еще штук шесть мелких и малоизвестных онлайн-сервисов проверки скорости загрузки. Обычно читаешь такую статью и потом неясно, чем же пользоваться в итоге.

Никакого спама! Можно отписаться в любой момент.

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

Тем не менее я использую webpagetest.org, Google Pagespeed Insights, для чего – объясню далее, а вот сервисы pingdom.com, gtmetrix.com – совершенно бесполезны.

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

Для проверки скорости загрузки сайта я использую Гугл Аналитикс и Яндекс Метрику – они проверяют скорость загрузки вашего сайта непрерывно – 24/7 – и хранят эту информацию. Зачем пользоваться какими-то онлайн-сайтами, если у вас уже есть вся информация, при этом вы можете смотреть скорость загрузки отдельных страниц в разные периоды времени в разных странах и браузерах?

Как проверить скорость загрузки сайта в Яндекс Метрике

Откройте Отчеты > Стандартные отчеты > Мониторинг > Время загрузки страниц.

Время загрузки страниц – Яндекс Метрика

Вы увидите такой вот отчет “Время загрузки страниц”:

Время до загрузки DOM – Яндекс Метрика

Скорость загрузки сайта показывает параметр “Время до загрузки DOM” – это время от начала перехода на страницу до полной загрузки страницы со всеми ее компонентами (изображения, CSS, скрипты и т. п.). Это значение субъективно воспринимается посетителем как «качество» страницы. Нас в первую очередь интересует именно этот параметр – надо смотреть его. Описание значения других параметров отчета скорости загрузки страниц можно прочесть в хелпе Яндекса “Время загрузки страниц“.

Это хороший отчет, но я им не пользуюсь просто потому, что я не люблю Яндекс Метрику. Мне больше нравится Гугл Аналитикс.

Как проверить скорость загрузки сайта в Гугл Аналитикс

В разделе ПОВЕДЕНИЕ > Скорость загрузки сайта вы найдете два очень полезных отчета: Обзор и Время загрузки страниц.

Как проверить скорость загрузки сайта в Гугл Аналитикс

 

В отчете “Обзор” вы сможете увидеть на графике, как менялась скорость загрузки сайта на протяжении последних 30 дней, среднее время загрузки страницы (сек.) на основании данных за последние 30 дней и среднюю скорость загрузки для разных стран и браузеров.

В отчете “Обзор” главный показатель, который интересует нас – это “среднее время загрузки страницы (сек.)”, потому что это и есть скорость загрузки сайта. Также внимательно изучите график, чтобы знать, как менялась скорость загрузки сайта последние 30 дней.

В отчете “Время загрузки страниц” вы найдете подробную информацию по времени загрузки каждой страницы вашего сайта.

Подробное описание всех этих отчетов есть в хелпе Гугл: Отчеты “Скорость загрузки сайта”.

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

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

  • большие картинки на сайте. Если у вас на страницах сайта есть большие картинки, которые долго загружаются, то это может очень сильно снижать скорость загрузки. Старайтесь, чтобы размер одной картинки не превышал 70 Кб;
  • медленная скорость работы сервера, то есть плохой хостинг. В этом случае надо найти более быстрого хостинг-провайдера. Какого хостинг-провайдера выбрать, я писал в статье: Мой рейтинг лучших хостингов и их официальная статистика;
  • медленная работа базы данных. Необходимо периодически оптимизировать и чистить базу данных вашего блога.

На самом деле причин медленной работы вашего сайта огромное множество и узнать их все вам как раз и помогут сервисы, про которые я писал ранее: webpagetest.org, Google Pagespeed Insights. К сожалению, оба эти сервиса только на английском языке.

Google Pagespeed Insights

Google Pagespeed Insights дает подробные рекомендации по увеличению скорости вашего сайта и он интегрирован в Гугл Аналитикс. Его вы можете найти в отчете ПОВЕДЕНИЕ > Скорость загрузки сайт > Ускорение загрузки. Этот отчет дает информацию по улучшению каждой страницы сайта, переадресовывая вас на Google Pagespeed Insights.

Webpagetest.org

Google Pagespeed Insights очень хороший отчет и им надо обязательно пользоваться, но мне больше нравится webpagetest.org. Запускать этот отчет можно для любого европейского города, потому что измерение скорости загрузки сайта для России сейчас почему-то недоступно, а раньше можно было измерять скорость загрузки в Москве. Этот отчет раскладывает скорость загрузки сайта на мельчайшие элементы и очень наглядно представляет их в таком виде:

Отчет о скорости загрузки сайта webpagetest.org

 

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

Заключение: три лучших сервиса для проверки и увеличения скорости загрузки сайта

Скорость загрузки сайта – очень важный фактор ранжирования в SEO. Средняя скорость загрузки страниц вашего сайта не должна превышать 2 секунд. Проверять скорость загрузки сайта лучше всего в Гугл Аналитикс, а разбираться, почему скорость сайта низкая, лучше всего при помощи сервисов webpagetest.org и Google Pagespeed Insights. Если вы не согласны, то буду благодарен, если вы поделитесь своими мыслями в комментариях.

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

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

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

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

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


 

Как пользоваться Page Speed?

Для получения сводки и рекомендаций по оптимизации любого сайта достаточно перейти на страницу Page Speed Insights (PSI) и ввести в единственное поле интересующий домен. Запуск процесса, минута ожидания, и вы получаете целую гору полезной информации.

Результат тестирования делится на 2 группы показателей – для обычной и мобильной версии. Для каждой из них система покажет набранное количество баллов, исходя из всех задержек и обнаруженных проблем. Максимум можно набрать 100 попугаев. Отличным результатом считается показатель от 80. Свыше 90 – шикарным.

Мобильная и десктопная версии почти всегда набирают разное количество баллов, хотя эти показатели могут и совпасть, вероятность есть. Но роли это не играет. Что же высчитывает сервис? Множество показателей: время загрузки первого контента и достаточной его части, максимальные задержки, время окончания работы ЦП, индекс скорости загрузки, время загрузки до взаимодействия и прочие.

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

Полученные результаты система под капотом сравнивает с другими сайтами, которые находятся в базе. Если ваши пузомерки окажутся выше 98% других сайтов, но вы получите 100 баллов. Если лучше 75% — то всего лишь 50. То есть характеристика относительная, конкурирующая. Чем больше быстрых сайтов в системе, тем ниже по отношению к ним будут показатели какого-то условного ресурса, если его не оптимизировать постоянно.

Другими словами, на показатели PSI можно и нужно ориентироваться. Они дают представление о скоростных параметрах, влияющих на отношение и самого поисковика, и пользователей к ресурсу. Игнорировать их нельзя. Но и расстраиваться не стоит, увидев результат ниже 100 баллов, — всё представлено в сравнении, а не натуральной величиной в вакууме.

Самое ценное, что даёт Page Speed – это рекомендации по увеличению производительности. Статистика даёт советы с короткой расшифровкой в действиях и показывает приблизительную экономию времени загрузки в миллисекундах. Список рекомендаций может быть очень длинным. Говоря по-честному, понимать это всё может только опытный веб-мастер. Но и для новичков есть понятные советы – сжать картинки (напр. TinyPNG), изменить формат чего-то, снизить количество переадресаций, убрать избыточные виджеты и т. д.

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

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

  1. GTmetrix – https://gtmetrix.com/
  2. Pingdom Tools – https://tools.pingdom.com/
  3. Web Page Test – https://www.webpagetest.org/

 

Выводы и рекомендации

Google Page Speed – крайне полезный инструмент веб-мастера. Своего рода бенчмарк скорости работы сайтов от главной поисковой системы мира. На него ориентируются все в большей или меньшей степени.

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

Имитация загрузки страниц в PSI происходит с помощью Lighthouse – опенсорсного программного комплекса для оценки качества сайтов. Всё вышеописанное бесплатно.

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

Скорость загрузки сайта – как проверить и увеличить скорость загрузки страниц

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

Как ускорить работу сайта и привлечь больше клиентов?

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

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

Начнем с основ: чтобы сайт появился на вашем экране, должны произойти две вещи.

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

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

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

Что происходит на сервере?

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

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

Однако, как владелец сайта, вы влияете на качество кода. Большинство web-сайтов основаны на системах CMS, которые позволяют редактировать контент. Самым многочисленным представителем этих систем, конечно же, является WordPress, написанный на PHP. Каким-то образом ваш код WordPress (на самом деле плагины и темы, которые вы используете) оказывает наибольшее влияние на скорость ответа сервера.

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

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

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

Что происходит на стороне браузера?

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

Помимо HTML-кода, браузеру нужны два других типа данных / файлов. Они будут

  • CSS (каскадные таблицы стилей) — они отвечают за внешний вид страницы. CSS содержат инструкции по внешнему виду данного элемента, такие как форма, цвет, размер шрифта и т. Д.
  • JavaScript — код, отвечающий за любые динамические действия, не требующие перезагрузки страницы. Это будет, например, анимация или работа корзины в интернет-магазине.

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

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

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

Действительно ли скорость страницы влияет на позиции в Google?

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

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

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

Почему стоит инвестировать в ускорение работы сайта?

У быстрого сайта есть еще много преимуществ. Ниже приведены некоторые из самых важных:

Ваши клиенты не нервничают

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

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

Вы уменьшаете показатель отказов

Показатель отказов показывает, сколько пользователей покидают ваш сайт без какого-либо взаимодействия. Чем выше коэффициент, тем больше трафика заканчивается без взаимодействия. Теперь посмотрим на данные, представленные Google:

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

  • 1с — 3с — вероятность отскока увеличивается на 32%,
  • 1 с — 5 с — вероятность отскока увеличивается на 90%,
  • 1с — 6с — вероятность отскока увеличивается на 106%,
  • 1с — 10с — вероятность отскока увеличивается на 123%,

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

Вы увеличиваете конверсию / скорость продаж

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

За границей этот факт очевиден. Посмотрите, как быстро работает сайт Amazon, который считается самым быстрым сайтом в электронной коммерции.

Как проверить скорость: сервисы и их возможности

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

Google PageSpeed Insights

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

Основные возможности инструмента:

  • демонстрирует оценку скорости по стобалльной шкале. Минимальный показатель хорошей загрузки — 90%;
  • формирует отчет, который показывает скорость загрузки контента, отображает время между запросом и ответом страницы;
  • имеет раздел «Имитация загрузки». Он проверяет скорость отображения в условиях 3G-соединения;
  • предоставляет рекомендации по оптимизации страниц с указанием времени, которое можно сократить.

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

Pingdom Tools

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

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

Web Page Performance Test

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

Load Impact

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

WhichLoadFaster

Данный сервис сравнивает скорость загрузки двух площадок. Он наглядно показывает, какой веб-ресурс быстрее отображает данные и на сколько. После проверки предоставляется информация по каждому сайту. Тестирование проходит быстро. Инструмент в короткие сроки показывает данные по загрузке. Из недостатков — не дает рекомендаций по оптимизации площадки.

GTmetrix

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

Основные плюсы инструмента GTmetrix:

  • предоставляет возможность выбора географической локации;
  • снимает видео процесса загрузки;
  • включает анализ Google PageSpeed Insights и YSlow;
  • демонстрирует рекомендации, как ускорить процесс загрузки.

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

Monitis Tools

Проводит проверку скорости, имитируя запросы из разных стран (США, Европа, Азия). После теста инструмент предоставляет информацию по каждой загрузке. В отчете пользователи могут ознакомиться с такой информацией: объем сайта, источник запросов, количество времени, необходимого для соединения и загрузки.

SiteSpeed.me

Русскоязычный инструмент, который использует более 30 серверов для анализа. Он показывает результаты по каждой проверке, подсвечивает лучшие и худшие показатели. В отчете представлена информация о геолокации, объеме веб-ресурса, скорости отображения данных. У этого инструмента всего одна функция — проверка. Он не дает рекомендаций, как оптимизировать площадку и улучшить скорость работы сайта.

PR-CY

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

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

WebPage Analyzer

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

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

Читайте также

Оптимизация сайта для мобильных устройств

Как ускорить загрузку сайта: эффективные приемы

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

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

Что можно ускорить на стороне сервера?

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

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

Помимо серверной версии PHP, вы можете сделать еще несколько вещей:

Использовать сжатие без потерь

Сжатие без потерь — это способ «упаковки» данных на время передачи между сервером и браузером. Самыми популярными инструментами, которые справляются с этим, являются модули Apache (серверное программное обеспечение): GZIP и deflate.

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

Оптимизируйте свой PHP-код

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

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

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

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

Использовать кеш на стороне сервера

Кеш на стороне сервера — быстрый способ решить все проблемы с количеством и качеством кода. Работа механизма кеширования проста. Вы помните, что происходит, когда пользователь заходит на сайт?

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

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

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

Это решение значительно сокращает ресурсы сервера и сокращает время ответа сервера. У этого есть один недостаток: каждый последующий человек будет видеть то же содержимое страницы, что и человек, который отвечал за создание HTML-кода. Следовательно, это не сработает, если сайт очень динамичный и каждый пользователь должен видеть разный контент.

Что можно ускорить в браузере?

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

Включить кеширование на стороне браузера

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

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

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

Как включить кеширование на стороне браузера?

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

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

Оптимизируйте свою графику

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

Во-первых, размер графики

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

В среднем экран ноутбука имеет ширину примерно 1300-1400 пикселей. Обычно страницы должны иметь ширину 1200 или 1440 пикселей. Почему файлы большего размера? Даже если вы используете разрешение 1080 (широкий), такая фотография будет очень хорошо смотреться на сайте, добавлять графику большего размера нет смысла.

Фотография размером 20 МБ может быть уменьшена до 0,5 МБ без потери качества. Выиграют все, пользователь, сервер и перевод. Подумайте, как ваш сайт может ускориться, если у вас сейчас больше десятка таких фотографий. Есть страницы размером даже в десятки мегабайт, просто ограничение размера фотографий может уменьшить их размер до нескольких мегабайт.

Во-вторых, правильное использование графики

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

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

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

В-третьих, соответствующий графический формат

Существует множество графических форматов, наиболее популярными из которых являются JPG, PNG и SVG. Каждый из них подходит для немного разных графических элементов.

  • JPG оптимизирован для фотографий. Файлы JPG представляют собой растровые файлы с потерями, что означает, что они теряют небольшой объем информации при каждом сохранении файла JPG. Файлы JPG работают со сжатием цвета, поэтому они отлично подходят для фотографий. Уменьшение размера файла снижает качество изображения.
  • PNG был разработан для использования в Интернете и является наиболее широко используемым форматом сжатия изображений в Интернете. Формат PNG представляет собой растровую графику и был введен как усовершенствование формата GIF. Файлы PNG хорошо работают с графическими изображениями, созданными для Интернета. К сожалению, они могут привести к очень большим размерам файлов. Большим преимуществом PNG является то, что он поддерживает альфа-канал, что означает, что их фон может быть прозрачным.
  • SVG — это векторная графика, которая также поддерживает анимацию. Векторная графика отлично подходит, например, для логотипов и других геометрических фигур. Файлы SVG не состоят из пикселей и могут бесконечно масштабироваться без потери качества или увеличения размера файла. Файлы SVG — лучший вариант для создания значков и штриховых рисунков для дисплеев с высоким разрешением.

Стоит придерживаться вышеуказанного использования, это поможет вам сэкономить больше килобайт данных. Например, большая фотография, сохраненная в формате PNG, может занять несколько мегабайт, в то время как сохранение ее в формате JPG уменьшит размер до 0,5 мегабайта — помните об этом!

В-четвертых, Lazy Load

Ленивая загрузка — это метод, который полагается на загрузку графики только тогда, когда она необходима. Это работает следующим образом: если страница требует прокрутки, графика, доступная под первым экраном (областью просмотра), не загружается немедленно.

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

Оптимизация файлов CSS и JS

Оптимизация файлов CSS и JS — большая часть процесса ускорения страницы. Они несут ответственность за внешний вид (CSS) и различные функции (JS) вашего веб-сайта. Соблюдение нескольких основных правил при их использовании может значительно повлиять на воспринимаемую скорость веб-сайта.

Уменьшите код

И CSS, и JS можно минимизировать, что значительно уменьшит их размер. Что это значит? Самое простое объяснение состоит в том, что в процессе минификации удаляются ненужные пробелы и новые строки. И пробел, и символ новой строки являются обычными элементами кода — одним словом, они занимают ненужные килобайты данных. Таким образом, их удаление уменьшает размер файла и упрощает чтение такого кода браузером.

Объедините файлы CSS и JS

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

Стоит свести к минимуму количество файлов CSS и JS, объединив их в один коллективный файл CSS и один коллективный файл JS. Это приведет к увеличению скорости загрузки (легче отправить один файл большего размера, чем дюжину меньших) и ограничит ресурсы браузера, который будет обрабатывать только один файл.

Общее количество файлов можно организовать уже на этапе реализации веб-сайта (это должен сделать разработчик).

Загружайте файлы CSS / JS как можно позже

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

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

Оптимизируйте качество вашего кода CSS / JS

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

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

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

Выводы

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

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

КОМПЛЕКСНЫЙ АУДИТ САЙТА

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

Получить консультацию

Наш менеджер свяжется с Вами в ближайшее время

Отправить заявку

Как проверить скорость загрузки сайта: 5 способов

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

1. Инструменты Гугла.
Для Google очень важна скорость загрузки сайта, поэтому они сделали специальный инструмент, где можно это протестировать. Перейдите вот сюда, введите адрес своего сайта и нажмите на кнопку «Анализировать».

Гугл оценивает скорость ресурса от о до 100 как для компьютеров, так и для мобильных телефонов. Чем большая здесь цифра, тем соответственно лучше. У моего блога vachevskiy.ru скорость для компьютеров 78, а для мобильных 65:

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

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

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

В данном случае зеленая линия отвечает как раз таки за количество посетителей, она будет у всех одинакова. А вот синяя линия отвечает за скорость загрузки сайта. Здесь очень важно чтобы эта линия имела как можно меньше изгибов. Если вы видите большие перепады скорости, то, скорее всего, ваш хостинг не способен выдерживать большую нагрузку. У меня Макхост, поэтому проблем никаких нет :smile:.

3. PingDom.
Еще один очень интересный сервис, с помощью которого можно быстро проверить скорость загрузки сайта. Для проверки введите свой домен в указанную строку и нажмите на кнопку «Тест»:

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

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

Вы можете легко посмотреть, какие элементы сайта долго загружаются и оптимизировать их. Файл стилей можно сжать, картинки уменьшить, ненужные скрипты удалить, а нужные переместить в низ сайта (для wordpress это footer.php).

4. Webo.in.
Для анализа скорости загрузки страницы перейдите сюда введите свой домен и нажмите на кнопку «проверить». Потом вас автоматически перекинет на другой адрес, где вы сможете бесплатно заказать проверку своего ресурса. Для этого введите свое имя, e-mail, телефон и нажмите на кнопку «отправить запрос»:

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

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

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

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

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

Лучшие инструменты для тестирования скорости для сайтов электронной коммерции

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

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

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

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

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

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

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

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

если ваш сайт загружается за 5 секунд, это быстрее, чем примерно 25% Интернета

если ваш сайт загружается за 2,9 секунды, это быстрее, чем примерно 50% Интернета

если ваш сайт загружается за 1,7 секунды, это быстрее, чем примерно 75% Интернета

, если ваш сайт загружается в 0.8 секунд, это быстрее, чем примерно 94% Интернета

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

Плагины для проверки скорости

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

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

Вот некоторые плагины, которые измеряют скорость загрузки веб-сайта:
WP Speed ​​of Light
Load Impact
Google Page Speed ​​
GTmetrix
Web Page Test
Pingdom Website Speed ​​Test
IsItWP


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

Заключительные мысли

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

Чтобы узнать больше, прочитайте наше руководство Сколько стоит WooCommerce.

Об авторе:


Дэйв Суини

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

Как 8 различных инструментов A/B-тестирования влияют на скорость сайта (оригинальное исследование)

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

Вы проводите сплит-тестирование A/B, чтобы улучшить результаты. Но инструменты A/B-тестирования на самом деле могут замедлить работу вашего сайта.

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

Фон

1. Данные показывают, что более быстрые сайты конвертируют лучше

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

Для вас это означает, что чем медленнее сайт, тем меньше доход.

На графике выше вы можете увидеть соотношение (зеленая линия) между временем загрузки и коэффициентом конверсии для одного из клиентов OrangeValley.На 1 секунду медленнее, на 25% меньше конверсий.

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

2. Как средство тестирования стоило нам 12 баллов в Google Page Speed ​​

Simyo (телекоммуникационная компания) получила 99/100 баллов Google Page Speed ​​для своей домашней страницы. Это было до внедрения инструмента A/B-тестирования. После проведения тестирования (согласно лучшим практикам вендора) оценка снизилась на 12 баллов.

Оценка скорости страницы перед внедрением фрагмента A/B-теста в разделе заголовка

Вот что произошло с Время начала рендеринга , когда мы внедрили инструмент A/B-тестирования на основе рекомендованного поставщиком метода реализации.

Внедрение инструмента A/B-тестирования просто сделало их веб-сайт медленнее, чем их основные конкуренты, что повлияло на их конкурентоспособность в SEO, а также на конверсию.

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

Большинство программ для A/B-тестирования создает дополнительный шаг при загрузке и отображении веб-страницы.

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

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

Как сказал Брайан Мэсси, основатель Conversion Sciences:

Брайан Мэсси, Conversion Sciences
«Вспышка привлекает внимание к элементу, который вы тестируете, а это означает, что посетители, которые увидят ваш тест, сосредоточатся на этом элементе.Если лечение выиграет, оно будет развернуто на сайте, устраняя flash. Увеличение, наблюдаемое в тесте, может быть полностью стерто. Так что это довольно важный вопрос».

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

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

Отказ от ответственности и прозрачность

Изменение изображения и некоторого текста является частью многих A/B-тестов, поэтому имеет смысл использовать эти простые изменения в качестве основы для данного исследования.

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

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

В OrangeValley мы выбираем инструменты, которые наши клиенты используют в каждом конкретном случае. В результате мы в основном используем Optimizely, SiteSpect (расположенный в том же здании, в котором мы находимся) и VWO, хотя иногда мы используем и другие инструменты.

В конце 2015 года у нас возникли проблемы с клиентским инструментом (эффект мерцания). Оптимизация кода и тестирование различных реализаций не сработали, а внутренний инструмент был невозможен. Поскольку у нас не было плана C, мы решили найти самый лучший инструмент A/B-тестирования на стороне клиента, когда дело дошло до времени загрузки — вот почему мы решили приступить к этому исследованию (и поделиться им с вами!).

Ответы поставщиков

Мы также получили ответы и обновления от некоторых инструментов после проведения исследования.

Omniconvert увеличил количество серверов и добавил уровень кэширования для более быстрого обслуживания вариантов (будь то A/B-тестирование или персонализация). Они также ускорили метод определения аудитории, который помогает быстрее проводить эксперименты. К настоящему времени они также должны были расшириться на несколько конкретных регионов, что позволило бы снизить задержку там.

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

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

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

Наконец, что очень важно, они сообщили мне, что любые изображения, загруженные на их сервис, хранятся в США и не распространяются через CDN. Это означает, что пользователям VWO за пределами США, вероятно, лучше хранить изображения на своих собственных серверах. Хотя в этом исследовании мы сознательно решили протестировать готовых поставщиков услуг, мы признаем, что это могло привести к тому, что фоновое изображение загружалось медленнее, чем при загрузке на региональный сервер.

Примечание редактора: AB Tasty не согласилась с результатами исследования, поэтому они были удалены.Целостность результатов сохраняется независимо от реакции отдельных поставщиков.

Компания HP Optimost, к сожалению, не ответила на наше электронное письмо, в котором мы поделились результатами ранжирования этого исследования. Все остальные поставщики, с которыми мы говорили (SiteSpect, Maxymiser, Convert.com, Omniconvert), не высказали никаких замечаний по поводу методологии этого исследования.

Резюме методологии

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

Вот контроль:

А вот вариант:

В варианте мы изменили текст заголовка и вставили фоновое изображение.

Вот инструменты, которые мы изучили:

Monetate и Adobe Test & Target также являются известными инструментами, но не были включены. Мы приглашаем их принять участие в любом продолжении этого исследования.

Измерение производительности

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

Все эксперименты были настроены одинаково:

  • тот же хостинг-сервер (Амстердам)
  • те же настройки местоположения и скорости (15 Мбит/с исходящая, 3 Мбит/с исходящая, задержка 28 мс)
  • тот же вариант
  • реализация в соответствии с рекомендациями базы знаний поставщика был доступен
  • 80+ тестовых прогонов каждого инструмента в течение недели, чтобы уменьшить влияние потенциальных выбросов (оглядываясь назад, все инструменты показали стабильные измерения)
  • Тестовая страница была копией целевой страницы клиента, для которой мы изменили цвета и текст
  • Время показа варианта было измерено для первых просмотров (первое впечатление, которое получит новый пользователь)

Как мы измеряли опытное время загрузки в контексте A/B-тестирования

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

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

Наша задача заключалась в том, что нам нужно было измерить не только загрузку исходных элементов — во-первых, когда элементы были загружены, а во-вторых, когда клиентский сценарий (используемый 7 из 8 поставщиков) изменил эти элементы в тесте A/B.

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

В итоге мы автоматизировали процесс анализа диафильмов, чтобы измерять эти изменения на экране для пользователя.Таким образом, мы могли измерить, когда текст варианта «Насколько БЫСТРО… [инструмент A/B-тестирования]?» и фон были применены к странице.

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

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

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

Результаты: 8 самых быстрых инструментов A/B-тестирования

Вот что мы нашли:

А вот сравнение инструментов в виде графика…

Тогда вот видео сравнение времени загрузки инструментов:

Надеемся, что найденные нами результаты были вам полезны! Вас что-то удивило?

Вывод: Что делать с этими результатами?

При наличии явных различий в производительности между инструментами A/B-тестирования разумно выбирать их с осторожностью.Более низкая производительность может привести к снижению конверсии, надежность тестов и падение скорости страницы не принесут пользы для вашей SEO-позиции.

Не паникуйте, как упоминалось ранее, не все сайты одинаковы. Возможно, ваш сайт сейчас даже слишком медленный, чтобы его можно было замедлить сторонними инструментами. Поэтому не забудьте получить данные о своем сайте с помощью простых инструментов, таких как Google Page Speed ​​и Webpagetest.org, и убедитесь, что инструмент, который вы используете, правильно работает на вашем сайте, или попробуйте улучшить свои настройки.

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

Обновление

: После публикации VWO снова связалась с нами. Они сообщили нам, что код варианта не оптимален (подробнее см. их пост). Мы повторно протестировали VWO и теперь добавили эти новые сильно улучшенные результаты в таблицы и графики.

Руководство по оптимизации скорости страницы (с 7 инструментами)

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

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

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

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

Не убежден?

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

Если ваша страница загружается шесть секунд (всего на одну секунду больше), вероятность того, что пользователь уйдет, возрастает до 106%. А за 10 секунд вероятность рикошета увеличивается на 123%.

Как ни посмотри: быстрее = лучше.

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

В этом руководстве мы рассмотрим:

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

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

  • И другие советы и инструменты, которые вы можете использовать для повышения скорости работы вашего веб-сайта 

 

Что такое скорость страницы?

Скорость страницы — это измеримая характеристика, которая относится к скорости загрузки контента на веб-сайте.

Page Speed ​​— это всеобъемлющий термин, который измеряет скорость загрузки мобильных страниц и показывает эффективность и качество сайта. Это решающий фактор ранжирования веб-сайтов в результатах поиска Google, поскольку более быстрая загрузка страницы приводит к росту, а более медленная загрузка страницы снижает видимость.

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

Почему важна скорость страницы/скорость загрузки?

Google считает скорость страницы важным фактором для своего алгоритма, когда речь идет о ранжировании страниц.

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

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

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

Является ли скорость страницы фактором ранжирования?

Скорость страницы теперь считается Google одним из самых важных показателей Core Web Vitals и является одним из факторов ранжирования с точки зрения SEO.

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

 

Что снижает скорость страницы?

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

  • Большие файлы JavaScript на сайте

  • Большие файлы CSS и HTML, превышающие 150 байт

  • Увеличение количества перенаправлений на другие сайты

  • Уменьшено кэширование браузера

  • Изображения и виджеты

 

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

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

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

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

Почему еще вы должны использовать инструмент проверки скорости? Некоторые тесты скорости, такие как Google PageSpeed ​​Insights, также дадут вам рекомендации по повышению скорости вашего сайта, что повысит общую производительность сети.

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

Давайте посмотрим на некоторые из доступных вариантов:

1. Google PageSpeed ​​Insights

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

Инструмент Google PageSpeed ​​Insights предоставляет аналитический отчет о производительности страницы как на настольных, так и на мобильных устройствах. Данные PageSpeed ​​Insights полезны для полевых данных — сбора данных о реальном опыте пользователей и лабораторных данных — отладки проблем с производительностью.

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

Источник: Google

2. Пингдом

Это один из старейших инструментов для проверки скорости страницы. Pingdom Website Speed ​​Test работает аналогично Google, предоставляя вам конкретную информацию, необходимую для повышения скорости вашего сайта.

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

Источник: Пингдом

3. Проверка веб-страницы

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

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

4. GTmetrix

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

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

  1. Lighthouse Metrics — эта система предоставляет оценки производительности и структуры, в первую очередь ориентируясь на скорость страницы.

  • Аудиты — Аудиты описывают пользовательский опыт, чтобы указать факторы, которые необходимо учитывать для повышения производительности.

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

  • Источник: GTmetrix

    5. Который загружается быстрее

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

    6. Биткача

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

    7. К6

    K6 — это платформа для нагрузочного тестирования с открытым исходным кодом, принадлежащая Grafana Labs. Он оценивает размер страницы и выполняет автоматическое тестирование, которое предоставляет критерии прохождения/непрохождения для всей страницы. K6 предлагает тестировать скорость страницы всякий раз, когда издатель беспокоится о масштабируемости своего веб-сайта. Тестирование с помощью инструмента K6 включает оценку времени отклика сервера и возвращенных ошибок. Эти фундаментальные аспекты определяют рост бизнеса.

    Источник: Влияние нагрузки

    Ваш сайт онлайн?

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

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

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

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

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

    • Website Planet: это одна из наших любимых программ онлайн-проверки веб-сайтов из-за дополнительной информации, которую она предоставляет. При этом, если вы используете комбинацию нескольких этих средств проверки веб-сайтов, вы получите всю необходимую информацию о текущей производительности вашего веб-сайта в Интернете.

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

    Оптимизация скорости сайта: как ускорить работу вашего сайта за 10 шагов

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

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

    1. Уменьшите размер изображений

    Во-первых, использование больших неоптимизированных изображений является одной из наиболее распространенных причин низкой скорости загрузки страниц. Каким бы впечатляющим ни было изображение с высоким разрешением, если размер файла превышает 1 МБ, рассмотрите возможность использования меньшего размера. Изображения JPEG/JPG также занимают меньшую пропускную способность, чем изображения PNG и GIF, поэтому мы всегда рекомендуем выбирать первое, когда речь идет о больших изображениях.

    2. Уменьшить количество HTTP-запросов

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

    3. Минимизируйте свой JavaScript

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

    4. Узнайте, как использовать кэшированное хранилище

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

    5. Сжимайте содержимое

    Сжатие уменьшает размер файла по мере того, как браузер посетителя обращается к данным — изображениям, CSS, Flash, JavaScript, тексту и видео. Поскольку службы сжатия, такие как gZIP, Pigz и другие, упаковывают вашу информацию в один файл, это ускоряет время загрузки вашего веб-сайта и снижает количество посетителей.

    6.Попробуйте сервис CDN 

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

    7. Уменьшите количество рекламы на вашем сайте

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

    8. Используйте меньше Flash на своем веб-сайте

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

    9. Уменьшите размер таблицы стилей CSS

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

    10. Получить другой хост

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

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

    Еда на вынос

    И все! Теперь вы знаете, что такое скорость загрузки страницы и как ее проверить и улучшить, пришло время применить полученные знания на практике.

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

    Скорость загрузки страниц: полное руководство

    Ваш сайт отстает по скорости загрузки страниц?

    Ищете способы повысить скорость загрузки страницы?

    Вы в правильном месте.

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

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

    Вперед!

    Почему важна скорость загрузки страницы?

    Скорость загрузки страницы имеет значение по очень важным причинам:

    • Показатель отказов. Показатель отказов – это количество клиентов, посетивших одну страницу вашего веб-сайта, а затем ушедших, не посетив другую страницу.Скорость загрузки сильно влияет на показатель отказов. Страницы со временем загрузки 2 секунды имеют средний показатель отказов 9,6%, а страницы со временем загрузки 7 секунд имеют показатель отказов 32,3%. Это огромная разница, и ее нельзя игнорировать.
    • Коэффициенты конверсии — Точно так же скорость загрузки страницы влияет на коэффициент конверсии — процент клиентов, которые действительно совершают покупку в вашем магазине. Веб-сайты, которые загружаются за 2,4 секунды, имеют коэффициент конверсии около 1.9%. Увеличьте скорость загрузки этой страницы до 5,7 секунд, и вы получите коэффициент конверсии 0,6% или меньше. Фу.
    • Рейтинг SEO — Google и другие поисковые системы включили скорость сайта в алгоритмы SEO и предпочитают сайты с более быстрой загрузкой, поэтому повышение скорости страницы также может улучшить SEO.
    • Пользовательский опыт . Даже если ваш веб-сайт доставляет удовольствие, посетители быстро разочаруются, если каждая страница загружается более 5 раз.На самом деле, 40% пользователей покинут ваш сайт, если он загружается дольше 3 секунд. (А вы думали, что у подростков короткая продолжительность концентрации внимания…)

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

    Подробное руководство по измерению скорости загрузки вашей страницы Magento вы можете найти в этом посте, который мы написали на эту тему, но мы дадим вам версию «Cliff’s Notes» здесь.

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

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

    Однако

    Pagespeed Insights не дает прямого измерения времени загрузки, а вместо этого дает рейтинг от 0 до 100. Если вы хотите измерить точное время загрузки в секундах, мы рекомендуем Gtmetrix, который мы используем в 121eCommerce.

    Вы получите точное время загрузки вашей страницы в секундах, обзор размера страницы, а также показатель PageSpeed ​​и YSlow, который поможет вам понять вашу производительность и то, как вы можете ее улучшить.Проверьте скорость загрузки страницы для нескольких страниц. Затем протестируйте некоторые страницы вашего конкурента. В зависимости от результатов вам понадобится либо коробка салфеток, либо бутылка шампанского (мы надеемся на последнее).

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

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

    Если вам удастся снизить время загрузки страницы до 1.7 секунд или меньше, это будет быстрее, чем 74% веб-сайтов. Но на самом деле все, что меньше 2 секунд, феноменально. Google рекомендует, чтобы веб-сайты электронной коммерции загружались менее чем за 2 секунды.

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

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

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

    • Изображения. Большие неоптимизированные изображения могут требовать больших ресурсов и замедлять работу вашего веб-сайта. Убедитесь, что вы удалили ненужные изображения и сжали изображения, чтобы уменьшить их размер. Используйте изображения JPG для продуктов и векторные изображения SVG для логотипов, иконок и других элементов дизайна веб-сайта.
    • Сложность и размер кода Если на вашем сайте много сложного кода, это может замедлить его работу.Мы рекомендуем регулярно оценивать ваш веб-сайт, чтобы удалить ненужный «спагетти» код, и использовать минификацию, чтобы уменьшить сложность и размер кода вашего веб-сайта.
    • Плагины и API Если вы интегрировали на свой веб-сайт множество сторонних приложений или используете множество расширений, это может замедлить работу вашего веб-сайта. Обязательно отключите и удалите ненужные API, плагины и расширения.
    • Сервер и хостинг Чем больше вы платите за лучший хостинг, тем выше будет ваша производительность.Мы рекомендуем всегда покупать лучший хостинг, который вы можете себе позволить — вы можете сделать все настройки, которые хотите улучшить скорость загрузки вашей страницы, но если ваш веб-хостинг медленный, это не будет иметь значения. В мире хостинга клише «Вы получаете то, за что платите» до боли верно.
    • Расположение клиентов и серверов Ваш сайт всегда будет дольше загружаться для клиентов, которые находятся дальше от вашего сервера. Вы можете рассмотреть возможность использования сети доставки контента (CDN), такой как CloudFlare, для распространения вашего контента между разными серверами в разных географических точках и ускорения загрузки страниц.
    • Кэширование Кэширование позволяет сохранять активы веб-сайта на компьютере посетителя или другом устройстве. Сохраняя файлы локально, можно значительно сократить время загрузки конкретной страницы.

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

    Сделайте своей целью повысить скорость загрузки страниц вашего веб-сайта 

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

    Застрял?

    Нужна помощь?

    Хотите получить совет от экспертов по электронной коммерции?

    Мы здесь, чтобы помочь.

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

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

    7 способов избежать проблем со скоростью загрузки при A/B-тестировании

    Время чтения: 9 минут

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

    Инструменты A/B-тестирования, в том числе Google Optimize , могут вызвать эффект белой страницы перед загрузкой варианта, известный как мерцание страницы A/B-тестирования.

    Скорость загрузки страницы и A/B-тестирование

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

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

    Наше решение состояло в том, чтобы создать Lightning Mode  , который всегда включен и делает наш Javascript «Pixel» легче  и намного быстрее , чем альтернативное программное обеспечение.

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

    1. Как мы можем обеспечить максимально быстрое обслуживание нашего пикселя
    2. Как мы можем обеспечить, чтобы наш пиксель запускал эксперимент как можно быстрее

    В этой статье представлен обзор технологий и концепций, используемых для ответа на эти вопросы. Мы заканчиваем тестом AB Testing , который мы установили, показывая, что наш пиксель теперь обеспечивает до 12.AB Testing в 8 раз быстрее, чем известная альтернативная платформа.

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

    1. Сохраняйте основной Javascript

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

    2. Масштабирование серверной архитектуры

    По мере того, как наша клиентская база росла, мы поняли, что пришло время изменить архитектуру нашей серверной инфраструктуры.Мы перешли со среды Google Cloud на Amazon Web Services , в то же время представив док-контейнеры и автомасштабирование .

    Пиксель обслуживается набором контейнеров, управляемых Application Load Balancer (ALB) в кластере ECS . Сам контейнер запускает NginX для обслуживания файлов Javascript из хранилища EFS и Gzip для их дальнейшего уменьшения размера.

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

    Рисунок 8. Архитектура сервера Pixel setup

    3. Храните все данные в одном файле

    Веб-страница содержит множество ресурсов (изображения, Javascript, CSS), которые все должны быть загружены, прежде чем страница будет готова для представления пользователю. Пиксель Convertize загружается максимально быстро, обеспечивая:

    • Все необходимые данные, код и css встроены в один файл.Браузеры могут обрабатывать только определенное количество одновременных подключений к одному домену, поэтому чем меньше HTTP-подключений, тем лучше.
    • Любая информация об обнаружении пользователя, такая как Геолокация и Обнаружение устройства , вводится NginX непосредственно в пиксель, поэтому нам не нужно делать дополнительные вызовы стороннего API.

    4. Оптимизация размера пикселя

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

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

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

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

    Во избежание проблемы с FOOC (вспышка исходного содержимого, также называемая эффектом мерцания) пиксель ненадолго скроет содержимое страницы, пока не будут внесены все изменения SmartEditor™.

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

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

     

    Рисунок 9. Поток пикселей для варианта Split URL

    6. Используйте асинхронное отслеживание

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

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

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

    7. Обработка преобразований с помощью файлов cookie и очередей заданий

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

    В нашей предыдущей настройке у нас был сервер NginX , прослушивающий запросы на преобразование и записывающий данные в файл, который читался демоном Treasure Agent . Демон будет анализировать данные журнала на предмет конверсии и записей об участии в эксперименте, а затем создавать сценарий для вставки конверсии в KairosDB (интерфейс временной шкалы для Apache Cassandra ).

    NginX был настроен с помощью модуля ngx_http_userid для автоматического создания сторонних файлов cookie для идентификации клиентов путем присвоения им уникального идентификатора. Сценарий конверсии будет запрашивать KairosDB с этим уникальным идентификатором и определять, была ли конверсия новой или нет (это особенно важно для идентификации новых и вернувшихся посетителей).

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

    Рисунок 10. Старая архитектура обработки конверсий

    По мере роста трафика мы узнали, что эта установка не может масштабироваться.Вот некоторые из проблем, с которыми мы столкнулись:

    • Хранение и запрос уникальных идентификаторов KairosDB не было масштабируемым решением. Чем больше у нас было конверсий, тем медленнее становилась система.
    • Использование Treasure Agent таким образом было ограничено скоростью, с которой он мог анализировать файлы журналов. Мы не смогли масштабировать это, так как записи журнала должны были быть прочитаны в последовательном порядке для обработки междоменного отслеживания .

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

    Наше новое решение попрощалось с Treasure Agent и модулем NginX для идентификации посетителей. Когда пиксель отправляет запрос на отслеживание на сервер, он извлекается NginX, работающим внутри масштабируемой службы докеров, которая передает его через приложение python WSGI .

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

    Если мы хотим отслеживать конверсию, она будет отправлена ​​в очередь Amazon SQS для обработки потребительскими скриптами Python, которые будут извлекать элементы из очереди и обрабатывать их, вставляя данные в KairosDB. Поскольку больше не нужно выполнять запросы для обеспечения уникальности, мы просто вставляем данные, а операции записи в KairosDB выполняются молниеносно. Мы еще больше улучшили эту скорость, создав KairosDB и кластер Cassandra за балансировщиками нагрузки.

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

     

    Рисунок 11. Новая архитектура обработки конверсий

     

    Тестирование A/B Тест скорости загрузки

    ОБНОВЛЕНИЕ

    , август 2021 г.: Компания VWO недавно опубликовала на своей домашней странице тест скорости загрузки. Вот как мы сравниваем: Convertize по-прежнему в 12,8x быстрее, чем VWO, и в 120 раз быстрее, чем AB Tasty .

    В 2017 году мы провели сравнение загрузки и скорости с нашими конкурентами (для приличия мы опустили их имена и вместо этого везде использовали XXO).

    Вот как мы действовали:

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

    .
    • Размер пикселя — Сколько данных загружается
    • Время загрузки пикселя — Сколько времени требуется для загрузки и запуска кода пикселя
    • Время загрузки страницы — Сколько времени прошло до применения вашего A/B-теста и отображения варианта

    Базовая информация об эталонном тестировании A/B
    • Скорость интернет-соединения: 20 Мбит/с
    • Размер веб-сайта: ~1223 КБ
    • Размер дерева DOM: 732 элемента
    • Время загрузки страницы проверено с помощью инструмента GTMetrix
    • Время загрузки исходной страницы (без пикселей): 4.40 лет
    • Сжатие GZip отключено
    Загрузка всего кода пикселя без изменений

    Наш Pixel имеет несколько ключевых преимуществ по сравнению с конкурентами:
    • Он не загружает никаких дополнительных ресурсов (JS/CSS), поэтому его размер очень мал (56 КБ для всего кода). Для этого требуется всего один HTTP-запрос к нашим серверам. XXO отправляет как минимум 4 разных запроса, что плохо влияет на время загрузки.
    • Практически не тормозит сайт заказчика.Время загрузки очень близко к исходному времени загрузки
    • Простота установки — один простой тег вместо фрагмента кода JS (XXO)

    Сравнительный тест
    Тест скорости загрузки №1

    шагов эталона:

    • Изменить текст абзаца длиной 676 байт
    • Вставить новый абзац со 128 байтами текста
    • Изменить содержимое вставленного абзаца (расширить содержимое дополнительными 600 байтами данных)
    • Расширенное действие HTML для контейнера длиной 4645 байт
      • Добавить атрибут к элементу A (data-attribute=»test»)
      • Изменить стиль для элемента B (добавить цвет и цвет фона)
      • Удалить элемент DOM (длиной 40 байт)
      • Переставить элементы
    • Вставить новое изображение
    Тест скорости загрузки №2

    шагов эталона:

    • Изменить текст элемента A — удалить 100 байт
    • Изменить текст элемента A — добавить 50 байт
    • Изменить текст элемента A — заменить содержимое новым текстом (128 байт)
    • Расширенный HTML для элемента A — добавьте h2 (30 байт)
    • Удалить элемент А
    • Отменить изменения
    • Изменить текст элемента A — добавить 1024 байта
    Тест скорости загрузки №3

    шагов эталона:

    • Переставить элемент A после элемента B
    • Переставить элемент A после C
    • Переставить элемент A после D
    • Переставить элемент A перед элементом B (исходное положение)
    • Расширенный HTML для родительского элемента A
      • Переставить элемент A после элемента B
      • Добавить атрибут к элементу A
    • Изменить стиль элемента C
      • Изменить цвет
      • Изменить цвет фона
      • Добавить границу
    • Используйте расширенный редактор CSS для элемента C
      • Удалить все свойства (должно быть в исходном состоянии)
    Тест скорости загрузки №4

    шагов эталона:

    • Изменить текст элемента A
    • Изменить текст элемента A
    • Изменить текст элемента A
    • Восстановить исходный текст элемента A (Pixel ничего не должен делать)

    Время загрузки результатов

    Размер пикселя

    Время загрузки пикселей

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

     

    Из этих тестов видно, что наш пиксель теперь равен 17.В 2 раза быстрее, чем XXO, а это огромная разница!

    О будущем

    В этой статье мы описали 7 способов, которые мы использовали для оптимизации нашего пикселя A/B-тестирования.

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

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

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

     

    Как правильно запустить тест скорости веб-сайта

    Цель каждого владельца интернет-магазина — привлечь трафик на свой сайт, что в конечном итоге приведет к конверсиям.

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

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

    Почему важна скорость

    Высокая скорость сайта полезна для пользователей и для SEO.

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

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

    Увеличение скорости страницы также влияет на коэффициент конверсии. Одно тематическое исследование показало, что ускорение загрузки всего на одну секунду привело к увеличению числа конверсий на 27 процентов.

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

    Начало работы

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

    • Кэширование
    • Сеть доставки контента (CDN)

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

    Необходимо собрать, упаковать и отправить огромное количество информации.

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

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

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

    Выберите место для тестирования

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

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

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

    Самое главное в тесте скорости страницы вашего веб-сайта — быть последовательным. Неважно, откуда вы тестируете. Если вы физически не находитесь в своем тестовом месте, используйте виртуальную частную сеть (VPN) для запуска теста.Это позволит вам выбрать, «где» ваше устройство и сеть считают, что вы находитесь.

    Проведите тест еще раз

    И снова. И снова.

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

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

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

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

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

    Когда вы будете готовы запустить тест скорости веб-сайта, вы можете использовать множество инструментов:

    1. Pingdom : тестирует скорость сайта и платные планы для мониторинга транзакций и информации о посетителях — все бесплатно
    2. Google PageSpeed ​​Insights : предоставляет данные для теста скорости страницы на настольных и мобильных устройствах
    3. Google Mobile Website Speed ​​Testing Tool: анализирует ваш сайт для пользователей смартфонов, планшетов и других мобильных устройств
    4. Google Analytics Site Speed ​​ : еще один тест скорости сайта, принадлежащий Google, который интегрируется с вашим Google Analytics
    5. Chrome DevTools: да, четвертый инструмент проверки скорости страницы Google — это расширенный инструмент разработчика 
    6. веб-страница Test : изменяет ваше местоположение, браузер, тип и скорость подключения и многое другое, а также запускает несколько тестов
    7. GTmetrix: позволяет выбрать браузер и местоположение, а также рекомендации по улучшению
    8. Тест скорости веб-сайта KeyCDN: сообщает вам, какие активы тянут вас вниз — и ими можно поделиться, чтобы вы могли передать их своей команде
    9. DareBoost : тест производительности веб-сайта, который выявляет проблемы и возможности 
    10. YSlow: расширение для браузера, которое анализирует страницы по мере их посещения 
    11. Load Impact : предлагает до 50 тестов бесплатно (или вы можете заплатить больше), включая статистику посетителей
    12. Тест скорости веб-сайта от Cloudinary: проверяет скорость сайта с учетом конкретных сведений о ваших изображениях
    13. Dotcom-Monitor: расширенное платное решение (с 30-дневной бесплатной пробной версией) для общей производительности сайта, уведомлений, информационных панелей и открытого API
    14. New Relic: еще один платный тест скорости веб-страницы, который также анализирует производительность мобильного приложения
    15. Uptrends Бесплатный тест скорости веб-сайта : настраивает местоположение, браузер, устройство, ограничение узкого места и даже размер экрана
    16. Тест скорости загрузки сайта : тест скорости SEO, который также обеспечивает всесторонний анализ SEO
    17. Тест скорости веб-сайта Sitechecker : отслеживает производительность сайта с течением времени и предоставляет действенные советы по устранению проблем

    Как ускорить работу вашего сайта

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

    .

    Оптимизировать изображения

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

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

    Вот несколько способов уменьшить размер файла изображения: 

    • Используйте опцию «сохранить для Интернета» в Photoshop
    • Придерживайтесь формата .jpeg (он обеспечивает максимальное сжатие)
    • Измените размер изображения до нужных размеров — ничего большего
    • Получите подключаемый модуль сжатия изображений для CMS
    • Сжимайте файлы с помощью бесплатного сервиса, такого как TinyPNG
    • Сокращение CSS, JavaScript и HTML

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

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

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

    Есть и другие ручные настройки, которые вы должны сделать. Удалите из кода пробелы, запятые и другие ненужные символы. Это уменьшает то, сколько ваш сайт должен «прочитать» для правильной загрузки. Также рекомендуется удалить любой код JavaScript, блокирующий рендеринг. У Google есть больше информации об этом.

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

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

    Google говорит: «Дополнительные перенаправления HTTP могут добавить один или два дополнительных сетевых обхода (два, если требуется дополнительный поиск DNS), что приводит к дополнительным сотням миллисекунд задержки в сетях 4G. По этой причине мы настоятельно рекомендуем веб-мастерам свести к минимуму их количество, а в идеале — полностью исключить перенаправления — это особенно важно для HTML-документа (по возможности избегайте перенаправления с точкой)».

    Перенаправления 301 и 302 выполняются на стороне сервера (это означает, что администратор сайта создает эти перенаправления) и используется, когда вы удаляете страницу и хотите избежать ошибки 404.Чтобы минимизировать это, измените все внутренние ссылки на целевой URL.

    Перенаправления «m точек» происходят в цикле HTTP-запрос-ответ. Это происходит, когда у вас есть мобильный URL-адрес, который выглядит так: m.yoursite.com .

    Резюме

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

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

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

    Хотите узнать больше?

    13 бесплатных инструментов для проверки скорости веб-сайта

    Регулярное тестирование скорости вашего веб-сайта — хороший способ выявить узкие места и повысить удобство работы посетителей.

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

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

    Пингдом. Проанализируйте скорость загрузки вашего сайта и узнайте, как ее ускорить. Pingdom позволяет определить, что является быстрым, медленным, слишком большим, а также лучшие практики, которым вы не следуете. Узнайте, насколько ваш веб-сайт соответствует рекомендациям Google PageSpeed ​​Insights по производительности. Тесты сохраняются, поэтому вы можете отслеживать свою производительность с течением времени.Все тесты проводятся с использованием реальных веб-браузеров, поэтому результаты соответствуют опыту конечного пользователя. Базовый инструмент предоставляется бесплатно. Премиум-версия стоит 14,95 долларов в месяц.

    Пингдом

    Пейджлокити. Pagelocity — веб-приложение для анализа, оптимизации и мониторинга веб-страниц. Аудит контента предлагает информацию о ключевых словах, заголовках, ссылках (внутренних, внешних и nofollow), а также альтернативном тексте для изображений. Поддерживайте оптимизацию веб-страницы, зная ее состав (сколько изображений, сценариев или файлов стилей она содержит).Получите полезную информацию о вашей разметке: классы/идентификаторы, теги, Google PageSpeed ​​и многое другое. Получите расширение Chrome для быстрого анализа онлайн-страниц.

    Нибблер. Nibbler — бесплатный инструмент для тестирования веб-сайтов. Введите адрес любого веб-сайта, и Nibbler предоставит вам отчет с оценкой веб-сайта от 1 до 10 в ключевых областях, включая доступность, SEO, социальные сети и технологии. Нибблер бесплатен, но ограничен тремя отчетами. Pro-версия стоит 60 долларов в месяц.

    GTmetrix. GTmetrix — это инструмент, позволяющий легко определить производительность вашего веб-сайта. Получите информацию о скорости загрузки вашего сайта вместе с действенными рекомендациями по устранению узких мест. Запланируйте мониторинг и настройте оповещения. Протестируйте в нескольких регионах и проанализируйте свою производительность на мобильных устройствах. Премиум-план предлагает воспроизведение видео. Служба бесплатна для трех URL-адресов. Премиум-планы начинаются с 14,95 долларов в месяц.

    GTmetrix

    YМедленно. YSlow анализирует веб-страницы и выясняет, почему они работают медленно, на основе 34 правил Yahoo для высокопроизводительных веб-сайтов.Анализ веб-страниц YSlow основан на 23 правилах, которые можно проверить. YSlow оценивает веб-страницу, суммирует компоненты и статистику, предлагает предложения и предоставляет инструменты для анализа производительности.

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

    мобильный Готов. mobiReady — это бесплатный инструмент тестирования для мобильных веб-разработчиков, дизайнеров и маркетологов, позволяющий оценить готовность веб-сайта к мобильным устройствам с использованием лучших отраслевых практик и стандартов.Тесты основаны на стандартах W3C, а также на рекомендациях Yahoo YSlow и Google PageSpeed. Получите анализ и рекомендации, чтобы определить, насколько хорошо ваш сайт работает на мобильных устройствах. Сравните свое присутствие в Интернете с конкурентами.

    mobiReady

    Варвы. Varvy — это набор бесплатных инструментов для тестирования SEO, скорости и мобильной функциональности веб-сайта. Запустите инструмент SEO, чтобы увидеть, насколько хорошо страница соответствует рекомендациям Google. Проверьте оптимизацию скорости страницы.И проверьте веб-страницу на наличие проблем с SEO для мобильных устройств. Каждая тестовая страница также содержит набор справочных советов и рекомендаций по оптимизации производительности веб-страницы.

    Дотком-Монитор. Тест скорости Dotcom-Monitor позволяет пользователям тестировать свой веб-сайт из 20 мест по всему миру. После завершения теста пользователи могут перейти к отчетам о производительности и анализу каскадной диаграммы. Пользователи также могут выбрать, какой браузер они хотят протестировать — Chrome, Firefox, Internet Explorer и мобильные браузеры, включая iPhone, iPad и другие. Пробная версия бесплатна в течение 30 дней. Бизнес-план начинается с $ 5,99 в месяц.

    Воздействие нагрузки. Load Impact моделирует трафик именно так, как это происходит в реальной жизни. Выполняйте крупномасштабные нагрузочные тесты с одновременным подключением до 1,2 миллиона пользователей. Одновременно генерируйте нагрузку из 10 разных местоположений и даже добавляйте больше местоположений по запросу. Запишите сеанс HTTP и позвольте смоделированным пользователям выполнять те же действия во время теста. Настройте нагрузочные тесты для запуска посреди ночи или один раз в неделю. Бесплатный план предлагает 10 тестов в месяц. Премиум-планы начинаются от 119 долларов в месяц.

    Воздействие нагрузки

    PageSpeed ​​Insights. Google PageSpeed ​​Insights измеряет производительность страницы для мобильных и настольных устройств. Он извлекает URL-адрес дважды, один раз с мобильным пользовательским агентом и один раз с настольным пользовательским агентом. Оценка PageSpeed ​​варьируется от 0 до 100 баллов. PageSpeed ​​Insights постоянно совершенствуется; оценка изменится с новыми правилами или улучшенным анализом.

    Тест веб-страницы. Первоначально разработанный AOL для внутреннего использования, WebPagetest — это проект с открытым исходным кодом, который в настоящее время в основном разрабатывается и поддерживается Google. Запустите бесплатный тест скорости веб-сайта из разных мест по всему миру, используя настоящие браузеры (Internet Explorer и Chrome) и на реальной скорости подключения потребителя. Выполняйте простые тесты или выполняйте расширенное тестирование, включая многоэтапные транзакции, захват видео, блокировку контента и многое другое. В обмен на запуск тестовой локации партнеры получают свой логотип, связанный с локацией, и баннер на сайте.Хостинг тестовой локации открыт для всех желающих.

    Восходящие тренды. Бесплатный тест скорости веб-сайта Uptrends позволяет пользователям тестировать веб-сайт с помощью 35 глобальных контрольных точек. Проверьте свою веб-страницу и отобразите время разрешения, TCP-подключения, HTTPS-рукопожатия, отправки, ожидания и получения. Тест скорости бесплатный. Премиум-сервис начинается с 13,35 долларов в месяц за постоянный мониторинг.

    Восходящие тренды

    .

    Добавить комментарий

    Ваш адрес email не будет опубликован.