Как проверить скорость загрузки сайта: онлайн-сервисы — Lemarbet
Скорость загрузки страниц сайтов с самого появления Интернета играла важную роль для пользователей, которые хотели как можно быстрее получить нужную им информацию.
Теперь же и поисковые системы начали учитывать данный параметр при ранжировании, особенно если речь идет о коммерческих запросах. Запись об этом появилась в официальном блоге Google еще 9 апреля 2010 года :
Если в двух словах, то в этой новости говорится о том, что быстрая загрузка страниц сайта положительно сказывается на пользовательском опыте. Поэтому скорость загрузки роботами теперь станет одной из составляющих алгоритмов Google, влияя на ранжирование веб-ресурса в выдаче и на рейтинг в поиске.
Исследования компании Kissmetrics, которая специализируется на веб-аналитике, показали наличие зависимости между скоростью работы веб-сайта и удовлетворенностью его посетителей (потенциальных клиентов):
- 47% посетителей ожидают, что страницы сайта загрузятся в течение 2 секунд или меньше;
- 40% посетителей закроют вкладку, если страница будет загружаться более 3 секунд;
- каждый второй пользователь испытывает чувство раздражения, если время ожидания превышает 3 секунды;
- 79% клиентов, недовольных скоростью работы интернет-магазина, не сделают в нем повторной покупки;
- 44% онлайн-покупателей расскажут друзьям и родным о своем негативном опыте.
Можно сказать, что такой показатель, как скорость загрузки сайта становится одним из важнейших для его владельца, особенно если мы говорим об интернет-магазинах. Ведь медленная загрузка страниц приводит к отказу посетителей от их просмотра, а в долгосрочной перспективе – и потере трафика с органического поиска.
Сервисы для проверки скорости загрузки сайта
Узнать, как быстро работает сайт вашего интернет-магазина, можно с помощью теста, провести который позволяют специальные инструменты, доступные онлайн. Такой анализ обычно помогает не только замерить, собственно, скорость сайта, но и получить рекомендации по устранению ошибок и оптимизации отдельных элементов, которые замедляют его работу.
Вот несколько сервисов, которые позволяют быстро и бесплатно получить такую статистику.
GTmetrix.com
Сервис оперирует данными инструментов от поисковых систем Google и Yahoo (PageSpeed Insights и YSlow), что позволяет получить действительно полную картину относительно быстродействия веб-проекта.
В качестве примера можно запустить быстрый анализ одного из популярных сайтов, например AIN.UA. Буквально через несколько секунд мы получим следующие результаты:
Если вы недостаточно хорошо знаете английский язык, рекомендуем воспользоваться переводом от Google Translate. Если же вы используете в работе браузер Google Chrome, можно нажать правой кнопкой мышки в любом месте страницы и выбрать пункт меню «Перевести на русский». Страница будет переведена практически мгновенно.
Правда, стоит обратить внимание на то, в какой географической локации осуществляется проверка. Если сервер расположен далеко от вашего целевого региона, нужно понимать, что значение времени загрузки не будет полностью корректным. Поэтому обращайте внимание не столько на сам показатель времени, сколько на рекомендации, выдаваемые сервисом.
Обратите внимание на ряд показателей. В блоке Performance Scores (“Результаты производительности”) выводятся данные по оценке сайта на основе PageSpeed Insights (94%) и YSlow (68%). Они могут серьезно отличаться за счет разницы в алгоритмах, но больше внимания нужно обращать именно на значение первого показателя.
Затем идет блок Page Details (“Подробности страницы”):
с такими данными, как Page Load Time (“Время загрузки страницы”), Total Page Size (“Общий размер страницы”) и Requests (“Запросы”). В последнем пункте речь идет о количестве сделанных запросов во время теста, которые понадобились для полной загрузки всех составляющих страницы.
Ниже можно увидеть список различных показателей по вкладкам. В контексте быстродействия сайта нас интересует именно первая вкладка под названием Page Speed:
Это рекомендации, сгенерированные сервисом на основе анализа вашего сайта, внедрение которого поможет повысить скорость загрузки его страниц. Нажав на любой из пунктов, можно подробнее увидеть, в чем проблема, и прочитать, как это исправить:
В общем, при работе с GTmetrix.com все довольно просто – зеленая стрелочка вверх значит, что ваши результаты лучше, чем в среднем, а красная, направленная вниз, свидетельствует о том, что показатели хуже, чем в среднем у других сайтов.
А цвет в колонке Grade списка рекомендаций обозначает уровень оптимизации по определенному пункту: низкий (красный), средний (желтый) и высокий (зеленый).
Соответственно, все, что не обозначено зеленым цветом, подлежит улучшению, и внедрение данных рекомендаций поможет увеличить скорость работы сайта.
Pingdom Tools
Еще один популярный сервис, который позволяет провести тест скорости сайта, — tools.pingdom.com. Среди его преимуществ – указывание расположения сервера, с которого осуществляется проверка. По возможности рекомендуется выбирать страну, наиболее близкую к целевому региону, в котором планируется продвижение вашего веб-проекта.
Запустив с помощью Pingdom анализ того же AIN.UA, через несколько секунд мы получим следующие результаты:
Как видно на изображении выше, чуть ниже — на отображении результатов, здесь тоже выводятся данные по анализу страницы (Page Analysis) и рекомендации по повышению быстродействия (Recommendations):
Чтобы провести более подробный анализ, можно протестировать скорость загрузки сайта через оба сайта одновременно и сравнить полученные рекомендации.
Кроме перечисленных популярных зарубежных сервисов, есть ряд разработок из стран СНГ, доступных на русском языке:
- pr-cy.ru – инструмент для проверки скорости сайта от популярного портала для веб-мастеров и SEO-специалистов. Можно выбрать ПК или мобильные, а по результатам выдается ряд простых рекомендаций по ускорению загрузки;
- sitespeed.ru – запускает тест путем обращения с серверов, размещенных в России, что может пригодиться в случае, если вас интересует проверка сайтов, ориентированных на страны СНГ.
Еще один полезный сервис – Loadimpact.com, который позволяет онлайн проверить, как работает сайт в режиме нагрузки. Тестирование осуществляется за счет генерации разного числа запросов в секунду с возрастающей динамикой. Его можно использовать для проверки стойкости к нагрузкам хостинга, на котором работает ваш веб-проект.
Как увеличить скорость загрузки сайта или интернет-магазина
С ростом доступности высокоскоростного доступа к Интернету как с ПК, так и с мобильных устройств, количество интернет-пользователей не снижает динамики роста. Однако некоторые сайты все ещё продолжают медленно работать.
По отношению к интернет-магазинам основная проблема состоит в том, что предприниматель может запустить красивый и удобный сайт, но из-за его медленной работы многие покупатели будут покидать его. По некоторым данным, даже задержка на 1-2 секунды может оказать существенное влияние на показатель доходности.
Конечно, лучше всего воспользоваться рекомендациями, полученными после анализа через перечисленные выше сервисы, но не лишним будет знать ряд универсальных советов, применение которых поможет вам сделать свой сайт или интернет-магазин быстрее:
- Уменьшите размер всех элементов страницы
- Оптимизируйте техническую часть. Квалифицированный программист может оптимизировать работу сайта таким образом, чтобы при просмотре его страниц пользователем количество обращений к базе данных было минимальным. Это тоже положительно влияет на производительность.
- Используйте сжатие данных. Речь идет о Gzip-скриптах и о применении других программных методов обработки файлов, при использовании которых сжатие данных выполняется на стороне сервера в ответ на запрос клиента;
- Включите кэширование. Технология кэширования поддерживается во многих современных CMS как для интернет-магазинов, так и других сайтов. Также подобная опция может предоставляться и провайдером вашего хостинга.
Технология кэширования используется для ускорения доступа к веб-страницам, которые уже посещались пользователем, при его повторном обращении. Существует два основных типа кэширования:
- на стороне сервера за счет применения специализированных скриптов;
- на стороне клиента (пользователя) путем сохранения файлов посещаемой страницы штатными средствами веб-браузера в памяти устройства, с которого осуществлялось посещение.
- Избегайте редиректов. Если на вашем сайте используются редиректы, по возможности уменьшайте их количество. Каждая такая переадресация создает отдельный запрос к серверу, увеличивая нагрузку на него.
- Используйте быстрый хостинг. Скорость работы сайта во многом зависит и от качества используемого хостинга. Поэтому рекомендуется обратить внимание на величину выделенного под ваш ресурс объема оперативной памяти (чем больше, тем лучше) и применять хостинг, на котором вместо обычных жестких дисков данные хранятся на SSD-накопителях. На нашем блоге вы можете подробнее почитать о критериях выбора хостинга.
- Следите за скоростью своего сайта. Периодически проверяйте скорость работы своего интернет-магазина, используя перечисленные в этой статье онлайн-сервисы. Если ваш сайт добавлен в панель веб-мастеров Google, обратите внимание на раздел “Сканирование”, в котором есть подпункт “Статистика сканирования”. Здесь можно увидеть график, на котором отображается время, затраченное на загрузку страницы поисковым роботом Google:
На скриншоте выше видно, что время загрузки существенно улучшилось в январе, когда сайт был перенесен на более качественный и быстрый хостинг.
Таким образом, вы сможете оперативно заметить снижение скорости загрузки и незамедлительно устранить возникшие проблемы.
Придерживаясь перечисленных советов, вы сможете повысить быстродействие проекта, что важно как для интернет-магазинов, так и для информационных сайтов.
Content Delivery Network (CDN)
Content Delivery Network (CDN) – в переводе с английского ‘сеть доставки контента’. Ее суть в оптимизации доставки контента конечному пользователю за счет организации географически распределенной сетевой инфраструктуры. Посредством CDN контент распределяется между несколькими серверами, снижая количество маршрутизаторов между конечными файлами и пользователем, который к этим файлам обращается.
Каждая из периферийных платформ содержит копию данных из центрального сервера в актуальном состоянии, отдавая их в ответ на запрос пользователя. Количество распределенных узлов, входящее в крупную CDN, может быть по-настоящему огромным. Суть преимущества использования этой технологии сводится к тому, что чем ближе данные к клиенту, тем меньшей будет для него задержка при их получении и, соответственно, ниже затраты серверных ресурсов.
Это действительно важно!
Если вы тратите время и деньги на привлечение потенциальных клиентов, но сайт медленно работает, им некомфортно его использовать, и они уходят. В результате вы теряете не только продажи, но и средства, вложенные в маркетинг.
Что не менее важно – предприниматель несет репутационные потери. Недовольный клиент в итоге делает за заказ в другом месте, а по отношению к вашей компании у него сложится негативное мнение. В результате скорость загрузки страниц является важной метрикой для любого интернет-магазина, ведь сайт, который медленно работает, генерирует целый ряд проблем для бизнеса.
- Автор: Владимир Федоричак
Зачем и как проверять скорость загрузки сайта? / Хабр
Скорость работы — один из ключевых показателей сайта. От него зависят позиции в поисковой выдаче и конверсия продаж. Следует контролировать быстродействие с помощью специализированных сервисов и предпринимать меры по ускорению загрузки страниц.Быстрый удобный сайт — щедрый источник продаж. Скорость загрузки страниц — конкурентное оружие и основа успеха в интернете. Важно стремиться улучшать этот параметр и обязательно контролировать его доступными средствами.
Гонка за покупателем
Компании и предприниматели в интернете борются за сердца пользователей — своих потенциальных клиентов. Сайты становятся все более красивыми, информативными, функциональными. В ход идут орудия SEO, SMM и контекстной рекламы. Задействуются любые средства интернет-маркетинга — лишь бы оказаться на передовой поисковой выдачи.
Можно вложить уйму сил и денег в дизайн, контент, пиар и расшаривание сайта в сети — но остаться не у дел. И все лишь потому, что ресурс слишком медленный.
Почему так важна скорость?
Работа в интернете — это серфинг. Человек легко переходит со страницы на страницу, с сайта на сайт. За короткий промежуток времени совершаются десятки кликов, переходов, просмотров страниц.
Пользователь ограничен во времени. Ему всегда некогда. Он спешит открыть для себя новые уголки бескрайнего интернет-пространства.
Время — главная ценность для человека, и особенно для интернет-пользователя.
К тому же, в интернете всегда есть выбор. Поисковики выдают по одному запросу десятки, а то и сотни сайтов похожей тематики.
Простой пример:
Аркадий вводит «робот-пылесос купить», он решил сделать подарок любимой жене. Вверху выдачи сразу несколько подходящих сайтов.
Результаты поисковой выдачи по запросу «робот-пылесос купить» в регионе Москва
Не долго думая Аркадий выбирает сайт, наиболее подходящий своему запросу — например тот, где большой ассортимент, предлагают акции и есть гарантии.
Без пяти минут покупатель кликает на сайт, предвкушая увидеть то, что искал. Но проходит несколько секунд — а заветная страница продолжает грузиться. Вместо красивого робота-пылесоса по сказочной цене перед глазами висит пустой фон.
В тот момент, когда страница, наконец, открывается — Аркадий уже закрыл вкладку и выбирает пылесос на соседнем сайте конкурента.
Факт
«70% пользователей с меньшей вероятностью совершат покупку (и маловероятно, что вернутся в будущем), если время загрузки дольше, чем ожидалось».
По данным опроса Unbounce
Как скорость влияет на SEO?
Скорость загрузки сайта — один из факторов ранжирования. Google сообщил об этом еще в 2010 году. Ну а к 2020-м гг. значимость показателя page speed только выросла.
Быстродействие прямо влияет на SEO, и вот почему:
- Поисковые системы напрямую замеряют скорость загрузки, повышая приоритет быстрых сайтов.
- Поисковики следят за поведением людей: если страницы реже посещают и чаще закрывают — рейтинг понижается.
И если прямой замер скорости играет не такую уж важную роль, то поведенческие факторы сегодня — это основа для построения поисковой выдачи. Из двух равных сайтов всегда выше окажется более быстрый, и он же принесет больше продаж.
Высокая скорость загрузки — первоочередная необходимость. Страницы должны открываться как можно быстрее — почти мгновенно. Для этого нужны соответствующие технические решения.
Какой сайт быстрый, а какой нет?
Скорость загрузки сайта зависит от суммы факторов, в том числе от качества интернет-соединения на стороне пользователя, вида и настроек браузера, типа устройства. Но если брать самые средние показатели, быстродействие должно составлять 2-3 секунды.
Задержка в 5-7 секунд еще допустима. Но если контент загружается более 10 секунд — нужно принимать меры.
64% пользователей ожидают, что страницы будут загружаться не более 4 секунд.
В общем и целом, быстрым следует считать такой сайт, который не раздражает пользователя. Страницы ресурса должны загружаться достаточно оперативно — как минимум, не хуже, чем у основных конкурентов и в среднем по интернету.
Как измеряется скорость?
Для проверки скорости сайта можно использовать доступные сервисы. Самый популярный из них — PageSpeed Insights от Google.
Пример работы сервиса PageSpeed Insights
Page Speed Insights замеряет скорость загрузки на десктопах и мобильных устройствах, а также выдает рекомендации по ускорению работы.
Еще один инструмент от Google — сервис Lighthouse, встроенный в браузер Chrome. С его помощью удобно тестировать страницы, просто заходя на них и нажимая кнопку теста.
Для проверки скорости мобильной версии предназначен сервис Test My Site.
Альтернативные инструменты
Не желательно пользоваться одним выбранным сервисом для замера быстродействия. Результаты проверок не всегда точны, да и слишком много факторов влияет на скорость страниц.
Вот список альтернативных инструментов для перепроверки результатов:
- GTmetrix;
- Pingdom Tools;
- WebPagetest;
- UpTrends;
- Loading.express;
- SiteSpeed.me.
Анализировать page speed можно и по отчетам веб-аналитики: в сервисах Яндекс.Метрика и Google Analytics. Здесь наглядно показывается, как соотносится скорость загрузки с отказами, конверсией и различными действиями пользователей.
Почему сайт медленный?
Быстродействие определяется двумя основными факторами:
- Скорость работы сервера, где хранятся файлы сайта.
- Программная часть самого ресурса.
Страницы могут медленно открываться, если на сервере проблемы или он расположен географически далеко.
Но даже если к серверу нет претензий, сам сайт может быть «тяжелым». Загроможденный код, большое количество неоптимизированного контента и использование устаревших решений — все это замедляет работу ресурса.
Как «разогнать» сайт?
Работы по ускорению сайта следует доверять исключительно компетентным разработчикам. В процессе оптимизации важно соблюсти баланс между техническими характеристиками, юзабилити, функционалом и контентом.
Код сайта
В числе возможных решений: грамотный подбор или смена сервера, доработка программной части и сокращение кода, архивация данных, настройка скриптов, обработка контента, обновление программного обеспечения.
Важно понимать, что со временем любому, даже самому совершенному сайту, требуется техническая модернизация, в том числе направленная на ускорение его работы.
Всего лишь односекундная задержка загрузки сайта снижает конверсию на 7%!
Постоянный мониторинг page speed
Работа на ускорение сайта дает результаты в виде продвижения в ТОП, роста посещаемости и увеличения продаж. Нужно контролировать page speed и улучшать показатель, одновременно повышая качество и привлекательность ресурса для пользователей.
Как проверить скорость загрузки сайта?
С самого появления интернета всех волновал вопрос: как проверить скорость загрузки сайта? Именно этот параметр играет важную роль для человека, стремящегося сразу же найти интересующую его информацию. К тому же поисковики учитывают это при определении позиций сайтов, особенно для коммерческих запросов.
В официальном блоге Google говорится, что на пользовательском опыте благоприятно сказывается быстрая закачка веб-проекта. Она также является одной из составляющих алгоритмов Гугл, оказывая влияние на выдачу и рейтинг в поиске.
Специализирующееся на веб-аналитике агентство провело исследование, продемонстрировавшее удовлетворенность потенциальных клиентов быстротой работы:
- 47% людей предполагают, что все загрузится за две и менее секунд;
- 40% посетителей закрывают вкладку, если ждать приходится более трех секунд;
- Каждый второй раздражается, если ждать приходится более 3 сек.;
- 79% откажутся от повторной покупки в вашем интернет-магазине, если они недовольны быстродействием площадки;
- 44% онлайн-потребителей расскажут родным и знакомым о негативном опыте.
Для владельцев интернет-магазинов этот показатель должен быть одним из наиболее существенных. Последствия медленной работы — посетители отказываются от просмотра страничек. В будущем это спровоцирует снижение трафика с органического поиска.
Сколько грузится ваш ресурс?
Когда веб-портал грузится долго, потенциальные клиенты уходят к конкурентам. Даже красивое изображение и понятный интерфейс не спасут ситуацию, потому что их просто не увидят. В итоге вы потеряете возможную прибыль.
Главные факторы
На такой важный элемент комплексной оптимизации особое влияние оказывают сразу несколько факторов. Они делятся на серверные и клиентские.
Серверные
- Быстродействие хостинга (другими словами, «места», где находится сайт). Обработка запроса с DNS и редиректов (перенаправлений), соединение с сервером и его ответ — эти этапы и время их выполнения лежат в области функционирования хостинга. Неудовлетворительные показатели негативно скажутся на скорости веб-сайта.
- Работа сервера базы данных.
- CMS (система управления контентом) и программный код. Особое внимание стоит уделить модулям, расширениям, модификациям от разработчиков и правильности использования систем.
Клиентские
- Мультимедиа. Публикуя большие по размеру документы, помните, что это увеличивает нагрузку. Вследствие этого повышается затрачиваемое время, пока все загружается. Чтобы улучшить этот критерий, требуется оптимизировать фото- и видеоконтент, правильно распределить количество.
- Быстрота действия стороннего хранилища мультимедиа. Если вы публикуете файлы, хранящиеся на стороннем сервере, следите, чтобы его показатели были в удовлетворительном состоянии.
- Оптимизация критического пути: CSS-стили, JavaScript. Губительное воздействие оказывает неверное размещение CSS и скриптов JS, их значительный объем с большим количеством малозначимых символов, применение огромных внешних библиотек JavaScript ради пары функций. Другими словами, это зона ответственности программистов, которые разрабатывали сайт/конструктор.
- Веб-шрифты. Используются как популярное дизайнерское решение. Такие дополнительные детали негативно воздействуют на то, как быстро отрисовывается интернет-страница.
- Отсутствие кэширования. При каждом взаимодействии пользователя с сайтом происходит вынужденное запрашивание данных с онлайн-сервера. Если задействовать кэш, значительная часть данных не потребует повторной загрузки, это улучшит ситуацию.
Влияние на ранжирование
Если приходится долго ждать ответ, тогда образуется ряд проблем, влияющих на определение места в выдаче. Причинами спада позиций и неэффективности продвижения являются поведенческие факторы. При анализе это не всегда учитывается, но прослеживается прямая зависимость с отказами. Долгое ожидание приводит к значительному количеству покинувших веб-портал после просмотра одной странички. Яндекс берет во внимание подобное.
Гугл провел эксперимент, который доказал, что даже несущественное увеличение времени ожидания при поиске со 100 до 400 мс уменьшает число запросов от одного пользователя на 0,2-0,6%. Даже если вы восстановите исходные числа, губительный эффект уже невозвратим. Вывод: если в выдаче присутствуют медленные площадки, то Google теряет клиентов. Это ведет к денежной потере компании, что и стало следствием внимательного слежения за этим параметром.
Ускорение = рост продаж
Чем быстрее открывается интернет-страничка, тем больше шансов, что пользователь останется в вашем магазине. Проводилось сравнение мобильных сайтов со временем открытия 5 и 19 секунд. При первом варианте отказов было на 35 процентов меньше.
Глубина просмотров растет. Если можно свободно «летать», то за раз получается просмотреть много онлайн-страничек. Возвращаясь к сравнению с 5 и 19, очевидно, что первый побеждает — сессия длится на 70 процентов дольше.
От вовлеченности зависит размер дохода. Рассмотрим эксперимент, проведенный сотрудниками Financial Times. Часть фокус-группы смотрела статьи в обычном режиме, а остальные — с задержкой 1-5 сек. Чем дольше длилось открытие, тем менее длительной была сессия. По итогу — меньше увиденных рекламных материалов, люди отказываются от оформления платной подписки. Другими словами, теряются два основных источника прибыли газеты.
Конверсия становится выше. При исследовании онлайн-продаж было замечено, что на 26% быстрее загружаются страницы с высокой конверсией. Конечно, повышать ее нужно не только за счет ускорения. Но потеря в этом плане приравнивается к уходу заказчиков.
Вас интересует, как проверить скорость загрузки страниц сайта, чтобы увеличить доход? Тогда давайте разберем, какая цифра считается удовлетворительной.
Число, к которому нужно стремиться
Исследования компании Akamai Technologies показали, что наиболее высокая конверсия отмечается при 1,8 с на десктопной версии и 2,7 с на мобильной. Наименьшее количество отказов наблюдается при значениях меньше одной секунды. После проверки расшифровать и понять все можно следующим образом:
Но правильная цифра такая, которая ниже, чем у других. The New York Times отмечает, что разница в 0,25 вполне достаточная, чтобы люди предпочли вашего конкурента.
Не анализируйте только главную
Интернет-площадка представляет собой совокупность множества веб-страниц и массив объединенных данных различных форматов. И пользователи, и поисковые системы формируют свое восприятие на основании общего значения.
Многие полагают, что если с главной все хорошо, тогда о каталоге можно не думать и игнорировать очевидные проблемы. Но именно он может быть гораздо тяжелее, отдельная страничка иногда имеет картинки по 1-2 Мб, что плохо скажется на общем результате. Рекомендуем проводить проверку всех веб-страничек.
Чтобы измерить целиком или отдельные элементы, можно воспользоваться специальными сервисами. Они за считанные минуты осуществят эффективный тест. Рассмотрим возможные варианты.
Лучшие инструменты
Ниже приводим список самых полезных сервисов, которые помогут проанализировать и определить слабые места.
Как проверить скорость загрузки сайта: Google PageSpeed Insights
Сервис применим как для десктопной, так и для мобильной версий. Результат оценивания измеряется в баллах — от 0 до 100. От 85 и выше считается нормой. PageSpeed Insights, помимо анализа, предоставляет понятные и детальные рекомендации по ускорению. Определить степень важности можно по цвету.
Советы по улучшению:
- Оптимизировать графическую составляющую. По окончании вам выдается список картинок, которые можно уменьшить вручную или скачать уже в виде оптимизированных фото.
- Включить сжатие. Сократить объем информации в 4-5 раз можно с помощью применения gzip-сжатия.
- Упростить код. Изучение выявит, где можно сократить код HTML, CSS, JS. К примеру, необходимо будет удалить комментарии, лишние пробелы и прочее. Сокращать можно вручную или скачать оптимизированный вариант.
- Ускорить время ответа сервера. При лучшем раскладе оно должно быть не более 0,2 сек. Провести точный анализ поможет специальный инструмент, например, Pingdom.
- Использование кэша браузера. В таком случае все документы будут сохраняться на компьютере, что позволит веб-страницам загружаться мгновенно.
Следуя инструкциям, смотрите за тем, чтобы не навредить функциональности или внешнему виду. Например, сильно сжатые картинки теряют в качестве. Консультация у технического специалиста поможет выбрать правильное решение.
Выполнив хотя бы часть советов, можно прилично поднять баллы. Как правило, изначально оптимизируют изображения и решают вопрос с хостингом. Все остальные исправления второстепенны, но игнорировать их не нужно.
Ваша цель — достичь зеленой зоны (90-100 баллов). Но оранжевая область — это уже очень хорошо. Если вы в красной, тогда срочно займитесь улучшениями.
PR-CY
Простой русскоязычный сервис, пользующийся популярностью в Рунете. Предлагает массу полезных инструментов, которые обязательно пригодятся веб-мастерам. Тест можно проводить для ПК и мобильной платформы. Массовая проверка предоставляет возможность узнать время, затрачиваемое на загрузку интернет-проекта, усредненную скорость. Особенность — одновременно можно задавать до 10 адресов. Очень удобно сравнить, как грузятся другие онлайн-ресурсы, к примеру, из ТОП-10 выдачи, с которой планируете конкурировать. Помимо результатов, появляются рекомендации по улучшению.
Pingdom Tools
Функциональная онлайн-система оценивает скорость, демонстрирует количество обращений к серверу, как быстро подгружаются интернет-странички. Вам лишь надо указать URL (адрес), чтобы запустить проверку. В сводной таблице отображаются сведения по каждому запросу — стили, картинки, скрипты и т.д. Позволяет без труда выяснить, что именно замедляет закачку, и провести оптимизацию этих параметров. Файл стилей можно сжать, фотографии — уменьшить, ненужные скрипты — удалить, а необходимые — переместить вниз (например, в footer.php).
Рекомендуется выбирать страну, которая максимально приближена к целевому региону, где планируется продвижение. Отдельные проблемы и историю измерения можно отследить на соседних вкладках верхнего меню.
На экране должно всплыть окно, в котором предлагается скопировать постоянную ссылку на выполненный тест, после чего отправить его на E-mail или в Твиттер. В нижней части окна предлагается подписаться на мониторинг веб-площадки в плане доступности. Если вдруг она станет недоступной для посетителей, вам пришлют сообщение на электронную почту или СМС на мобильный телефон. За такую услугу придется заплатить, хотя предоставляется бесплатный триал (пробный период). Чтобы просмотреть Traceroute, потребуется выбрать вкладку Ping and Traceroute. Вводить URL в предлагаемой форме необходимо без http. Под этой формой поставьте галочку в чек-бокс Traceroute или Ping, нажмите Test now.
Which loads faster?
Англоязычный сайт с понятным интерфейсом, на который можно загрузить два веб-портала — свой и конкурента. Смотрите, кто загружается лучше. Очень удобно для демонстрации клиентам. В конце представлены сведения, кто победил и во сколько раз быстрее запускается.
Минус: указанная цифра может разниться в зависимости от подключения и даже от выбора браузера.
Web Page Performance Test
Прекрасный вариант для опытных веб-мастеров. Дважды загружаете интернет-страницу, при этом сравнивается количество обращений. По итогу определяется, насколько хорошо организовано кэширование, показывается детальная статистика по каждому тесту. Выдается две диаграммы.
На первой обратите внимание на положение вертикальной линии фиолетового цвета. Это — период окончания отрисовки. Синяя вертикальная линия означает, сколько затрачено на полную закачку. Все хорошо, если первая прямая расположена на 1-1,5 с, а вторая — раньше на 4 с. В таком случае остальные абзацы можете читать «для галочки». Если больше четырех, займитесь исправлением.
GTmetrix
Помогает точно определить истинную причину слабой производительности. Отображается достаточно много сводных данных, хранится история для последующего сравнения – улучшилась ситуация или ухудшилась. Тест предлагается выполнить с применением канадского сервера из различных мест планеты. В перечень советов также входят наставления от Гугл и Yahoo, которые сортируются по приоритету.
Если ваши знания английского недостаточно хороши, можно воспользоваться Гугл-переводчиком. Если для работы вы пользуетесь браузером Chrome, тогда просто нажмите правой кнопкой мышки в любом месте и выберите во всплывающем меню «Перевести на русский». Операция выполняется моментально.
При всем этом учитывайте географическую локацию. Сложно получить корректный результат, если сервер находится далеко от вашего целевого региона. Главное, на что вам стоит ориентироваться, — выдаваемые рекомендации. Они генерируются на базе тестирования, их внедрение приведет к улучшению быстродействия. Нажмите на любой из предлагаемых пунктов, чтобы узнать подробности и возможные исправления.
Работать с GTmetrix достаточно легко. Зеленая стрелочка вверх — лучший показатель. Красная вниз — хуже, чем средний. Цвет в колонке Grade свидетельствует об уровне оптимизации по конкретному пункту: красный — низкий, желтый — средний, зеленый — высокий.
Другими словами, все, что у вас не обозначается зеленоватым цветом, требуется улучшить посредством исполнения советов.
Load Impact
Современный сервис тестирует стойкость к тысячным посещениям интернет-пользователей — DDOS-атаке. Англоязычная система эмулирует несколько десятков посетителей и более сотни активных соединений. Длительность проверки — несколько минут, при этом увеличение запросов происходит плавно. Это все делается для того, чтобы проследить реакцию хостинга. По окончании выдается график изменения скорости закачки в зависимости от количества активных пользователей.
На графике представлено две линии — синяя и зеленая. Синяя демонстрирует число интернет-пользователей, она идентичная для всех. Вторая отвечает за интересующий нас параметр. Важно, чтобы было как можно меньше изгибов на ней. Если присутствуют большие перепады, то, вероятнее всего, хостинг не сможет выдержать большую нагрузку.
Monitis Tools
Мощная система, которая также проверяет работоспособность веб-проекта. Главная особенность — анализ осуществляется с различных уголков планеты: Европа, США, Азия. Аналитика содержит полноценные графические данные, отображается сводная статистика по каждому тесту. Таблица позволяет понять, какие из элементов площадки грузятся дольше всего.
SiteSpeed.me
Запросы к анализируемому проекту посылаются из разных дата-центров (порядка тридцати) со всего мира, определяя показатель для каждого из них. Подсвечивает лучшие, средние, худшие временные и скоростные значения. Содержит минимум настроек и непонятного интерфейса. Нужно лишь ввести URL-адрес в специальную строку и подождать, пока соберутся все необходимые сведения.
WebPage Analyzer
Эффективная и очень простая система с интуитивно понятным интерфейсом. От вас потребуется лишь ввести URL в специальную строку. Позволяет узнать интересующий параметр, а также информацию по стилям, скриптам, картинкам. В результате получаете подробный отчет.
Webo.in
Чтобы протестировать интернет-ресурс, введите домен и нажмите на кнопку «Проверить». После этого вы перейдете на другой адрес, где можно бесплатно все сделать. Нужно ввести имя, электронную почту и выбрать «Отправить запрос». Спустя минуту на почту придет автоматическое письмо, можете его пропустить. Примерно через 15 минут на почте появится еще одно письмо, которое содержит ссылку на страницу с анализом вашего веб-проекта. Переходите по ссылке, чтобы ознакомиться с итогами.
Преимущество — показывает усредненное число среди других сайтов. Так вы можете сравнивать, насколько ваша площадка отличается от остальных.
PageScoring
Усовершенствованный вариант тестирования. Разработчики позаботились об удобстве людей и убрали лишние элементы. Осталась одна строка, чтобы вводить URL домена. Отчет, помимо скоростного показателя, содержит подробную информацию о том, как сформировалась такая цифра, сколько затрачено времени на поиск домена и соединение с сервером.
SEOGadget
Онлайн-инструмент, который позволяет выявить скорость загрузки конкретной страницы. Функционирует посредством отправки запроса главной — HTTP GET. Вам необходимо лишь ввести сайт, который вы хотите проанализировать. Удобство заключается в быстром получении результата. С его помощью можно узнать размер ответа в килобайтах, полное время ответа, длительность соединения с сервером и скорость, с которой отдается контент. Анализ занимает буквально несколько секунд, так что долго ждать вам не придется.
Не пренебрегайте этим!
Мы разобрали несколько вариантов, как проверить скорость загрузки сайта онлайн. Но более важно применить полученные советы. Если на привлечение потенциальных клиентов вы вкладываете деньги, но ваша интернет-площадка работает медленно, посетителям будет некомфортно им пользоваться, и они уйдут. По итогу вы потеряете продажи и средства, инвестированные в маркетинг.
Самое главное — предприниматель теряет в репутации. Недовольный клиент совершает заказ в другом месте, а по отношению к вашей компании у него формируется негативное впечатление. Важно понимать, что быстродействие площадки является существенной метрикой для любого интернет-магазина. Медленная работа приводит к целому ряду проблем для бизнеса.
Бесплатные сервисы для проверки скорости загрузки вашего сайта
Сейчас много внимания уделяют быстрой скорости загрузки. Понятно, что пользователи не любят, когда сайт долго грузится, но насколько сильно они это не любят? Разбираем, когда человек готов ждать, а когда не готов, из-за чего скорость сайта медленная, чем ее измерить и как это исправить.
Что говорят исследования
Наверняка все где-то краем уха слышали про три секунды или про пять, которые пользователь готов подождать. Дело, кстати, не только в пользователях, но и в продвижении – у медленного сайта выше процент отказов, что негативно влияет на позиции в выдаче. В Google, если у вас медленно загружается мобильная версия, то пессимизируется в выдаче и десктопная – действует Mobile First Index.
Вот, что выяснили исследователи:
Если скорость загрузки сайта больше, чем 3 секунды, 53% пользователей не дождутся ее окончания, – Google
Это – общепринятое мнение, но хорошая скорость загрузки считается еще выше – 0,35–0,38 сек. Как посчитать это время? Для этого есть много бесплатных и платных сервисов, которые замеряют, насколько быстро сервер реагирует на запрос клиента, набранный в браузере.
Для мобильной версии каждая лишняя секунда ухудшает конверсию на 20%, – аналитическая платформа Soasta
Конечно, конверсионные действия зависят не только от скорости загрузки, может даже показаться, что этот фактор – третьестепенный. Но сухие замеры показали, что среди исследуемых страниц наиболее конверсионные были быстрее в среднем на 26%.
Со снижением скорости загрузки с 1 до 10 секунд, растет показатель отказов, – Google
Самое впечатляющее количество отказов происходит между третьей и пятой секундами: число увеличивается в три раза.
Медленная загрузка сайта раздражает больше всего, – Google
Еще в 2015 году Google провел опрос среди мобильных пользователей, с целью узнать, что раздражает их больше всего. Оказалось, долгая загрузка страницы бесит сильнее, чем непроигрываемые ролики, реклама во весь экран и редирект на главную страницу сайта вместе взятые. Уверены, с 2015 года в этом плане мало что изменилось.
7 бесплатных сервисов для проверки скорости загрузки
Всех этих причин достаточно для того, чтобы проверить скорость загрузки своего сайта и решить те проблемы, которые можно решить. Измерить ее можно десятками способов (вернее, сервисов). Перечислим самые популярные бесплатные сервисы.
Яндекс.Вебмастер
Один из самых популярных сервисов для проверки скорости – https://webmaster.yandex.ru/. Время ответа сервера он считает в миллисекундах, а также показывает код ответа сервера, причем он должен быть одного вида: 200 ОК. Если у вас он другого вида (404, 301 и др.), то скорость – это не главная ваша проблема.
Для теста Яндекс не требует регистрации, а результат вы поймете, даже если не являетесь программистом.
Google PageSpeed Insights
Аналогичный интуитивно понятный сервис от Google. Тут все еще проще: вставляешь адрес в строку, нажимаешь кнопку «Анализировать» и получаешь результат измерения скорости мобильной или десктопной версии, на выбор.
Результат замера выдается в виде баллов от 0 до 100, чем балл выше, тем лучше. Оптимален показатель 80+. Зеленая зона начинается от 90, но тотальный перфекционизм тут лишний, 100 баллов не набирает даже сам Гугл.
Еще один плюс сервиса – он не просто определяет скорость загрузки сайта, но и подсказывает, что нужно исправить, чтобы ее повысить. Если у вас есть разработчик, вы можете оптимизировать свой ресурс в режиме реального времени.
WebPagetest
WebPagetest – сервис с большим выбором условий тестирования. Вы можете указать нужное местоположение, гаджет, разные браузеры, то есть точнее проработать скорость загрузки по разные сегменты ЦА.
По итогам теста он выдает наглядный и подробный отчет в трех частях. Все оформлено в виде инфографики и легко воспринимается, если вы хотя бы немного знаете английский.
Sitespeed.ru
Российский сервис для измерения скорости ответа сервера с понятным и немудреным интерфейсом. Для того, чтобы начать тестирование, нужно просто ввести адрес сайта в окошке. В основном окне выдается краткий результат и рекомендации по улучшениям
Но если вы запросить полный отчет, вы получите подробнейшее описание каждого шага – как проводилось измерение, результаты тестирования, первичной и вторичной загрузки, показательный график загрузки объектов на сайте.
Web Page Analyzer
Суровый бесплатный сервис, работает по тому же принципу, что и остальные: вы ему – URL страницы, он вам – не слишком симпатичную, но информативную таблицу с результатами измерения.
mobiReady
Еще один крутой бесплатный англоязычный сервис – mobiReady. Он позволяет увидеть, как выглядит сайт на устройствах с разным размером экрана, что незаменимо на стадии тестирования мобильной версии. Также вы получите графический отчет и список проблемных мест.
GTMetrix
GTMetrix – еще один красивый и понятный сервис для определения производительности сайта. Как и WebPagetest, он позволяет измерить скорость из разных регионов и посмотреть, насколько быстра мобильная версия. Принцип работы тот же, что и у всех: вставляете адрес сайта в поле на главной, сервис анализирует и выдает информацию непосредственно о скорости и рекомендации по исправлению.
Этот сервис условно-бесплатный, так как на бесплатном тарифе можно проверять максимум 3 адреса, если требуется больше – нужно подключать платные. Кроме расширенного количества они включают и другой функционал: расширенные отчеты, запись видео с загрузкой и т. д.
Whichloadsfaster
Полезный сервис, если вы хотите сравнить скорость загрузки собственного сайта с сайтом конкурентов.
Вы увидите кто в сколько раз быстрее, и собственно скорость загрузки.
Причины и решения проблемы
Если сайт загружается ну очень медленно, нужно определять из-за чего проблема и решать ее, потому что по этой причине вы уже сейчас теряете трафик и конверсию. Каждый случай индивидуален, поэтому предлагаем список самых частых проблем и их решения.
Медленные каналы связи у хостинга
Сайт не висит в воздухе, он расположен на хостинге. И если этот хостинг некачественный, то и сайт будет тормозить. Этой ошибки лучше избежать изначально, для этого перед размещением читайте отзывы, проверяйте и тестируйте его, чтобы понимать, какое именно хранилище вы собираетесь использовать.
Если же вы уже размещены неудачно – вариант один: менять хостинг и переносить все данные.
Много «тяжелых» изображений
Большие неоптимизированные файлы сильно замедляют загрузку страницы. Но хорошие картинки важны для сайта: никто не любит читать сплошную простыню текста, а в некоторых случаях без иллюстраций обойтись невозможно. В среднем изображения занимают 63% от веса сайта в целом, и прилично влияют на скорость. Чтобы «облегчить» страницу, есть два пути:
-
Уменьшить количество картинок. Сразу можно убрать стоковые изображения. Возможно, какие-то фотографии можно заменить инфографикой – она весит меньше. Уберите все картинки, которые разбавляют ваш текст, оставьте только иллюстрации. Где-то картинки можно заменить текстом.
-
Сжать картинки. Если вам абсолютно нечего выкидывать, можно уменьшить размер самих картинок. Для этого есть разные сервисы, например, https://compressor.io/.
В принципе, даже если ваш сайт работает быстро, хуже от оптимизации картинок не будет.
Файлы CSS и JS
Большое количество анимации на сайте, сложные кастомные шрифты – это красиво, но в итоге вы получаете тонну кода. Если красивый шрифт дорог вам – оставьте его в заголовках, но не надо писать им весь сайт.
Сложный дизайн
Все стремится к минимализму, в том числе и страница. Оставьте изобилие, блестки и завитушки дворцам рококо. Посмотрите, как стильно выглядят простые сайты, как их приятно и понятно читать. Не располагайте элементы в две-три-четыре колонки, если не противопоставляете их друг другу, человек не может читать в двух местах одновременно.
Не нужно втыкать везде кнопку «Заказать», пары штук на странице более чем достаточно. Если вы зацепили посетителя – будьте уверены, он ее найдет, а если нет – то повесьте их хоть 20 штук, это не поможет. Если вы продаете дорогой и сложный товар – не нападайте на читателя с предложением купить на верхнем же экране, все равно он это не сделает, пока не изучит продукт со всех сторон.
Когда пользователь готов ждать
Всегда ли пользователи так нетерпимы к долгой загрузке? Есть очень старый эксперимент User Interface Engineering, который показал фактическое отсутствие корреляции между временем загрузки сайта и его восприятием пользователем. Так, люди говорили, что самый быстрый сайт – Амазон, который загружался дольше всего, а страница, который не несла никакой полезной для них информации, воспринималась как самая медленная, хотя в реальности была одной из самых быстрых. То есть, когда сайт нерелевантен, не дает пользователю нужной информации, человек относится к нему, как к пустой трате времени, а скорость загрузки кажется дольше, даже если это реально не так.
И это подтверждается общими наблюдениями. Да, если пользователь ищет, где купить кухню, и переходит по разным сайтам из выдачи по этому запросу, то вероятность отказа в случае долгой загрузки высока. Если сайт будет грузиться 15 секунд, посетитель подумает, что он просто нерабочий, и закроет. Но те же самые 15 секунд он будет покорно ждать, если это его теплый уютный ВКонтактик с непрочитанной лентой и непросмотренными фоточками.
Многое зависит от того, насколько пользователь замотивирован. Если он просто присматривается, серфит от нечего делать, вероятность отказа растет. В то же время, если он настроен купить и целенаправленно ищет продукт, он готов подождать.
Что еще можно использовать:
Некоторые ресурсы физически невозможно сделать легкими и простыми, и тогда для них используются прелоадеры («preload» англ. – предзагрузка). Наверно, все видели на сайтах колесики и шкалу с загружающимися процентами – это и есть прелоадеры. Пользователь видит основной сайт, видит, что на нем загружается какая-то анимация, понимает, что сайт работает.
-
На лендингах часто используется так называемая «ленивая загрузка» контента, еще ее называют бесконечной прокруткой.
В этом случае содержимое сайта подгружается по мере того, как пользователь проматывает страницу вниз, т. е., если он не дойдет до нижней части, она не загружается вообще. Это тоже сокращает время между кликом на ссылку и переходом на сайт.
-
Для некоторых сервисов более актуальны мобильные приложения. Все знают, что есть такая служба такси, как Uber, многие пользовались ею и пользуются регулярно. Но много ли кто был на их сайте? Он, кстати, тоже есть. То же самое можно сказать о каршерингах, сервисах проката велосипедов, самокатов. Вообще, если у вас бизнес с ритейлом, и вам нужно понимать, где находятся ваши клиенты, удобное и быстрое мобильное приложение будет кстати. Аптеки, магазины, салоны красоты, рестораны – для всех них оно будет использоваться не реже, чем сайт.
Заключение
Оценка скорости загрузки должна проводиться регулярно – она влияет на продвижение и удобство потенциальных покупателей. Любая оптимизация сайта может на нее повлиять. Для определения этого параметра мы имеем большое количество бесплатных сервисов тестирования, которые не только помогут замерить скорость, но и подскажут, как ее уменьшить, какие элементы делают ресурс медленнее. В то же время нельзя забывать, что это далеко не первостепенный показатель, гораздо большее значение имеет юзабилити, релевантность страницы, качество ее содержимого.
Онлайн-школа
Запишитесь на курс по маркетингу от Аллы Штауб и вы узнаете:
Какие инструменты давно устарели и сжирают бюджет
Какие каналы рекламы являются топовыми в 2020 году
Как начать получать стабильно растущую прибыль
Компания Dial проведет грамотный аудит вашего сайта, и превратит его в современный, быстрый и красивый ресурс. Так же, как мы сделали это для компаний Аквалайн, ТД Богучарово, Элита, сервиса Мой Бизнес, интернет-магазинов Anna Anna, Скай и многих других.
Подпишитесь на наш блог
13 лучших инструментов для проверки скорости загрузки страниц сайта – Блог TRINET
Зачем увеличивать скорость сайта?
Скорость загрузки сайта — один из важных факторов ранжирования в поисковой выдаче. Она влияет на улучшение поведенческих факторов, например:
- уменьшает количества отказов
- увеличивает глубину просмотра
- увеличивает время изучения сайта
и как следствие увеличивается конверсия, так как быстрым сайтом удобно пользоваться.
Что важно измерять и какие инструменты для этого нужны:
Оценка от Google — формальный параметр оценки скорости загрузки сайта в пожалуй самом популярном сервисе PageSpeed Insights. Многие другие сервисы работают по тому же принципу и мало чем друг от друга отличаются, например: Seolik.ru, Pr-cy.ru, Uptrends, Pingdom Tools. Наиболее информативным из всех на наш взгляд является Gtmetrix. Все эти сервисы дают советы и рекомендации по улучшению сайта, чтобы он загружался быстрее.
Время ответа сервера — это время, которое проходит между отправкой запроса серверу и получением первой информации от него.
Для проверки времени ответа сервера можно использовать панель вебмастера Яндекс.
Порядок работы через Яндекс.Вебмастер:
- Заходим в систему https://webmaster.yandex.ru/
- Нажимаем “Инструменты” в правом верхнем углу
- Переходим “Проверка ответа сервера” https://webmaster.yandex.ru/tools/server-response/
- Проверяем время ответа сервера в миллисекундах
Хорошим ответом является менее 1000 мс, что равнозначно 1 сек.
Порядок работы через Google Chrome
- Заходим в браузер
- Переходим на страницу, на которой хотим измерить скорость ответа сервера
- Нажимаем правой кнопкой мыши
- Выбираем пункт “Посмотреть код”
- В открывшемся окне выбираем вкладку “Network”
- Нажимаем кнопку Ctrl+F5
- Chrome показывает на диаграмме Ганта, как загружаются все части сайта.
Такой проверкой можно понять, что загружается медленно.
Время до отрисовки — это время от перехода на страницу до начала появления страницы в браузере. Именно этот параметр воспринимается пользователями, как скорость сайта. Есть сервисы, которые могут показать отрисовку сайта по секундам, например: WebPagetest, Dareboost.
Такая проверка очень удобна для демонстрации клиентам.
Время полной загрузки (время до загрузки DOM) — это время, за которое загрузился весь контент страницы — картинки, скрипты, CSS, и т. п.
Для больших международных сайтов важна скорость загрузки из разных точек мира, а не одной локальной страны. Для этого можно воспользоваться следующими сервисами: Sitespeed.me — 7 точек, GiftofSpeed — 8 точек, Dotcom-Monitor — 25 точек (тестирует скорость загрузки при первом визите и при повторном).
Также для больших проектов важно понимать, как будет меняться скорость загрузки с увеличением нагрузки на сервер для этого есть сервис Load Impact.
Проверка скорости по отчетам из веб-аналитики
Чтобы увидеть статистику скорости загрузки с выборкой по большому числу пользователей, а также посмотреть динамику изменения скорости загрузки за длительный период можно воспользоваться сервисами Яндекс.Метрика и Google Analytics .
Проверка скорости через сервис Яндекс.Метрика
Для этого нужно:
- Зайти в Метрику
- Выбрать интересующий сайт
- Нажать: Отчёты — Стандартные отчёты — Мониторинг — Время загрузки страниц.
Какую полезную статистику можно получить из этих данных?
Можно увидеть, какая скорость загрузки сайта у реальных пользователей, найти наиболее медленные страницы на сайте, понять, из каких регионов сайт загружается быстрее.
Проверка скорости через сервис Google Analytics
- Зайти в Analytics
- Выбрать нужный сайт
- Нажать Отчеты — Поведение — Скорость загрузки сайта
Как использовать полученную информацию и как увеличить скорость загрузки сайта?
Время ответа сервера
Для уменьшения времени ответа сервера рекомендуем сделать следующие действия:
- Выбрать надежного хостера с мощными серверами и хорошим каналом связи;
- Арендовать выделенный сервер;
- Использовать кэширование страниц;
- Оптимизировать базы данных;
- Использовать кэширование скриптов;
- Не используйте обращения к сторонним серверам.
Кеширование
Кэширование — это размещение информационных данных в определенном месте на компьютере для ускоренного доступа к ним в будущем. Чтобы информация не загружалась каждый раз заново при открытии сайта, какое-то время они хранится на компьютере.
Например, при переходе со страницы на страницу картинка логотипа хранится на компьютере пользователя. Конечно кэширование может быть запрещено юзером. Время хранения файлов на компьютере пользователя может меняться в зависимости от их типа. Гугл может вам снизить свои баллы, если время хранения файлов недостаточно долгое. Можно настроить время этого хранения например через htaccess.
Картинки
Не стоит использовать слишком большие размеры изображений, чем это необходимо для сайта. Рекомендуем уменьшить все изображения до размеров, в которых они отображаются на сайте.
Google PageSpeed Insights рекомендует использовать формат изображений WebP. Но такой формат не поддерживается сервисом Яндекс.Картинки. Если у вас тематика, связанная с большим трафиком из Яндекс.Картинок, мы рекомендуем использовать PNG и JPG. Их нужно максимально сжать без потери качества.
Если у вас, например, большой тяжелый лонгрид с множеством иллюстраций, то вам поможет “ленивая загрузка” картинок. В таком случае изображения будут подгружаться только тогда, когда пользователь до них доберётся на странице.
Из-за того, что количество потоков загрузки сайта ограничено, все картинки грузятся отдельным потоком. Для ускорения загрузки нужно уменьшить количество потоков. Поэтому, если на сайте много мелких картинок (инфографики, иконок меню и т.д.) их лучше свести в один файл.
Скрипты и CSS
Так как уже говорилось ранее — количество потоков загрузки сайта ограничено. А каждый скрипт и каждая CSS занимает свой поток, то нужно также сократить количество их одномоментной загрузки. Для этого нужны следующие действия:
1. Отключить лишние CSS и скрипты. Часто бывает, что когда-то давно на сайт были добавлены скрипты, или обновлены CSS, а теперь они не используются, но всё равно продолжают подгружаться, занимая потоки загрузки. Нужно проверить все скрипты и CSS и отключить лишние.
2. Соединить CSS в один файл, также для уменьшения количества потоков.
3. Google PageSpeed Insights также порекомендует свести скрипты в один файл, но это практически невозможно.
Для ускорения загрузки страницы со скриптами рекомендуем отложенную или асинхронную загрузку скриптов. В этих случаях загрузка скрипта не блокирует дальнейшую обработку страницы, а сам скрипт выполняется либо после полной загрузки страницы (отложенная) или сразу после загрузки скрипта (асинхронная).
Обычная загрузка
Асинхронная загрузка
Отложенная загрузка
Дополнительно возможности увеличения скорости загрузки сайта.
Вы можете добавить турбо-страницы. Такая технология уменьшает скорость загрузки с мобильных устройств для пользователей из поисковой выдачи Яндекса, улучшает ранжирование в ПС Яндекс, а значит и число пользователей из этого источника.
Для информационных сайтов возрастет трафик, но часто падает прибыли с платной рекламы, так-как на турбо-страницах возможно размещать рекламу только РСЯ.
Использование турбо-страниц на коммерческих сайтах может привести к снижению конверсии, так как функционал этой технологии ограничен, и пользователи не увидят дизайн как у вашего сайта, форм захвата и т.д.
Чтобы понять выгодно это для вас или нет рекомендуем проводить тестирование. Подключить турбо страницы достаточно просто — через функционал Яндекс Вебмастер.
На позиции в Google использование турбо-страниц никак не влияет.
Значок отображает турбо страницу
Пример турбо для интернет-магазина
С AMP страницами немного другая картина. Технология AMP создана независимыми разработчиками и активно продвигается в Гугле. Эта технология улучшит скорость загрузки и ранжирование страниц именно в Google. Для некоторых CMS (например WordPress) есть плагины, которые могут автоматически формировать AMP страницы в других случаях придется прибегнуть к помощи разработчиков.
Итог
Мы крайне рекомендуем провести проверку вашего ресурса и его различных страниц на скорость загрузки — это поможет и ранжированию, и конверсии. Если у вас возникнут вопросы, задавайте их в комментариях. Если вы не хотите разбираться самостоятельно, то закажите технический аудит у компании TRINET, и мы поможем вам с увеличением скорости загрузки сайта и с любыми другими вопросами по продвижению сайта.
Как ускорить скорость загрузки сайта: бесплатные сервисы, аналитика, способы
Доля интернет-продаж увеличивается с каждым годом. Cогласно исследованию Akamai, в 2017 году она составляла всего 10 % от мировых продаж, в 2019 — уже 14 %, а в этом году, учитывая пандемию, эта цифра вырастет еще стремительнее. Конкуренция в интернете огромная. Вывести сайт в топ поиска и привлечь клиентов — задача намбер ван для предпринимателей и корпораций. Рассказываем, как незначительное увеличение скорости загрузки сайта поможет обойти конкурентов и начать продавать больше.
Скорость загрузки сайта — время, за которое страница полностью загрузится на компьютере или смартфоне. На нее влияет многое: программное обеспечение; архитектура сайта; провайдеры, которые урезают трафик, благодаря чему падает скорость интернета и загрузки контента. Но чаще всего виной всему вес страницы. Если на ней много тяжелых изображений, видео, гифок, то скорость загрузки упадет.
Скорее всего, пользователи не будут ждать, а закроют страницу и уйдут на другой ресурс, если сайт открывается слишком долго. И бизнес потеряет эти % потенциальных клиентов.
Пример: человеку надо купить кофе. Он вводит в поисковую строку «купить кофе в зернах» и открывает пятую ссылку. Сайт грузится медленно, и пользователь, не дождавшись результата, уходит. Скорее всего, он больше никогда не вернется, так как запомнил, что сайт магазина виснет. Так плохая работа сайта магазина отталкивает реального клиента.
Оптимальная скорость загрузки — 2-3 секунды. В идеале за этот промежуток времени должна загрузиться страница со всеми ее компонентами. Это тот показатель, к которому надо стремиться.
Как проверить и проанализировать скорость загрузки сайтаПроанализировать этот показатель можно с помощью инструментов от Гугла и Яндекса.
PageSpeed Insights проверяет скорость загрузки, находит ошибки и предлагает варианты решения. Можно сделать экспресс-анализ, если вам некогда разбираться и поджимает время.
Работать с сервисом просто: введите в строку поиска адрес сайта, и через 3 секунды вы получите отчет по работе ресурса.
За несколько секунд сервис проанализирует сайт и выдаст отчет
Показатели в норме отмечены зеленым цветом, а те, которые надо улучшить, — красным. Отчет по показателям находится в разделе «Имитация страницы».
Анализ скорости загрузки сайта
Удобно, что сервис сразу предлагает решения, которые помогут увеличить скорость.
PageSpeed Insight выдает конкретные рекомендации и показывает, на сколько секунд повысится скорость
Оценивание идет по 100-балльной шкале. 50–70 баллов — хороший показатель, если ниже — надо дорабатывать сайт.
Плюсы: измеряет все ресурсы, которые подключены; проверяет оптимизацию изображений.
Минусы: неточная диагностика, показатели надо анализировать. Например, если отправить на проверку хорошо оптимизированный сайт весом 15 МБ, то сервис, скорее всего, выдаст результат 100/100 по мобильному/компьютерному анализу. Хотя по факту сайт с таким весом будет тормозить, если его открывать на смартфоне. Стоит отметить, что ресурс проверяет скорость загрузки сайта до DOM (программный интерфейс), минуя интерактивность с пользователем.
В анализе не учитывается скорость интернета и особенности браузеров, в которых работает пользователь.
Яндекс.Метрика — бесплатный сервис, который может анализировать посещаемость сайта, скорость его загрузки, поведение пользователей.
Работать в Яндекс.Метрике можно только с реальным сайтом и под своим логином в Яндексе. Если логина еще нет — надо зарегистрировать электронную почту и авторизоваться в Метрике.
Скорость загрузки сайта в Метрике можно посмотреть в разделе «Отчеты» > «Время загрузки страниц». Данные сервис показывает в виде карты: на ней указано время ожидания жителей разных стран и регионов.
Зеленый цвет — все хорошо, красный — сайт медленно загружается
Единица измерения скорости загрузки сайта в Яндекс.Метрике — квантиль. В базовых настройках стоит 50 %. Это значит, что средняя скорость загрузки сайта — 5 секунд. Если указать в настройках меньший процент, — например, 30 % — сервис найдет и покажет проблемные зоны, которые мешают сайту загружаться за 3 секунды. В Яндекс Справке подробно написано о том, как работать с отчетами по скорости загрузки сайта.
Pingdom Website Speed Test. Работает так же, как и PageSpeed Insights: надо указать адрес проверяемого сайта, и через несколько секунд отчет будет готов. Показывает производительность сайта, количество запросов к серверу, время загрузки страниц и размер конкретной страницы.
Информация по оптимизации скорости загрузки
Плюсы: визуализирует общие показатели, проводит детальный анализ по страницам, указывает размеры загружаемых файлов и распределение времени по загрузке.
Минусы: сервис платный. Платить придется минимум $9,95 в месяц.
GTmetrix проводит тест загрузки сайта, показывает производительность основной страницы, ее компонентов. Можно выбрать локацию пользователя, тип браузера и посмотреть информацию по загрузке каждого элемента.
Выявленные проблемы при тестировании скорости загрузки сайта
Плюсы: быстрый, автоматически сохраняет историю, снимает видеоряд загрузки.
Минусы: интерфейс на английском, чтобы изучить, придется повозиться.
Для аналитики лучше использовать минимум 3 инструмента — так будет выше точность анализа. 1-2 проблемные зоны в каждом сервисе — это случайность, 3 — закономерная ошибка. Ее стоит устранить.
Способы повысить и оптимизировать скорость загрузки сайтаМногие способы потребуют специальных знаний. Лучше найти SEO-специалиста и доверить эту задачу ему. А вот как можно это сделать самостоятельно.
Объединить все картинки в одну. Это называется CSS-спрайт. Так уменьшается общий вес изображений, к серверу отправляется один запрос, и скорость сайта увеличивается. Например, на сайте есть раздел «Способы оплаты» с иконками сервисов, через которые можно платить: Яндекс.Деньги, Вебмани, банковские карточки. Каждая иконка отправляет отдельный запрос на сервер, обработка запроса занимает время, и скорость загрузки падает.
В этом случае поможет CSS-спрайт. Его можно создать с помощью редакторов изображения — объединить все иконки в одно изображение. Картинка будет весить меньше, и сервис получит только один запрос, а не 5 или 10.
Скомбинировать несколько файлов js- и css в один. У JavaScript и CSS есть свои плагины, стили и шрифты. Каждый из них генерирует свой код. Из-за этого на сервер отправляется множество запросов, и скорость загрузки сайта снижается. Если два компонента объединить, то показатели улучшатся.
Если совместить анимацию или активный элемент с табличкой, стилями, то общий вес элементов уменьшится
Сократить HTML-код. Он отвечает за отображение элементов на странице. Бывает, что в код попадают лишние пробелы, знаки или пустые места, и это утяжеляет файл. Если код почистить, вес файла уменьшится, и скорость загрузки увеличится.
Работать с кодом лучше, когда идет общее тестирование сайта по всем параметрам, т. е. непосредственно перед запуском, так как после его запуска и использования, это потеряет смысл. Проще разработать новый веб-ресурс, чем исправлять ошибки за предыдущим программистом.
Использовать максимум 3 шрифта на одной странице. А лучше один. У каждого шрифта есть вес: чем больше шрифтов на странице, тем больше ее размер. Это влияет на скорость загрузки сайта.
Это выглядит так: появляется сайт, потом через некоторое время подгружаются шрифты.
Сжать объемные изображения. Уменьшить вес картинок можно в специальных сервисах — например, с помощью Kraken.io.
Таблица для сравнения показателей сайта с эталонными.
Метрика | Описание показателя | Эталонные цифры согласно сервису |
---|---|---|
Время загрузки контента | Количество секунд до загрузки первой статьи или картинки | 0–2 сек. |
Индекс скорости | Как быстро появляется информационное содержание (контент) | 0–4,3 сек. |
Время загрузки основной части контента | Промежуток времени между началом и концом загрузки; он должен совпасть с первой метрикой в таблице | 0–2 сек. |
Завершение работы ЦП | Когда интерфейс полностью доступен для пользователя | 0–4,7 сек. |
Время загрузки для использования | Через какое время страничка готова для пользовательского ввода | 0–5,2 сек. |
Максимальная вероятная задержка после ввода | Время первого взаимодействия с сайтом и отклика самого браузера | 0–200 мсек. |
Статья носит ознакомительный характер. SEO-специалист, веб-разработчик, программист сами решают, какой инструмент выбрать для проверки скорости загрузки сайта. Безусловно идеально все это учитывать при разработке сайта. И существует множество мнений на этот счет. Если есть, чем дополнить сказанное выше – пишите в комментарии. Успехов!
Сравнение скорости URI/sec VS Скорость загрузки сайта
273302.02.2018 | Время чтения: 3 минут
Автор: Симагин Андрей
Как-то раз, проводя очередной аудита сайта, я заметил, что его страницы грузились буквально со «скрипом»: за 1 минуту было пройдено всего 40 страниц сайта. В то время как у предыдущего сайта за тоже время было пройдено порядка 730 страниц. Разница составила почти 20 раз!
И тут возник вопрос: можно ли измерить скорость скачивания страниц для группы сайтов из интересующей тематики (выбрав, например, сайты из ТОП-10/20 выдачи поисковых систем) и таким образом понять, есть ли зависимость от скорости загрузки и насколько она играет роль при формировании ТОП?
Поэтому я решил провести небольшой тест того, как скорость загрузки страниц коррелирует со скоростью ответа севера.
Итак, поехали!
На текущий момент скорость загрузки сайта является одним из важнейших показателей при ранжировании выдачи в поисковых системах, поэтому на данный параметр рекомендуется обращать особое внимание и следить, чтобы сайт полностью загружался не более чем за 3 секунды (в идеале, чем быстрее – тем лучше).
В связи с этим, у оптимизаторов и вебмастеров часто возникает вопрос: насколько быстро грузятся их сайты по сравнению с конкурентами? Иными словами – нужно ли заниматься оптимизацией скорости загрузки сайтов в принципе, так как данная процедура занимает достаточно времени и финансовых затрат.
Замечание. Тут мы оговоримся, что само собой заниматься скоростью загрузки сайта нужно, но вопрос скорее в том – насколько это приоритетно для конкретного сайта.
Для подобного рода тестирования существует множество сервисов, осуществляющих технический аудит сайта и отображающих подробный анализ процесса загрузки и рендеринга страниц с рекомендациями по его ускорению (GTmetrix, WebPagetest и т.п.), однако, когда необходимо быстро проанализировать скорость загрузки сразу нескольких сайтов, проверять в данных сервисах вручную каждый сайт муторно и не эффективно.
Но есть способ проверять скорость загрузки сразу для группы сайтов быстро и эффективно – с помощью программы SiteAnalyzer, которая предназначена для технического и SEO аудита сайта. Программа сканирует все страницы сайта и после этого выдает отчет по различным его составляющим (настройка индексирования, наличие страниц 404, содержимое мета-тегов, дубли на сайте и множество других важных параметров).
Смысл заключается в том, что во время сканирования сайта мы замеряем среднюю скорость скачивания страниц и сравниваем ее со средним значением скорости загрузки остальных сайтов.
При этом весь сайт сканировать нет необходимости: достаточно просканировать 50-100 страниц для каждого сайта и затем сравнить средние скорости их загрузки. В результате мы получим таблицу, по которой будет легко понять, у каких сайтов какая скорость загрузки страниц и какие сайты требуют оптимизации.
Таким образом, буквально за 3 минуты можно проверить скорость загрузки для большого числа сайтов всего за 5 шагов:
- берем список интересующих доменов
- добавляем их пакетно в программу
- в настройках программы ставим предел страниц для сканирования = 50, а также отключаем учет изображений, скриптов и прочих данных, не являющихся HTML-страницами
- помечаем интересующие сайты в списке проектов
- в контекстном меню проектов выбираем пункт «Пересканировать»
После сканирования выбираем в контекстном меню проектов пункт «Сравнить скорости загрузки страниц» и наблюдаем подобный отчет:
Таким образом, используя данный инструмент в программе SiteAnalyzer, можно оперативно получать информацию о быстродействии любого числа интересующих сайтов не прибегая к монотонному ручному анализу.
Оцените статью4.6/5
3Другие статьи:
Вконтакте
Одноклассники
<< Назад
ЦенаGTmetrix PRO | GTmetrix
Каждый URL-адрес в паре с параметрами анализа (местоположение, устройство, соединение скорость и т. д.) при включенном мониторинге (ежечасно, ежедневно и т. д.) использовать один слот для мониторинга.
Например, мониторинг следующего:
- https://example.com (Ванкувер, Канада, Chrome, Unthrottled)
- https: // пример.com (Сан-Антонио, Техас, США, имитация iPhone 6 / 6S / 7/8, LTE)
- https://example.com (Лондон, Великобритания, Chrome @ 1366×768, высокоскоростной широкополосный доступ)
- https://anotherdomain.com (Сан-Антонио, США, Chrome @ 1366×768, высокоскоростной широкополосный доступ)
Потребуется 4 слота мониторинга.
Проведите инвентаризацию количества URL-адресов и сценариев, которые вы собираетесь использовать. monitor и выберите план PRO, соответствующий вашим потребностям.
Вам нужно больше слотов для мониторинга, чем предлагают наши планы? Свяжитесь с нами для индивидуального плана!
Количество необходимых отслеживаемых слотов будет зависеть от ваших посетителей и общие цели производительности.
Небольшим веб-сайтам может потребоваться отслеживать только несколько страниц, тогда как более крупным веб-сайты могут иметь больше ключевых страниц, которые пользователи часто посещают, являются основные точки входа или часть кампании.
Прочтите нашу статью для определения того, сколько отслеживаемых слотов вам может понадобиться.
Частота тестирования GTmetrix при мониторинге ваших страниц зависит от того, как критически важна производительность вашего сайта для вас и / или вашего посетители.
Независимо от того, важна ли производительность, или вам нужно только сохранить время от времени наблюдая за производительностью, есть частота, имеет смысл для вас.
Прочтите нашу статью о том, как определить частоту мониторинга.
Тестовый запуск из вашей панели GTmetrix Dashboard или повторные тесты, выполненные из Отчет GTmetrix считается тестом по запросу.
После того, как вы достигнете предела тестирования по требованию, последующие тесты будут скорость ограничена.
Каждому плану PRO выделено несколько тестов по требованию. обязательно выберите план, который будет соответствовать количеству тестов по требованию вы ожидаете, что будете делать.
Отчеты, созданные в результате мониторинга или API, не рассматриваются. Тесты по требованию и не вычитаются из вашей суммы.
Когда мы впервые запустили GTmetrix, мы решили создать продукт, который мы сами с гордостью поделимся. Положив все позади платный доступ был бы довольно противоречивым для нашей первоначальной цели, поэтому мы убедитесь, что наш план «Базовый / бесплатный» всегда имеет богатый набор функций, чтобы веб- спектакль может быть доступен всем.
Если у вас есть личный блог или веб-сайт для малого бизнеса, Базовый план GTmetrix должен дать вам понимание, которое вам нужно сохранить ваш сайт работает хорошо.
Конечно, если вам нужно больше функций GTmetrix, таких как отслеживаемые слоты, Премиум-локации и / или мобильное тестирование, обновите до PRO, чтобы получить полную Опыт GTmetrix!
Вы действительно можете почувствовать большинство GTmetrix функциональность с нашей базовой (бесплатной) учетной записью.
Мы создали GTmetrix, чтобы пользователи имели доступ почти ко всем нашим функции в духе оптимизации веб-производительности доступный для всех.
Конечно, если вам все еще нужна пробная версия PRO, свяжитесь с нами и давай поболтаем.
Мы принимаем карты Visa, Mastercard и American Express.
Мы также принимаем PayPal, банковские / банковские переводы, чеки и покупки. Заказы, но поскольку мы обрабатываем эти платежи вручную, нам требуется минимум годового плана Champion.
Да, вы можете переключиться с ежемесячного платежного цикла на годовой в любой время. Однако, если вы переходите с годового на ежемесячный платежный цикл, то изменение произойдет после вашего существующего годового платежный цикл завершен.
Вы можете повысить или понизить свой тарифный план в любое время. Однако если вы понижаете свой тарифный план PRO, вы останетесь на существующем план до конца вашего платежного цикла. Произойдут любые обновления немедленно, и плановые затраты будут соответственно пропорциональны.
Вы можете отменить в любое время, и срок действия вашего плана истечет в конце ваш платежный цикл.Пока ваш план не истечет, у вас будет полный доступ ко всем вашим функциям PRO.
Мы предлагаем 14-дневную гарантию возврата денег. Свяжитесь с нами и расскажите о своем опыт, и если по какой-либо причине вы все еще не удовлетворены, мы вернем вам деньги.
GTmetrix | GTmetrix
Протестируйте свою страницу в одном из наших многочисленных центров тестирования по всему миру.Есть в настоящее время 65 тестовых серверов, работающих в 22 офис по всему миру.
Зарегистрированные пользователи могут анализировать свои страницы с помощью одного из наших 7 бесплатных тестовых локаций . Тарифы GTmetrix PRO иметь доступ к 15 дополнительных тестовых локаций премиум-класса .
Вы можете выбрать местоположение на вкладке «Параметры анализа» на панели инструментов или измените свое местоположение по умолчанию в вашем Страница учетной записи.
Если вас беспокоят запросы GTmetrix, влияющие на вашу аналитику или будучи остановленным вашим брандмауэром, вы можете использовать IP-адреса, предоставленные разрешить или запретить наши серверы.
Получите здесь все расположения наших тестовых серверов в формате XML.
Канада (20 серверов)
Ванкувер, Канада
Состояние: Активный
IP: 208.70.247.157
Хост: cap1.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 2
Состояние: Активный
IP: 172.255.48.130
Хост: na-vancouver1.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 3
Состояние: Активный
IP: 172.255.48.131
Хост: na-vancouver2.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 4
Состояние: Активный
IP: 172.255.48.132
Хост: na-vancouver3.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 5
Состояние: Активный
IP: 172.255.48.133
Хост: na-vancouver4.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 6
Состояние: Активный
IP: 172.255.48.134
Хост: na-vancouver5.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 7
Состояние: Активный
IP: 172.255.48.135
Хост: na-vancouver6.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 8
Состояние: Активный
IP: 172.255.48.136
Хост: na-vancouver7.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 9
Состояние: Активный
IP: 172.255.48.137
Хост: na-vancouver8.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 10
Состояние: Активный
IP: 172.255.48.138
Хост: na-vancouver9.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 11
Состояние: Активный
IP: 172.255.48.139
Хост: na-vancouver10.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 12
Состояние: Активный
IP: 172.255.48.140
Хост: na-vancouver11.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 13
Состояние: Активный
IP: 172.255.48.141
Хост: na-vancouver12.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 14
Состояние: Активный
IP: 172.255.48.142
Хост: na-vancouver13.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 15
Состояние: Активный
IP: 172.255.48.143
Хост: na-vancouver14.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 16
Состояние: Активный
IP: 172.255.48.144
Хост: na-vancouver15.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 17
Состояние: Активный
IP: 172.255.48.145
Хост: na-vancouver16.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 18
Состояние: Активный
IP: 172.255.48.146
Хост: na-vancouver17.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 19
Состояние: Активный
IP: 172.255.48.147
Хост: na-vancouver18.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Квебек, Канада
Состояние: Только ActivePRO
IP: 52.229.122.240
Хост: na-quebec1.jobs.gtmetrix.com
Страна: Канада
Город: Квебек
США (17 серверов)
Сан-Антонио, Техас, США
Состояние: Активный
IP: 104.214.72.101
Хост: na-sanantonio1.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 2
Состояние: Активный
IP: 13.66.7.11
Хост: na-sanantonio2.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 3
Штат: Активный
IP: 13.85.24.83
Хост: na-sanantonio3.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 4
Состояние: Активный
IP: 13.85.24.90
Хост: na-sanantonio4.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 5
Штат: Активный
IP: 13.85.82.26
Хост: na-sanantonio5.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 6
Штат: Активный
IP: 40.74.242.253
Хост: na-sanantonio6.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 7
Состояние: Активный
IP: 40.74.243.13
Хост: na-sanantonio7.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 8
Штат: Активный
IP: 40.74.243.176
Хост: na-sanantonio8.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 9
Состояние: Активный
IP: 104.214.48.247
Хост: na-sanantonio9.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 10
Состояние: Активный
IP: 157.55.189.189
Хост: na-sanantonio10.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 11
Состояние: Активный
IP: 104.214.110.135
Хост: na-sanantonio11.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 12
Состояние: Активный
IP: 70.37.83.240
Хост: na-sanantonio12.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 13
Штат: Активный
IP: 65.52.36.250
Хост: na-sanantonio13.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Шайенн, Вайоминг, США
Состояние: только ActivePRO
IP: 13.78.216.56
Хост: na-cheyenne1.jobs.gtmetrix.com
Страна: США
Город: Шайенн
Чикаго, Иллинойс, США
Штат: Только ActivePRO
IP: 52.162.212.163
Хост: na-chicago1.jobs.gtmetrix.com
Страна: США
Город: Чикаго
Данвилл, Вирджиния, США
Состояние: Только ActivePRO
IP: 23.96.34.105
Хост: na-danville1.jobs.gtmetrix.com
Страна: США
Город: Данвилл
Сан-Франциско, Калифорния, США
Штат: только ActivePRO
IP: 65.52.113.236
Хост: na-sanfrancisco1.jobs.gtmetrix.com
Страна: США
Город: Сан-Франциско
UK (7 серверов)
Лондон, Великобритания
Состояние: Активный
IP: 172.255.61.34
IPv6: 2607: fcc0: 4000: 5 :: 101
Хост: eu-west1.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 2
Состояние: Активный
IP: 172.255.61.35
IPv6: 2607: fcc0: 4000: 5 :: 102
Хост: eu-west2.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 3
Состояние: Активный
IP: 172.255.61.36
IPv6: 2607: fcc0: 4000: 5 :: 103
Хост: eu-west3.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 4
Состояние: Активный
IP: 172.255.61.37
IPv6: 2607: fcc0: 4000: 5 :: 104
Хост: eu-west4.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 5
Состояние: Активный
IP: 172.255.61.38
IPv6: 2607: fcc0: 4000: 5 :: 105
Хост: eu-west5.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 6
Состояние: Активный
IP: 172.255.61.39
IPv6: 2607: fcc0: 4000: 5 :: 106
Хост: eu-west6.jobs.gtmetrix.com
Страна: UK
Город: Лондон
Лондон, Великобритания 7
Состояние: Активный
IP: 172.255.61.40
IPv6: 2607: fcc0: 4000: 5 :: 107
Хост: eu-west7.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Бразилия (4 сервера)
Сан-Паулу, Бразилия
Состояние: Активный
IP: 104.41.2.19
Хост: sa-saopaulo3.jobs.gtmetrix.com
Страна: Бразилия
Город: Сан-Паулу
Сан-Паулу, Бразилия 2
Штат: Активный
IP: 191.235.98.164
Хост: sa-saopaulo1.jobs.gtmetrix.com
Страна: Бразилия
Город: Сан-Паулу
Сан-Паулу, Бразилия 3
Штат: Активный
IP: 191.235.99.221
Хост: sa-saopaulo2.jobs.gtmetrix.com
Страна: Бразилия
Город: Сан-Паулу
Сан-Паулу, Бразилия 4
Штат: Активный
IP: 191.232.194.51
Хост: sa-saopaulo4.jobs.gtmetrix.com
Страна: Бразилия
Город: Сан-Паулу
Австралия (3 сервера)
Сидней, Австралия
Штат: Активный
IP: 52.237.235.185
Хост: ap-sydney1.jobs.gtmetrix.com
Страна: Австралия
Город: Сидней
Сидней, Австралия 2
Штат: Активный
IP: 52.237.250.73
Хост: ap-sydney2.jobs.gtmetrix.com
Страна: Австралия
Город: Сидней
Сидней, Австралия 3
Штат: Активный
IP: 52.237.236.145
Хост: ap-sydney3.jobs.gtmetrix.com
Страна: Австралия
Город: Сидней
Индия (3 сервера)
Мумбаи, Индия
Состояние: Активный
IP: 104.211.143.8
Хост: ap-mumbai1.jobs.gtmetrix.com
Страна: Индия
Город: Мумбаи
Мумбаи, Индия 2
Штат: Активный
IP: 104.211.165.53
Хост: ap-mumbai2.jobs.gtmetrix.com
Страна: Индия
Город: Мумбаи
Ченнаи, Индия
Состояние: Только ActivePRO
IP: 52.172.14.87
Хост: ap-chennai1.jobs.gtmetrix.com
Страна: Индия
Город: Ченнаи
Китай (2 сервера)
Гонконг, Китай
Состояние: Активный
IP: 40.83.89.214
Хост: ap-hongkong1.jobs.gtmetrix.com
Страна: Китай
Город: Гонконг
Гонконг, Китай 2
Состояние: Активный
IP: 52.175.57.81
Хост: ap-hongkong2.jobs.gtmetrix.com
Страна: Китай
Город: Гонконг
Франция (1 сервер)
Париж, Франция
Состояние: только ActivePRO
IP: 20.188.63.151
Хост: eu-paris1.jobs.gtmetrix.com
Страна: Франция
Город: Париж
Германия (1 сервер)
Франкфурт, Германия
Состояние: Только ActivePRO
IP: 20.52.36.49
Хост: eu-frankfurt1.jobs.gtmetrix.com
Страна: Германия
Город: Франкфурт
Япония (1 сервер)
Токио, Япония
Состояние: только ActivePRO
IP: 52.246.165.153
Хост: ap-tokyo1.jobs.gtmetrix.com
Страна: Япония
Город: Токио
Нидерланды (1 сервер)
Амстердам, Нидерланды
Состояние: Только ActivePRO
IP: 51.144.102.233
Хост: eu-amsterdam1.jobs.gtmetrix.com
Страна: Нидерланды
Город: Амстердам
Сингапур (1 сервер)
Сингапур
Состояние: только ActivePRO
IP: 13.76.97.224
Хост: ap-singapore1.jobs.gtmetrix.com
Страна: Сингапур
Южная Африка (1 сервер)
Йоханнесбург, Южная Африка
Штат: Только ActivePRO
IP: 102.133.169.66
Хост: af-johannesburg1.jobs.gtmetrix.com
Страна: Южная Африка
Город: Йоханнесбург
Южная Корея (1 сервер)
Пусан, Южная Корея
Состояние: Только ActivePRO
IP: 52.231.199.170
Хост: ap-busan1.jobs.gtmetrix.com
Страна: Южная Корея
Город: Пусан
Швеция (1 сервер)
Стокгольм, Швеция
Состояние: Только ActivePRO
IP: 13.53.162.7
Хост: eu-stockholm1.jobs.gtmetrix.com
Страна: Швеция
Город: Стокгольм
ОАЭ (1 сервер)
Дубай, ОАЭ
Состояние: только ActivePRO
IP: 40.123.218.94
Хост: me-dubai1.jobs.gtmetrix.com
Страна: ОАЭ
Город: Дубай
11 лучших инструментов для тестирования скорости загрузки веб-сайтов в мире
Одна из основных задач для блоггеров, малого бизнеса, некоммерческих организаций, персональный веб-сайт имеет « Время загрузки страницы ».
Исследования показывают, что пользователь покидает сайт, если он не загрузился в течение 3 секунды .
Никто не любит медленный веб-сайт.
Ускорение веб-сайтов имеет важное значение.« Интернет должен быть быстрым » (говорит Google). Google включил скорость сайта в поисковый рейтинг. Насколько быстро ваш сайт загружается в браузере на компьютере и мобильном браузере?
Давайте попробуем следующие инструменты, чтобы проверить время, необходимое для загрузки веб-страницы во всем мире, за исключением Китая.
Все они предоставляют полезную информацию, а также следующие, чтобы оптимизировать ваш веб-сайт для быстрой загрузки.
- Время, затраченное на загрузку страницы
- Размер страницы
- Количество запросов на загрузку страницы
- YSlow оценка
- Оценка PageSpeed
- График водопада
Восходящие тенденции
Uptrends позволяет быстро проверить производительность вашего сайта и предоставить следующие важные показатели.
- Время загрузки
- Размер страницы
- Запросы на загрузку страницы
- Рекомендация по улучшению
- Запрос водопада и поломки
Uptrends получил серверы по всему миру, из которых вы можете выбрать для тестирования.
- Сингапур
- Амстердам
- Берлин
- Франкфурт
- Лондон
- Лос-Анджелес
- Нью-Йорк
- Сидней
- Париж
Если ваша целевая аудитория является глобальной, то очень важно обеспечить загрузку вашей страницы в течение ожидаемого времени во всем мире.
Как вы можете видеть выше, у вас есть возможность протестировать на настольном компьютере и мобильном устройстве из Chrome, Firefox, IE и Phantom JS.
Дотком-Монитор
Проверяйте скорость веб-сайта до 25 локаций с помощью Dotcom-monitor. Самое замечательное в том, что вы можете запустить тест из всех мест одним щелчком мыши.
Не только браузер для настольных ПК, но и возможность тестирования с Android, Windows и Blackberry. На странице результатов вы получите общую сводку, чтобы понять, как ваш сайт загружается по всему миру.Если вы заметили замедление в каком-то месте, вы можете развернуть, чтобы увидеть медленную загрузку ресурсов и водопад запросов.
Sematext
Sematext Synthetics — это интуитивно понятный, простой в использовании и надежный инструмент мониторинга, который отслеживает доступность ваших API-интерфейсов и веб-сайтов из разных мест по всему миру, измеряет производительность на разных устройствах и в браузерах и выявляет проблемы со сторонними ресурсами.
Вы можете использовать Sematext Synthetics для измерения более 25 показателей производительности веб-сайта, включая самые важные:
- Core Web Vitals
- Скорость страницы и время загрузки
- Количество запросов
- Размеры страницы
- Время до первого байта
- Первая значимая краска
- HTTP-заголовки
- Водопад запроса
Начните работу с Sematext за считанные минуты и получите доступ ко всем функциям, а когда будете готовы, вы сможете выбрать один из трех различных тарифных планов.Есть дешевый план с оплатой по мере использования, который начинается от 2 долларов в месяц, стандартный план — 29 долларов в месяц, а профессиональный — 99 долларов.
Аудит веб-сайта
Современный инструмент для современного сайта.
Geekflare Website Audit работает на платформе Google Lighthouse, чтобы протестировать сайт по более чем 40 показателям производительности и лучшим практикам. Вы можете выбрать для проверки с помощью настольного компьютера или мобильного телефона.
Некоторые из основных протестированных показателей:
- Время загрузки первого байта
- Время полной загрузки
- HTTP / 2
- Количество запросов и размер страницы
- Минимизация ресурсов
- Сжатие
- Размер изображения
- Интерактивный водопад запросов
и многое другое…
СУКУРИ
Тестер времени загрузки от SUCURI проверяет ваш веб-сайт из более чем 15 местоположений и дает вам время, взятое из каждого местоположения, средний отклик и оценку производительности.
SUCURI имеет другой инструмент для тестирования Security Scan, который вам тоже может понравиться.
GTMetrix
Gtmetrix использует Google Page Speed и Yahoo! Yslow для оценки производительности вашего сайта и предоставляет подробные сведения о запросе в каскадной диаграмме, чтобы вы могли видеть, какой запрос требует настройки.
По умолчанию запускается тест из Канады; однако, если вы сделаете бесплатную регистрацию, вы сможете запустить сканирование из Далласа, Гонконга, Лондона, Мумбаи, Сиднея, Сан-Паулу.
Пингдом
Pingdom позволяет выбрать тест из следующего места.
- Мельбурн
- Нью-Йорк
- Сан-Хосе
- Швеция
- Техас
Вы получите отличную сводку результатов теста, включая оценку производительности, аналитические данные, коды ответов, размер содержимого по типу / домену / типу.
Pingdom также позволяет вам детализировать каждый запрос, чтобы вы могли изучить HTTP-ответ и заголовки запросов.
Тест веб-страницы
Web page test — один из самых популярных инструментов для оценки производительности веб-сайтов, позволяющий запускать тест из разных мест по всему миру.
В каждой локации есть один или несколько браузеров (Chrome, IE, Firefox и т. Д. Охватывают широкий диапазон тестирования.
Тест веб-страницы анализирует время загрузки страницы, поэтому вы можете сосредоточиться на слабом месте.
- Время, затраченное на загрузку первого представления
- Время, затрачиваемое на загрузку при повторном просмотре
- Распределение контента по запросу / типу
- Время завершения документа
- Время полной загрузки
- Время первого байта
- Вид на водопад
- Вид подключения
- Запросить подробности и заголовки
- CDN подробности
Веб-сайт Pulse
WebSite Pulse позволяет запустить тест из Нью-Йорка, Мюнхена и Мельбурна.
Он дает вам быструю информацию об общем времени, затраченном на загрузку и выполнение каждого запроса.
- Статус запроса
- Время подключения
- Время первого байта
- Время последнего байта
- Размер запроса
Площадка 24 × 7
Анализируйте всю веб-страницу, включая время DNS, время подключения, время первого байта, начало рендеринга, завершение документа и общее время загрузки страницы с помощью Site24X7.
С помощью Site 24 × 7 вы можете выбрать для тестирования более 60 центров по всему миру.
Dareboost
Выполняйте углубленный анализ из разных мест с помощью настольных или мобильных браузеров. Dareboost позволяет бесплатно тестировать до пяти сайтов в месяц.
Вы получаете все стандартные показатели, советы и рекомендации. Выполняются сотни проверок, и если вы не знакомы с ними, вы можете поделиться отчетом со своим разработчиком. Все рекомендации классифицируются в зависимости от приоритета, поэтому вы можете в первую очередь сосредоточиться на важной.
Заключение
Я надеюсь, что вышеуказанные БЕСПЛАТНЫЕ инструменты дадут вам представление о том, сколько времени требуется для загрузки вашей веб-страницы по всему миру.
Если он загружается менее чем за 3 секунды, то молодец, !
Если нет, то вы можете поработать над очками улучшения. Один из самых быстрых способов повысить производительность сайта — использовать высокопроизводительные CDN, такие как Cloudflare или SUCURI. Платформа хостинга также играет жизненно важную роль.
Как правильно провести тест скорости веб-сайта (вы делаете это неправильно)
Когда дело доходит до вашего сайта WordPress, важна скорость .Это факт. Почему? Во-первых, скорость веб-сайта — важный фактор в алгоритме Google. Быстро загружающиеся веб-сайты могут рассчитывать на более высокий рейтинг в поисковой выдаче и привлекать больше посетителей. Во-вторых, необходимо учитывать все аспекты пользовательского опыта. Если сайт загружается быстро, посетители с большей вероятностью останутся, прочитают ваш контент и, в конечном итоге, конвертируются. Другими словами, молниеносный веб-сайт открывает все хорошее, чего так жаждут веб-мастера.
Однако мы не собираемся сегодня говорить о том, как сделать ваш сайт быстрее.Мы уже подробно рассказали об этом в нашем руководстве по ускорению WordPress и в статье о скорости страницы. Мы здесь, чтобы обсудить еще одну распространенную проблему, которую пользователи WordPress ежедневно решают, а именно: некорректное выполнение теста скорости веб-сайта.
Вам может показаться, что это не такая уж большая проблема. Но на самом деле это когда вы пытаетесь оценить улучшения. Если вы неправильно запустите тест скорости веб-сайта, может показаться, что ваш сайт работает медленнее, хотя на самом деле он быстрее.
Итак, ниже мы рассмотрим правильный способ запустить тест скорости веб-сайта вместе с некоторыми инструментами, которые вы можете использовать для реального измерения скорости вашего сайта и отслеживания любых улучшений.
Перед запуском теста скорости веб-сайта
Перед запуском теста скорости вы должны проверить, есть ли у вас две следующие вещи, уже настроенные и запущенные на вашем сайте WordPress:
- Кэширование
- Сеть доставки контента
Если вы не знаете, обратитесь к своему веб-разработчику или хостинг-провайдеру. А если вы запускаете новый сайт, убедитесь, что настроил эти вещи сначала , а затем запустите тесты скорости.
1. Настройте кэширование
Если вы являетесь клиентом Kinsta, наш кеш страниц на уровне сервера уже будет запущен на вашем действующем сайте WordPress. Так что настраивать нечего. Однако помните, что кеширование отключено в наших промежуточных средах по умолчанию для целей разработки и отладки. Чтобы включить кеширование в промежуточной среде, вы можете переключить кнопку «Включить кэш» на странице инструментов вашего сайта в MyKinsta.
Мгновенное сокращение времени загрузки на 37% после перемещения @WPColt в @kinsta! (БЕЗ ПЛАГИНОВ КЭШИНГА) 🚀🚀🚀
— WPColt (@WPColt) 3 января 2018 г.
Если вы размещаете где-то еще, обязательно ознакомьтесь с их документацией, чтобы убедиться, что кеширование включено.Если вы используете общий хост или VPS, это может означать, что вам нужно установить плагин кэширования WordPress.
2. Включить сеть доставки контента (CDN)
Если вы не знаете, что такое сеть доставки контента, вам следует сначала прочитать наш подробный пост о том, почему вам следует использовать CDN WordPress. В 99,9% сценариев это будет иметь огромное влияние на скорость вашего сайта. В зависимости от местоположения центра обработки данных, в котором размещен ваш сайт, и местоположения ваших посетителей, мы заметили, что CDN сокращает время загрузки более чем на 50%!
Если вы являетесь клиентом Kinsta, мы включаем бесплатную полосу пропускания CDN во все наши планы хостинга.Вы можете включить Kinsta CDN в два простых шага.
Шаг 1
Сначала войдите в личный кабинет MyKinsta. Нажмите на свой сайт, а затем на вкладку CDN.
Кинста CDN
Шаг 2
Затем нажмите «Добавить зону». Через несколько минут CDN будет автоматически развернут, и ваши ресурсы будут обслуживаться из кеша по всему миру. Вот и все.
Включить Kinsta CDN
Если вы используете Cloudflare или заинтересованы в нем, у нас есть подробное руководство о том, как установить Cloudflare на ваш сайт WordPress, и этот пост о наиболее оптимальных настройках.Мы также рекомендуем ознакомиться с нашим сравнением Kinsta CDN и Cloudflare и нашим руководством по автоматической оптимизации платформы CloudFlare.
Сторонние поставщики CDN должны иметь документацию, которой вы можете следовать, чтобы настроить их CDN на своем сайте WordPress. Затем вы можете использовать бесплатный плагин, например CDN Enabler.
Как правильно запустить тест скорости веб-сайта
Теперь, когда у вас настроено кэширование и включен CDN, пришло время погрузиться в то, как правильно тестировать скорость вашего сайта WordPress.Есть много различных инструментов, которые вы можете использовать для измерения производительности вашего сайта. Вы можете ознакомиться с полным списком ниже. В этом примере мы собираемся использовать Pingdom, один из самых популярных и часто используемых инструментов.
Место проведения теста скорости
Почти каждый инструмент для проверки скорости позволяет выбирать из разных точек тестирования по всему миру, и это имеет большое значение. Причина в том, что все это относится к центру обработки данных, в котором размещен ваш сайт WordPress.TTFB, сетевая задержка, все вступает в игру. Если вы являетесь клиентом Kinsta, у нас есть 24 различных центра обработки данных, из которых вы можете выбирать для своих сайтов.
Поэтому важно тестировать скорость вашего сайта как из места, расположенного близко к вашему центру обработки данных, так и из другого места, расположенного далеко. Это также поможет вам увидеть, насколько сильно CDN влияет на ваш сайт WordPress. Вы также можете временно отключить свой CDN и повторно протестировать его, не заметив разницы.
Что бы вы ни делали, будет соответствовать выбранному вами местоположению .
Вы должны тестировать несколько раз
Мы не будем углубляться в кеширование в этой статье, но просто помните, что именно это делает ваш сайт WordPress загружаемым очень быстро (как кэширование с вашего хоста WordPress или плагина, так и с вашего CDN).
Большая проблема в том, что многие пользователи, как правило, запускают тест скорости только один раз , контент еще не кэшируется на хосте WordPress или CDN, и тогда оказывается, что сайт действительно работает медленнее. Это также может произойти, если вы только что очистили свой сайт WordPress или кеш CDN.
Как узнать, что ваш контент или мультимедиа не обслуживаются из кеша? Это просто. Каждый инструмент проверки скорости показывает вам так называемые заголовки HTTP (также известные как заголовки ответов). Они содержат важную информацию о каждом запросе.
У нас есть сайт разработки, созданный в Kinsta с включенной Kinsta CDN. Сначала мы протестировали его через Pingdom и получили следующий результат.
Тест скорости
Если вы посмотрите на пример ниже, первый запрос направлен к основному домену, и он загружается непосредственно с сервера Kinsta.Ниже вы можете увидеть, что остальные запросы загружаются из Kinsta CDN (xxxx.kinstacdn.com).
Если вы посмотрите на запрос к серверу Kinsta , вы увидите заголовок под названием x-kinsta-cache
. Когда он еще не работает из кеша, он зарегистрирует MISS
. Название этого заголовка может незначительно отличаться в зависимости от вашего хостинг-провайдера.
Сеть CDN Kinsta запрашивает ниже, аналогичным образом. Найдите заголовок под названием x-cache
.Когда он еще не работает из кеша, он зарегистрирует MISS
. Опять же, название заголовка может незначительно отличаться в зависимости от вашего провайдера CDN. Например, при использовании Cloudflare заголовок HTTP называется cf-cache-status
.
Анализ скорости веб-сайта
Для правильного тестирования скорости вам необходимо видеть все, что загружается из кеша (как с вашего хоста WordPress, так и с CDN). Когда это так, заголовки x-kinsta-cache
и x-cache
зарегистрируют HIT
(как показано ниже).Этот обычно требует многократного выполнения теста скорости . Мы обнаружили, что обычно магическим числом является два или три. Некоторые инструменты для проверки скорости, такие как Pingdom, также ограничивают время между каждым тестом (обычно парой минут). Так что вам, возможно, придется запустить тест скорости, вернуться позже, запустить его снова и т. Д.
Хост WordPress и кеш CDN
Также возможно, что ваш хост WordPress зарегистрирует HIT
с кешем перед вашим CDN. Вы можете быстро просмотреть тест и найти большую желтую полосу.Это указывает на TTFB (время ожидания), которое действительно сильно возрастает, когда страница или ресурс не доставлены из кеша.
Почему это так важно? Потому что, если вы посмотрите на наш тест скорости до и после, сайт, полностью загруженный из кеша, был более чем на 50% быстрее . И это было на нашем небольшом сайте разработки. На более крупных сайтах процент будет еще больше. Вот почему так важно, чтобы вы понимали, как правильно тестировать скорость своего сайта.
Тест скорости с кешем
Помимо запросов к вашему хостинг-провайдеру и CDN, у вас, скорее всего, также будут внешние запросы к таким вещам, как Facebook, Google Analytics, Google Fonts и т. Д.Устранение неполадок — это вопрос на другой день. 😉 Ознакомьтесь с нашей публикацией о том, как определять и анализировать внешние службы на вашем сайте WordPress, нашим полным руководством по Pingdom и нашим подробным руководством о том, как изменить шрифт в WordPress.
Пришло время познакомиться со всеми инструментами для проверки скорости веб-сайта, которые вы можете использовать. Какое оптимальное время загрузки вы должны стремиться? Что ж, чем быстрее, тем лучше, но большинство экспертов полагают, что около двух секунд или меньше — это хорошая цель. Помните также, что существует разница между воспринимаемой производительностью и реальной производительностью.
Подпишитесь на информационный бюллетень
Мы увеличили наш трафик на 1187% с помощью WordPress.
Присоединяйтесь к 20 000+ другим, кто получает нашу еженедельную рассылку с инсайдерскими советами по WordPress!
Подпишись сейчас- Пингдом
- Google PageSpeed Insights
- Инструмент проверки скорости веб-сайта Google для мобильных устройств
- Скорость сайта Google Analytics
- WebPageTest
- GTMetrix
- Тест скорости веб-сайта KeyCDN
- DareBoost
- Анализатор веб-страниц
- медленный
- Инструменты разработчика Chrome
- Ударная нагрузка
- Реликвия сайта
- дотком-монитор
- Новая реликвия
Одна из самых важных вещей, когда дело доходит до тестирования скорости веб-сайта, — это выбрать один инструмент и придерживаться его .У каждого свой набор различных показателей, поэтому вы не можете сравнивать результаты тестирования одного инструмента с другим. Не существует правильного или неправильного инструмента, вы должны просто сосредоточиться на улучшении. Гэри Иллис, аналитик трендов для веб-мастеров из Google, хорошо подводит итог.
У каждого инструмента есть набор различных метрик, но каждая метрика сама по себе имеет смысл улучшать. Нет идеального инструмента, и обычно я бы сказал вам, какой из них наиболее близок, но в данном случае речь идет о выборе того, который вам нравится.
— Гэри 鯨 理 / 경리 Illyes (@methode) 12 июля 2018 г.
1. Pingdom
Pingdom — это лидирующая на рынке служба мониторинга веб-сайтов, наиболее известная своим бесплатным инструментом для тестирования скорости веб-сайтов. Инструмент проверки скорости отображает все запросы вашего сайта в виде водопада. Вы можете фильтровать по порядку загрузки, размеру файла и времени загрузки, что дает вам разные точки зрения для выявления потенциальных улучшений — он также отображает общее количество запросов, время загрузки и размер страницы.
За последние годы он приобрел популярность благодаря тому, что он очень прост в использовании, особенно по сравнению с аналогичными инструментами для проверки скорости.Для новичков Pingdom может стать отличным началом.
Инструмент для проверки скорости веб-сайта Pingdom
Pingdom также дает вам рейтинг скоростных характеристик из 100 возможных. Этот рейтинг разбит на двенадцать критериев, каждому из которых присваивается индивидуальная оценка. Опять же, это полезно для определения « быстрых побед », на которые вы можете нацелиться, чтобы мгновенно и ощутимо повысить скорость вашего сайта. Можно набрать 100 баллов. Однако не стоит слишком зацикливаться на оценках, поскольку они не так важны, как простое улучшение вашего сайта для его ускорения.
Pingdom хранит результаты всех тестов, выполненных на вашем веб-сайте, что позволяет вам исторически отслеживать улучшения скорости с течением времени.
2. Google PageSpeed Insights
С 2010 года Google заявляет, что скорость страницы является важным фактором ранжирования для SEO. Чтобы помочь вам повысить скорость вашего сайта, у Google есть собственный инструмент тестирования скорости, Google PageSpeed Insights, который измеряет производительность страницы для мобильных и настольных устройств.
Инструмент Google PageSpeed Insights
Рейтинг PageSpeed составляет от 0 до 100 баллов и основан на Lighthouse.Чем выше оценка, тем лучше, а оценка 85 или выше указывает на то, что страница работает хорошо. На странице отчета представлена полезная разбивка шагов, которые можно предпринять для повышения производительности. PageSpeed Insights также предоставляет вам дополнительные предложения по работе с мобильными устройствами. Ознакомьтесь с нашими мыслями о том, можно ли набрать 100/100 баллов на PageSpeed Insights.
Если вы хотите поднять свой веб-сайт на вершину поисковой выдачи, стоит прислушаться к рекомендациям Google.Мы также проходные о том, как исправить это упорное предупреждение кэширования рычагов браузера.
3. Инструмент проверки скорости веб-сайта Google для мобильных устройств
По данным Google, люди в 5 раз чаще покидают сайт, если он не оптимизирован для мобильных устройств. Вот почему они выпустили свой инструмент для тестирования скорости мобильного сайта. Этот инструмент на самом деле основан на Google PageSpeed Insights и больше ориентирован на маркетологов и агентства, чтобы лучше предоставлять простые для понимания отчеты по оптимизации.
Инструмент для проверки скорости веб-сайта Google Mobile
Вы можете получать отчеты прямо на вашу электронную почту или переслать информацию своему веб-мастеру или разработчику.Однако помните, что оценка 100/100 может быть невозможна даже во всех сценариях, в зависимости от того, как настроен ваш сайт WordPress. Имея множество многоцелевых тем и сайтов с десятками внешних скриптов, у вас просто будет почти невозможное время, пытаясь достичь наивысшего результата. Что совершенно нормально. И точно не по вине разработчика.
4. Скорость сайта Google Analytics
Google Analytics также может измерять скорость сайта. Он находится на панели инструментов GA в меню «Поведение».Он собирает информацию с помощью фрагмента кода, включенного в веб-страницу. В их отчетах о скорости сайта измеряются три аспекта задержки:
.- Время загрузки страницы для выборки просмотров страниц на вашем сайте.
- Скорость выполнения или время загрузки любого отдельного обращения, события или взаимодействия с пользователем, которые вы хотите отслеживать.
- Как быстро браузер анализирует документ и делает его доступным для взаимодействия с пользователем.
Тайминги скорости сайта Google Analytics
Хотя это может быть полезно для общего сравнения, мы обычно не рекомендуем его использовать, поскольку мы обнаружили, что данные не всегда точны или не дают четкого представления о том, что на самом деле происходит на сайте.Почему? потому что он собран на основе случайной выборки данных.
Джо отлично описал проблему с точностью скорости сайта в Google Analytics. Йотта также сообщал о частых ошибках, которые могут существенно снизить среднюю скорость сайта. Мы рекомендуем использовать один из других инструментов для проверки скорости, упомянутых в этом посте.
5. WebPageTest
WebPagetest был создан Патриком Минаном, инженером Chrome в Google. Это проект с открытым исходным кодом, который позволяет запускать бесплатный тест скорости веб-сайта из разных мест по всему миру с использованием реальных браузеров (IE, Chrome и т. Д.).Это отличный инструмент для более опытных пользователей, которым необходимо получить дополнительные данные из тестов скорости.
WebPageTest
WebPageTest позволяет выполнять расширенные тесты, включая многоэтапные транзакции, захват видео, блокировку контента, сравнение первого просмотра и повторения просмотра, изменение скорости соединения и многое другое. Их диаграммы водопада и отчеты о загрузке ресурсов предоставляют много дополнительной информации об улучшениях, которые можно сделать на вашем сайте.
6.GTmetrix
GTmetrix — еще один популярный инструмент для анализа скорости и, возможно, самая известная из всех альтернатив Pingdom. Он прост в использовании, и новички могут быстро освоить его. Инструмент обеспечивает всесторонний анализ, сочетая производительность и рекомендации, предоставленные Google PageSpeed Insights и YSlow. Это означает, что GTmetrix фактически является универсальным поставщиком для всех ваших потребностей в оптимизации скорости.
Инструмент для проверки скорости веб-сайта GTmetrix
Чтобы упростить усвоение данных верхнего уровня, GTmetrix отображает сводку вверху страницы, в которой указано общее время загрузки страницы, размер страницы и количество запросов.Инструмент также отображает список ваших запросов в виде каскадной диаграммы, что позволяет с легкостью определять проблемные области и узкие места. Также можно загрузить диаграмму водопада, чтобы вы могли провести дальнейший анализ.
Вы можете создать бесплатную учетную запись, в которой вы сможете сохранять последние 20 тестов, сравнивать исторические данные и иметь предварительно сконфигурированные настройки для мест тестирования, браузеров, скорости соединения и т. Д.
Обязательно ознакомьтесь с нашим подробным руководством, в котором мы расскажем, как использовать инструмент проверки скорости GTmetrix.
7. Тест скорости веб-сайта KeyCDN
Бесплатный инструментKeyCDN для проверки скорости веб-сайта предоставляет невероятно быстрый и простой способ определить общую скорость вашего сайта WordPress. Простой тест скорости страницы включает разбивку по водопаду и предварительный просмотр веб-сайта. Вы можете выбрать одно из 14 различных тестовых мест, стратегически расположенных по всему миру, чтобы лучше определить общее время загрузки ваших ресурсов из этого физического региона.
Инструмент для проверки скорости веб-сайта KeyCDN
Вы можете запустить как частный, так и общедоступный тест, в котором впоследствии можно будет поделиться или добавить в закладки для дальнейшего использования.Отчет с разбивкой показывает отличный обзор методов запроса (GET / POST), кодов состояния HTTP (например, 200 OK или 404), типов файлов, размера содержимого, времени ожидания / получения, общего времени загрузки и общего количества HTTP запросы, созданные на вашем сайте. KeyCDN также имеет другие бесплатные удобные инструменты веб-тестирования производительности, такие как Ping Test, HTTP / 2 Test, HTTP Check и Traceroute Tool.
8. DareBoost
DareBoost — это универсальный сервис для тестирования скорости веб-сайтов, мониторинга веб-производительности и анализа веб-сайтов (скорость, SEO, качество, безопасность).И хотя это в первую очередь услуга премиум-класса, вы можете использовать их инструмент проверки скорости веб-сайта для получения 5 бесплатных отчетов в месяц, за вычетом нескольких дополнительных функций для платных клиентов. Бесплатные отчеты действительно впечатляют!
Инструмент для проверки скорости веб-сайта DareBoost
В отчете о тестировании скорости DareBoost анализируется более 80 различных точек данных по следующим категориям:
- Политика кеширования
- Количество запросов
- Безопасность
- Доступность
- Соответствие
- Качество
- jQuery
- Отрисовка в браузере
- Объем данных
- SEO
Вы можете быстро увидеть, где ваш сайт WordPress испытывает трудности и нуждается в доработке.Отчетность по безопасности также очень уникальна по сравнению с другими инструментами, которые мы упомянули. Вы можете увидеть, например, что ваш веб-сайт подвергается атаке с использованием clickjacking, отсутствует заголовок политики безопасности контента и даже информация о вашем сертификате SSL. Их дизайн тоже довольно классный! Если вам нужен отчет для вашего босса или агентства, это может быть инструмент, который вы хотите проверить.
Отчет об испытании скорости DareBoost
9. Анализатор веб-страниц
Анализатор веб-страниц — это очень рекомендуемый бесплатный инструмент для анализа скорости, размера и структуры вашего сайта.Скрипт вычисляет размер отдельных элементов и суммирует каждый тип компонента веб-страницы. Основываясь на этих характеристиках страницы, скрипт предлагает советы, как уменьшить время загрузки страницы.
Анализатор веб-страниц
В частности, инструмент сообщит вам, сколько времени требуется для загрузки вашего веб-сайта при различных скоростях подключения. Если вам нужны подробные данные, анализатор веб-страниц разберет их за вас, отобразив размер и комментарий для каждого. В нижней части анализа инструмент предоставляет комментарии и рекомендации по 11 конкретным аспектам эффективности вашего сайта, включая информацию об областях, в которых вы работаете хорошо.Похоже, что этот инструмент не обновлялся какое-то время, поэтому не ожидайте таких вещей, как поддержка HTTP / 2.
10. YSlow
Далее, Yahoo! — инструмент повышения производительности страниц, YSlow. Инструмент требует установки в качестве надстройки к вашему браузеру, но его можно использовать совершенно бесплатно — и поддерживаются самые популярные веб-браузеры.
Yahoo! команда определила 34 фактора, которые влияют на скорость веб-сайта. К сожалению, только 23 могут быть протестированы количественно, поэтому инструмент фокусирует свой анализ на этих областях — на веб-сайте YSlow перечислены эти 23 «правила» с расширенными деталями, которые стоит проверить.После завершения анализа YSlow поставит вам оценку по каждой области — от A до F. Это упрощает определение ваших более слабых областей, на которые вы можете ориентироваться для самых больших шагов вперед с точки зрения скорости сайта.
Раньше это был самый популярный инструмент для проверки скорости. Но, к сожалению, проект YSlow больше не поддерживается. Их последний коммит был 2 года назад, и на их странице GitHub более 100 открытых проблем. Тем не менее, есть еще некоторая полезная информация, которую предоставляет расширение, но мы рекомендуем использовать более новый и активно поддерживаемый инструмент проверки скорости веб-сайта.
11. Chrome DevTools
Сетевая панель Chrome DevTools является частью Chrome. Это очень популярный инструмент среди разработчиков, поскольку он легко доступен и отлично подходит для локальной отладки и тестирования. Вы можете легко запустить сетевую панель в Chrome, нажав Command + Option + I (Mac) или Control + Shift + I (Windows, Linux). Затем вы можете сгенерировать каскадный анализ своего сайта и проанализировать эффективность каждого из ваших активов.
Chrome DevTools, сетевой водопад
Еще одна замечательная функция, добавленная в Chrome 60, — это возможность блокировать запросы.Это может быть очень полезно при попытке определить, сколько накладных расходов сторонняя служба или скрипт несет на вашем сайте.
Запрос блокировки в Chrome Devtools
Команда Google также интегрировала Lighthouse в Chrome Devtools. Lighthouse — это автоматизированный инструмент с открытым исходным кодом для улучшения качества веб-страниц. У него есть аудит производительности, доступности, прогрессивных веб-приложений и многого другого. Вы можете запустить его на вкладке «Аудит». Он имеет аналогичную систему оценок 0 из 100. Вы можете погрузиться в свои запросы, посмотреть, какие скрипты могут блокировать рендеринг, экономить на сжатии изображений и т. Д.Затем вы можете легко поделиться ссылкой с другими.
Аудит веб-производительности Chrome Devtools
Другие функции Chrome Devtools включают возможность отключения кеша, ограничения сетевых подключений, создания снимков экрана с рендерингом страниц и диагностики медленного TTFB.
12. Ударная нагрузка
Load Impact — один из лучших инструментов для тестирования масштабируемости вашего сайта. Они предлагают бесплатный тест производительности веб-сайта (5 отчетов в месяц), анализирующий последствия наличия 25 одновременных пользователей на вашем веб-сайте и влияние этого скромного трафика на скорость на сайте.
Ударная нагрузка
Load Impact отображает удобный график, демонстрирующий, как изменяется время загрузки, когда на ваш веб-сайт заходят все больше пользователей. Чтобы гарантировать, что ваш сайт обслуживает действительно глобальную аудиторию, Load Impact также будет отправлять виртуальных пользователей на ваш сайт из разных мест.
Диаграммы воздействия нагрузки
Хотите больше? Load Impact удобно отображает статистику верхнего уровня, такую как использование полосы пропускания, выполненные запросы и количество запросов в секунду. Если вам нужны дополнительные данные, подумайте о переходе на один из премиальных планов Load Impact — это позволяет вам проверить влияние гораздо большего количества одновременных пользователей.Премиум-планы доступны от 89 долларов в месяц.
13. Реликвия сайта
Site Relic — еще один полностью бесплатный инструмент для проверки скорости веб-сайта, который недавно появился. Это позволяет вам легко проверить время загрузки вашего сайта как на мобильном, так и на настольном ПК в 9 различных регионах. Вы также можете просмотреть свой TTFB сразу во всех регионах.
Реликвия сайта
Индивидуальные отчеты о местоположении позволяют легко увидеть время полной загрузки, размер страницы, первый байт, общее количество запросов, количество запросов по типу и количество запросов по коду ответа.Отчет водопада в инструменте также очень хорошо разработан.
Тест скорости Site Relic
14. дотком-монитор
dotcom-monitor имеет множество бесплатных и полезных инструментов. Одним из них является их инструмент для проверки скорости веб-сайта. Он позволяет мгновенно проверить скорость вашего сайта в 25 точках по всему миру. Вы можете выбирать между различными браузерами, такими как Internet Explorer, Firefox, Chrome, iOS, Android, Windows Phone и Blackberry.
тест скорости сайта dotcom-monitor
Их отчет о веб-производительности включает:
- Сводка по местонахождению
- 10% самых быстрых элементов
- 10% самых медленных элементов
- Подробная карта водопадов
- Разбивка по элементам хоста, включая DNS, соединение, SSL, запрос, первый пакет и загрузку
- Проверка и диагностика ошибок
15.Новая реликвия
New Relic предлагает всевозможные услуги, от мониторинга производительности приложений до мониторинга серверов, мобильного мониторинга и получения информации о пользователях в реальном времени. Технически это инструмент премиум-класса, но если вам нужно больше данных, чем предоставляют вышеперечисленные инструменты, вы захотите инвестировать в него.
Новая реликвия
На самом деле мы используем два продукта New Relic здесь, в Kinsta, для мониторинга времени безотказной работы и производительности, и это их продукты для мониторинга приложений и синтетические продукты.
раз транзакции New Relic в сети
Одна особенно полезная функция — это раздел плагинов WordPress. Вы можете сразу увидеть, какие плагины и темы имеют наибольшее время отклика.
Время отклика плагина WordPress в New Relic
Если ваш веб-сайт начинает замедляться, вы можете легко увидеть это с помощью New Relic и получить уведомление, чтобы вы могли немедленно принять меры, чтобы узнать, что может быть причиной проблемы. Это также включает просмотр внешних сервисов или рекламных сетей, которые могут замедлять работу вашего сайта.New Relic стал для нас отличным инструментом, гарантирующим, что мы обеспечиваем лучшую поддержку нашим клиентам WordPress.
New Relic внешние сервисы
Скорость веб-сайта важна. 🚀 Чем быстрее это будет, тем выше ваши шансы на успех.Нажмите, чтобы твитнутьСводка
Понимание того, как правильно тестировать скорость вашего сайта WordPress, гарантирует, что вы эффективно оцениваете свою производительность. Особенно, если вы пытаетесь измерить, насколько быстро работает ваш сайт после перехода на Kinsta. 😉
Если ваш приоритет — молниеносный веб-сайт — так и должно быть! — убедитесь, что вы используете хотя бы один из этих инструментов для количественной оценки стратегии оптимизации скорости.К настоящему времени должно быть предельно ясно: скорость веб-сайта — важная составляющая любого успешного веб-сайта. Чем быстрее ваш сайт, тем выше ваши шансы на успех.
Какие инструменты вы используете для измерения скорости веб-сайта? Делитесь ими в комментариях ниже!
Если вам понравилась эта статья, то вам понравится хостинговая платформа Kinsta WordPress. Ускорьте свой сайт и получите круглосуточную поддержку от нашей опытной команды WordPress. Наша инфраструктура на базе Google Cloud ориентирована на автоматическое масштабирование, производительность и безопасность.Позвольте нам показать вам разницу в Kinsta! Ознакомьтесь с нашими тарифами
Как узнать время загрузки сайта?
В этой статье объясняется, насколько важно регулярно контролировать время загрузки веб-сайта. Он также расскажет пользователям, как проверить время загрузки веб-сайта на различных реальных устройствах и в браузерах с помощью одного инструмента.
Время загрузки страницы играет решающую роль в определении рейтинга веб-сайтов. Это уже не секрет, потому что Google считает скорость веб-сайта решающим фактором перед его ранжированием.Об этом было публично объявлено еще в 2010 году. В результате веб-сайт, который загружается быстрее, обязательно будет хорошо ранжироваться и наблюдать значительный рост органического трафика.
Оптимизация скорости веб-сайта для мобильных браузеров не менее важна для бизнеса, поскольку мобильный веб-трафик составляет 52% от общего веб-трафика. Прочтите эту статью о том, почему скорость страницы так важна, чтобы узнать, как скорость может быть важным фактором роста веб-сайта.
Команды должны регулярно проверять время загрузки веб-сайта для различных комбинаций устройства и браузера.Это позволяет им получить практическую информацию о конкретных веб-страницах. Это также помогает им оценить, какие веб-страницы загружаются слишком долго, или выяснить, существует ли конкретный браузер, для которого необходимо оптимизировать веб-сайт.
Доступ к Интернету осуществляется в любой момент через тысячи устройств и браузеров. Тестирование скорости веб-сайта на различных реальных устройствах и браузерах может быть очень сложной задачей. Кроме того, вычисление некоторых ключевых показателей, таких как время до первого байта (TTFB), время отклика, время загрузки страницы, обработка DOM для каждого браузера, может быть сложной задачей.
Для начала давайте разберемся, что представляют собой эти показатели на высоком уровне.
Ключевые показатели для проверки времени загрузки веб-сайта- TTFB: Время до первого байта (TTFB) представляет собой время, необходимое веб-браузеру или мобильному браузеру для получения первого байта ответа от сервера после того, как он запрашивает конкретный URL-адрес
- Время загрузки страницы : Представляет время, необходимое для полного отображения содержимого определенной страницы
- Время отклика : Представляет количество времени, затрачиваемое на полное получение первого ответа от сервера
- Обработка DOM Время: Представляет время, необходимое для синтаксического анализа HTML в DOM и извлечения или выполнения сценариев.
Чтобы проверить время загрузки веб-сайта на различных устройствах и браузерах, командам нужен надежный инструмент.Инструмент, который мгновенно генерирует подробный отчет, который предоставляет полезную информацию о ключевых показателях, таких как TTFB, время отклика, время загрузки страницы и т. Д.
BrowserStack’s Speed Lab — один из таких инструментов для проверки скорости веб-сайта. Это позволяет командам проверять время загрузки веб-сайта на реальных настольных и мобильных устройствах, а также в браузерах (Chrome, Safari, Firefox и т. Д.).
Шаги для проверки времени загрузки веб-сайта- Посетите SpeedLab
- Введите URL-адрес веб-сайта
- Нажмите кнопку «Пуск»
После этого инструмент немедленно запустит тесты в наиболее часто используемых браузерах и устройствах. , и операционные системы.Созданный отчет показывает результаты тестов, оцененные по 100-балльной шкале для мобильных и настольных устройств. В отчете также указываются самые быстрые и самые медленные комбинации устройства и браузера.
Отчет охватывает ключевые показатели для каждой платформы, а время загрузки представлено в миллисекундах (см. Изображение выше). С помощью таких подробных отчетов команды могут мгновенно анализировать узкие места производительности для определенных комбинаций устройства и браузера.
Рядом со списком устройства и браузера есть кнопка Live Test , которая позволяет пользователям вручную проверять время загрузки веб-сайта в определенной комбинации устройства и браузера.Все эти тесты выполняются на реальных устройствах, которые размещены в реальном облаке устройств BrowserStack.
Пользователям не нужно беспокоиться об оценке отдельных отчетов для уникальных комбинаций устройства и браузера. Это связано с тем, что SpeedLab сопоставляет результаты для всех комбинаций и представляет их в одном отчете, предназначенном для облегчения просмотра и анализа.
Проверить время загрузки вашего веб-сайта сейчас
Команды или отдельные лица должны продолжать проверять время загрузки веб-сайта через регулярные промежутки времени.Это помогает им оценить производительность веб-сайта на определенных устройствах или в браузерах. Это позволяет им всегда сохранять сайт доступным, инклюзивным и привлекательным для пользователей, использующих разные устройства и браузеры.
Как правильно измерить время загрузки страницы вашего веб-сайта
При оценке эффективности WP Rocket или любого другого плагина кэширования WordPress важно, чтобы вы могли правильно измерить время загрузки страницы вашего веб-сайта.
Для этого доступно несколько инструментов.Один из наиболее действенных, который обеспечивает самый простой способ быстро понять результаты, — это Pingdom Tools .
Как использовать Pingdom
[предупреждение] Посетите: https://tools.pingdom.com/[/alert]
Щелкните « Test From» и выберите местоположение, ближайшее к вашему веб-серверу, не ваше собственное физическое местоположение .
Вставьте URL своего веб-сайта и нажмите « Начать тест» .
Pingdom оценит эффективность вашей веб-страницы в верхней части с помощью 4 показателей:
- Класс эффективности
- Запросы
- Время загрузки
- Размер страницы
Из этих показателей наиболее важным является время загрузки!
Оценка — это общий показатель того, насколько хорошо ваш сайт оптимизирован, но не важно, чтобы на ней была наивысшая оценка.
Скорость загрузки вашего сайта — единственное, что имеет значение. Когда Google посещает ваш сайт, он не заботится и не знает об уровне производительности, а только о времени загрузки.
Получение точного среднего значения
Вы должны запустить тест несколько раз, чтобы получить среднее время загрузки, так как оно не будет каждый раз одинаковым.
Если вы только что добавили кеширование на свой сайт или изменили какие-либо параметры в своем плагине кеширования, при первом посещении вашей страницы посетителем (включая бота Pingdom) (если она не была предварительно загружена) он получит версию без кеширования. страницы.Это посещение вызывает создание кеша, поэтому следующий посетитель получит более быструю кэшированную версию.
Итак, когда вы запускаете тест скорости, первый результат может быть на некэшированной версии вашей страницы, поэтому важно выполнить тест несколько раз.
WP Rocket будет предварительно загружать домашнюю страницу вашего сайта и страницы, связанные с ней, когда вы вручную нажимаете кнопку Preload cache , когда срок действия кеша истек, или когда вы создаете или обновляете сообщение.
Кроме того, когда вы создаете / обновляете контент, кеш удаляется и предварительно загружается через несколько секунд для связанного контента, такого как страницы архива категорий и тегов.
Если вы просто воспользуетесь функцией Clear Cache , предварительная загрузка не запустится. Так что либо запустите его вручную, либо просто посетите свой веб-сайт, чтобы сгенерировать кеш.
Большинство людей тестируют только домашнюю страницу своего сайта, на которой обычно намного больше контента, чем на обычной странице или публикации. Итак, рассмотрите возможность тестирования различных типов контента на вашем сайте, чтобы получить более полное представление о том, насколько быстро ваш сайт в целом.
На многих веб-сайтах посетители, находящие сайт из поисковой системы, будут заходить на ваш сайт в сообщении в блоге или на отдельной странице, не обязательно на домашней странице, поэтому производительность всех страниц должна быть высокой. Вы, вероятно, обнаружите, что эти внутренние сообщения / страницы загружаются быстрее, чем ваша домашняя страница.
Бенчмаркинг
Чтобы действительно увидеть, насколько улучшился ваш плагин кеширования, вам нужно сначала протестировать свой сайт без каких-либо плагинов кеширования, выполнив указанные выше тесты и определив среднее время загрузки страницы.
Затем добавьте плагин кэширования с его самой базовой конфигурацией и запустите тесты еще несколько раз, чтобы получить сравнение.
Каждый раз, когда вы активируете новую опцию в плагине, вам нужно посмотреть, повлияет ли она — к лучшему или к худшему, поэтому вам нужно тестировать каждое внесенное вами изменение описанным выше способом.
Многие люди, например, включают WP Rocket и включают ВСЕ дополнительные параметры, но обнаруживают некоторую медлительность. Это может быть связано с тем, что дополнительные параметры, такие как минификация и другие, могут конфликтовать с темами, плагинами и конфигурациями сервера и должны использоваться с осторожностью.Они не всегда нужны.
Простое включение плагина даст вам самый значительный прирост скорости. Дополнительные параметры просто необязательны. Они не всегда необходимы, и их всегда следует тестировать, чтобы увидеть, дают ли они вам дополнительные улучшения.
Тестирование после каждого изменения позволяет выделить конкретную функцию, которая может вызывать проблему. Это верно для WP Rocket или любых других плагинов кеширования, которые вы можете использовать.
Также убедитесь, что у вас не запущено несколько плагинов кеширования одновременно.Например, даже если WP Super Cache установлен, но не активирован, он все равно может мешать, поэтому его необходимо полностью удалить перед тестированием другого плагина.
Возникли проблемы с WP Super Cache? Вот как их исправить!
График водопада
Водопад показывает время загрузки каждого компонента вашей страницы — всех различных файлов изображений, файлов CSS, Javascript и т. Д., Которые загружаются каждый раз, когда кто-то посещает вашу страницу.
Если вы используете плагин кэширования, такой как WP Rocket, вы должны получить быстрое время загрузки , но диаграмма водопада может помочь вам определить любые узкие места или проблемные файлы.Иногда требуется всего пара больших изображений или внешних скриптов, чтобы уменьшить время загрузки вашей страницы.
Щелкните раскрывающийся список в верхней части водопада и выберите « Сортировать по времени загрузки ». Это покажет вам самые длинные загружаемые файлы вверху, что упростит обнаружение проблемных файлов.
Внешние сценарии , например, сторонние или рекламные серверы, вероятно, здесь ваш самый большой враг. Поскольку эти сценарии не поступают с вашего сервера, вы не можете кэшировать их — вы зависите от их сервера.Вы можете видеть это в этом примере:
Заключение
Если учесть, что 47% потребителей ожидают, что веб-страница загрузится в течение 2 секунд, вы не можете игнорировать время загрузки вашего сайта: это то, за чем вы должны постоянно следить.
Pingdom — надежный инструмент для измерения времени загрузки вашего веб-сайта, и им очень легко пользоваться. С его помощью вы можете протестировать все важные страницы вашего сайта и убедиться, что они работают быстро.
Если WP Rocket находится за вашим сайтом, ваша страница, скорее всего, уже работает быстрее, чем раньше! Но если вы не используете наш плагин кеширования, не отчаивайтесь: скачайте WP Rocket прямо сейчас и наслаждайтесь мгновенным улучшением скорости!
Узнайте больше об инструментах измерения времени загрузки, прочитав эти сообщения:
Как использовать PageSpeed Insights от Google для тестирования вашего сайта
Как использовать GTMetrix для тестирования вашего сайта
Есть вопросы? Дайте нам знать об этом в комментариях!
Изображение заголовка любезно предоставлено
Достаточно ли быстр ваш сайт? 5 различных способов измерения
Знаете ли вы, насколько быстро работает ваш веб-сайт?
Это вопрос, который меня мучил долгое время.
В моем последнем посте я объяснил, как медленный веб-сайт может действительно навредить количеству посетителей и продажам. Я показал вам, как Amazon потеряет 1,6 миллиарда долларов, если они замедлятся!
Скорость сайта действительно имеет значение!
Дело в том, что в Интернете есть множество средств проверки скорости веб-сайтов. Но большинство из них просто говорят вам одно: сколько времени требуется для загрузки всего веб-сайта от начала до конца.
Что на самом деле не дает вам достаточно информации о том, что происходит.На общую скорость вашего сайта влияет множество уровней. Вам нужно увеличить каждую из них и посмотреть, что происходит.
Имея это в виду, я составил список лучших инструментов для проверки каждого уровня скорости вашего сайта. Но сначала немного справочной информации…
Краткое описание науки о скорости веб-сайта
Прежде чем мы остановимся на инструментах, которые вы можете использовать для проверки скорости, нам нужно немного больше об этом разобраться.
Скорость веб-сайта зависит от множества факторов. В простом разбиении есть две основные части:
a. Скорость вашего сервера
Скорость вашего сервера — это ваш двигатель. Это основа вашего веб-сайта.
Это зависит от производительности и местоположения вашего веб-хоста.
Как и следовало ожидать, ваш двигатель должен работать как можно быстрее. Думайте об этом как о машине Формулы-1.На автомобиле F1 вы можете настроить кузов сколько угодно. Но без основной скорости двигателя вы проиграете гонку!
То же самое и с вашим сайтом.
Скорость вашего главного сервера — это первое, что стоит в списке.
б. Загрузка всех данных (изображения, веб-дизайн, код, плагины, медиа)
Вторая часть скорости веб-сайта — все остальные . Это все данные, которые ваш сайт должен загружать и показывать посетителям.
Как вы понимаете, если ваш сайт заполнен огромными изображениями, сложным кодом и замысловатым дизайном, загрузка всего этого займет намного больше времени.
Поскольку на скорость загрузки веб-сайта влияет множество факторов, для измерения скорости лучше всего использовать различные инструменты.
Средство проверки скорости вашего веб-сайта, например, может сказать вам, что ваш сайт загружается за три секунды. Но это не помогает выявить проблемы.
Итак, давайте начнем с проверки скорости двигателя. Скорость вашего сервера.
1. Проверка скорости сервера Bitcatcha
Первый инструмент предназначен для проверки скорости вашего двигателя. Речь идет о том, чтобы эти основы были как можно более прочными.
Наша программа проверки скорости сервера Bitcatcha измеряет только время отклика вашего сервера. Мы покажем вам четкую индикацию того, насколько быстро работает ваш двигатель.
Мы делаем это, проверяя связь с вашим сервером из восьми разных мест по всему миру и измеряя время ответа. Затем мы покажем вам среднюю разбивку.
Итак, каков хороший результат?
Быстрый и отзывчивый сервер вернет оценку B + на диаграмме скорости сервера Bitcatcha. Что-нибудь ниже, и определенно есть что улучшить.
Google сказал, что им нужно время отклика сервера 200 мс, так что стремитесь к этому!
Если вы ищете сверхзвуковую скорость, всегда начинайте с двигателя.Начнем со скорости сервера.
> Проверьте скорость вашего сервера прямо сейчас
2. Google Page Insights
В течение многих лет Google четко давал понять, что скорость имеет значение.
«Мы в Google одержимы скоростью. Более быстрые сайты создают счастливых пользователей ».
Повышенная скорость загрузки веб-сайта не только улучшает пользовательский опыт, но и помогает поддерживать ваш рейтинг в Google.
К счастью, Google не оставляет вас в неведении относительно скорости вашего конкретного сайта.Они создали отличный инструмент под названием Page Insights. Он измеряет общую скорость вашего сайта, но разбивает ее на небольшие части.
Все, что вам нужно сделать, это поместить адрес вашего веб-сайта в строку заголовка и позволить оборудованию приступить к работе. Затем Google дает вам оценку из 100 для общей скорости настольных и мобильных устройств.
Они также предоставят вам полную разбивку всех факторов, замедляющих работу вашего сайта, с упорядоченным списком. Вот что получится, когда вы поместите веб-сайт New York Times в Page Insights.
Как видите, The New York Times может ускорить работу своего веб-сайта, включив сжатие и более эффективно используя кеширование браузера. Также необходимо внести множество небольших изменений в код.
> Попробуйте Page Insights прямо сейчас
3. WhatLoadsFaster.com
Вы когда-нибудь задумывались, работает ли ваш сайт быстрее, чем у конкурентов?
Который загружается быстрее.com — отличный инструмент, который противопоставляет два веб-сайта друг другу. Это фантастический способ измерить свою скорость против соперника!
Давайте взглянем на некоторых из крупнейших конкурентов Интернета и посмотрим, кто победит.
Apple против Adobe
Победитель: Adobe
Google против Bing
Победитель: Bing
Facebook против Twitter
Которая загружается быстрее.com использует ваш собственный браузер для проверки скорости, поэтому результаты имеют погрешность. У каждого браузера свое местоположение и скорость. Лучше не относиться к этому слишком серьезно. Но это забавный показатель того, насколько быстро ваш сайт отличается от других.
> Попробуйте WhichLoadsFaster.com
4. Влияние нагрузки
Все, что я вам показал, измеряет реакцию вашего веб-сайта на текущем уровне.
А что, если к вам вдруг прилетит поток посетителей? Что, если на ваш сайт зашло сразу 100 000 человек? Если вы запускаете большую рекламную кампанию или запускаете продукт, это может произойти.И к этому нужно быть готовым!
Когда на ваш сайт заходит сразу много людей, он неизбежно замедляется.
Load Impact имитирует доступ тысяч людей к вашему сайту, а затем проверяет его реакцию. Как быстро ваш сайт отреагирует на поток трафика?
Программное обеспечение имитирует реальный трафик, отправляя эхо-запросы из 10 разных мест, разных мобильных сетей и браузеров. Если вы начинаете видеть большие всплески трафика, приходящего на ваш сайт, пора использовать Load Impact, чтобы проверить, справятся ли ваши текущие настройки.
> Попробуйте Load Impact прямо сейчас
5. Pingdom
Pingdom — это универсальное техническое решение для разработчиков, но у него есть один отличный инструмент, когда дело касается скорости веб-сайта. Это разбивает время загрузки по каждому элементу на вашем сайте. Он показывает вам, какие именно изображения, код или JavaScript замедляют вашу работу.
Он выявляет ваши проблемы, выделяя элементы веб-сайта, которые загружаются дольше всего.