Сайт

Проверка скорости работы сайта: Проверить скорость загрузки сайта — проверка скорости сайта онлайн.

30.06.2021

Содержание

проверка, анализ и способы оптимизации

Скорость загрузки вашего сайта является важным параметром для ранжирования поисковыми системами. Мы создали Website Speed ​​Test, чтобы вы могли проанализировать скорость загрузки вашего сайта. Вы можете использовать его, чтобы ускорить загрузку вашего ресурса и понять, что замедляет его работу.

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

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

И мы это сделали!

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

Скорость веб-сайта влияет на ваш бизнес

  • На 8% меньше просмотров страницы из-за всего лишь 3-секундной задержки.
  • На 16% ниже будет удовлетворенность клиентов из-за задержки в 1 секунду.
  • 32%-ная вероятность отказов после 3-секундной задержки при загрузке страницы.
  • 40% ваших клиентов покинут сайт, если страница будет загружаться дольше 3 секунд.

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

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

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

Хотите знать, почему ваша страница медленная – воспользуйтесь нашим приложением для проверки скорости сайта

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

Чтобы вам было максимально удобно, Website ​​Test присваивает сайту оценку на основе рекомендаций Google. Этот инструмент даст вам полезные советы о том, как ускорить загрузку страниц вашего сайта и какие ошибки необходимо для этого устранить. Протестируйте скорость загрузки страницы и исправьте все ошибки.

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

Советы по поиску и устранению неисправностей

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

Сравните скорость загрузки страниц в Chrome, Firefox и IE

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

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

Проверьте скорость своего сайта с мобильных устройств

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

Оптимизация сервера

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

Оптимизация для посетителей

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

  • Оптимизация веб-шрифтов – стоит уменьшить объем трафика на вашем сайте, идущего на шрифты. Используйте для этого WOFF2 для современных браузеров. Используйте только популярные форматы, латиницу и кириллицу. Предварительная загрузка позволит вам уведомить ваш браузер, когда загружать файл шрифта. Функция отображения шрифтов обеспечивает гибкий способ управления поведением браузера в случае задержки загрузки файла.
  • Оптимизация изображений
    – загрузка объемных изображений приводит к тому, что сайт загружается существенно медленнее. Можно использовать специальные программы, которые уменьшат размер картинки. Кроме того, подобные сервисы приведут к сжатию без потери качества, так что ваши пользователи даже не заметят разницы. Воспользуйтесь такими услугами по оптимизации, чтобы страницы вашего сайта загружались как можно быстрее за счет уменьшения размера изображений на страницах вашего сайта.
  • Сжатие данных – как мы упоминали ранее, код вашей страницы должен быть максимально простым и оптимизированным. Уберите неудобные конструкции, замените их более простыми вариантами. Помните, что сжатие данных на вашем сайте ускорит работу ресурса и не даст потерять потенциальных клиентов. Используйте статическое сжатие, чтобы сервер предоставлял пользователям последнюю сжатую версию вашего сайта.

Использование CDN

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

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

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

Nataliya Fialkovskaya

SEO specialist

Nataliya is SEO expert at Sitechecker. She is responsible for blog. Can’t live without creating valuable content about SEO and Digital Marketing.

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

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

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

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

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

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

«Добро пожаловать на OctaGate и наш сервис OctaGate SiteTimer.
OctaGate SiteTimer рассчитан на разработчиков сайтов, желающих взглянуть на свою работу с высоты птичьего полета.»

Show Slow – это приложение с открытым исходным кодом, которое помогает хронологически отслеживать различные показатели веб-сайта. Оно получает данные с YSlow, Page Speed, WebPageTest, dynaTrace AJAX Edition и отображает их в графическом виде, позволяя понять, как различные преобразования вашего сайта влияют на его производительность.

Show Slow – это приложение с открытым исходным кодом, которое помогает хронологически отслеживать различные показатели веб-сайта. Оно получает данные с YSlow, Page Speed, WebPageTest, dynaTrace AJAX Edition и отображает их в графическом виде, позволяя понять, как различные преобразования вашего сайта влияют на его производительность.

Show Slow – это приложение с открытым исходным кодом, которое помогает хронологически отслеживать различные показатели веб-сайта. Оно получает данные с YSlow, Page Speed, WebPageTest, dynaTrace AJAX Edition и отображает их в графическом виде, позволяя понять, как различные преобразования вашего сайта влияют на его производительность.

Заглавную картинку мы взяли на dribbble.com.

Оригинал: http://webdesignledger.com/tools/8-free-tools-for-testing-website-speed


Пакетная проверка скорости загрузки страниц сайта через Google API

Если вы заботитесь о скорости загрузки страниц своих сайтов, то вы, наверное, не раз пользовались инструментом Google для проверки скорости загрузки страниц – PageSpeed Insights, ну или как минимум, имеете представление о его работе.

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

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

Поэтому, нами был создан бесплатный инструмент BulkPageSpeed, позволяющий создавать групповые проверки скорости загрузки страниц через специальный API в инструменте Google PageSpeed Insights. Анализ URL происходит всего в пару кликов, после чего доступна выгрузка отчета, включающего основные характеристики проверок в удобном виде в Excel.

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

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

  • FCP (First Contentful Paint) – время отображения первого контента.
  • SI (Speed Index) – показатель того, как быстро отображается контент на странице.
  • LCP (Largest Contentful Paint) – время отображения наибольшего по размеру элемента страницы.
  • TTI (Time to Interactive) – время, в течение которого страница становится полностью готова к взаимодействию с пользователем.
  • TBT (Total Blocking Time) – время от первой отрисовки контента до его готовности к взаимодействию с пользователем.
  • CLS (Cumulative Layout Shift) – накопительный сдвиг макета. Служит для измерения визуальной стабильности страницы.

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

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

Программа BulkPageSpeed бесплатна, занимает всего 4 Мб в архиве и не требует установки.

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

Обзор сервисов для проверки скорости работы сайта

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

Что дает проверка скорости сайта?

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

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

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

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

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

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

Google Analytics

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

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

PageSpeed Insights

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

GTmetrix

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

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

WebPageTest

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

Load Impact

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

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

Применяете уже что-то? 

как ее увеличить с помощью настроек сервера

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

ПОЧЕМУ МЫ ОЗАДАЧИЛИСЬ ВОПРОСОМ СКОРОСТИ САЙТА


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

В числе последних тенденций – увеличение конверсии через улучшение сервиса. Это и бесплатная доставка/примерка вещей, и удобство оплаты, и даже онлайн-покупка в кредит.

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

Любопытно, что этими вопросами исследователи задались задолго до появления веб-интерфейсов в современном понимании. Еще в 1968 году было установлено, что время реакции интерфейса сильно влияет на восприятие. Условно выделяют три ключевые точки: 0,1 сек, 1 сек, 10 сек.

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


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

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

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

Мы занимаемся проблемами эффективной работы сайтов в интернете почти 10 лет. Однако однажды посмотрев на ситуацию под другим углом, не с точки зрения владельца интернет-магазина или хостинг-провайдера, а со стороны посетителя, мы осознали, что на самом деле нам неизвестно, как ускорить отображение страниц в браузере пользователя. Ведь это куда более сложно смоделировать и оценить, чем привычное техническое «страница была создана за 0,37 сек.» Создана-то она была, хорошо, а как долго она загружалась и отображалась у пользователя? Как провести такой тест и анализ скорости загрузки с учетом скорости интернета посетителя?

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

ИСПЫТУЕМЫЙ СТЕНД

Прежде всего, перед нами встал вопрос: «Как измерять?» Ответ был найден достаточно быстро: современные браузеры, поддерживающие спецификации W3C, позволяют фиксировать время и очередность выполнения загрузки страницы и ее содержимого. Этим уже пользуется Google Analytics для сбора данных о времени полной загрузки страниц сайта. Тем не менее, проверять скорость загрузки с локальной машины не совсем правильно, т.к. появляется слишком много факторов, влияющих на результат такого измерения. Поэтому для проведения замеров были выбраны сервисы WebPageTest.org (оригинальный международный сервис) и SiteSpeed.ru (наш аналог, выдающий более человеческие рекомендации).

Для проведения испытаний мы выбрали типовой виртуальный сервер по самому популярному у клиентов тарифному плану Сервер без забот VPS (S). Виртуальный сервер оснащен 1,5 Гб оперативной памяти, 2 ядрами по 1ГГц и быстрой дисковой подсистемой на базе SAS-дисков, объединенных в RAID10

На сервере была установлена панель управления Parallels Plesk Panel 12.5 Web Admin. В качестве тестируемого сайта мы решили использовать стандартный интернет-магазин мебели, включенный в коробочную версию CMS 1С-Битрикс: Управление сайтом (редакция Малый бизнес).

ХОД ИССЛЕДОВАНИЯ

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

Итак, мы постепенно увеличивали количество одновременных посетителей и наблюдали за тем, как изменяется скорость загрузки страницы. Первое значимое изменение времени загрузки проявилось при 50 одновременных посетителях: тест показал 3,1 сек, что на 10% больше, чем время загрузки при 0 посетителей.

Дальнейшее увеличение нагрузки показало, что замедление отображения страниц происходит лавинообразно. Уже при 60 посетителях время загрузки составило 4,5 сек! Это в 1,5 раза больше, чем при предыдущем измерении. А при 70 в ответах сервера стали появляться ошибки, он выбрал свои лимиты по процессорной мощности и оперативной памяти. Время загрузки превысило 13 секунд.

Таким образом, мы выделили 4 ключевые точки для последующих измерений: 0, 50, 60 и 70 одновременных посетителей. Каждую новую конфигурацию мы тестировали в этих 4 точках.

После всех испытаний мы выявили идеальную конфигурацию, при которой время загрузки сайта сократилось до 1,6 секунды. При этом результат сохранялся и при 50, и при 70 посетителях. В поисках верхнего предела мы продолжили нагружать магазин посетителями. Время загрузки существенно увеличилось лишь при 130 посетителях на сайте. Для нас это означает, что новая конфигурация не только позволяет интернет-магазину загружаться быстрее, но и экономит серверные ресурсы, увеличивает пиковую нагрузку, которую может выдержать сайт на одном и том же виртуальном сервере с одними и теми же ресурсами.

ВЫВОДЫ


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

Кроме того, мы скомбинировали факторы, дали численную оценку их влияния и преобразовали их в конкретные рекомендации владельцам сайтов по ускорению загрузки страниц. Соответствующие рекомендации доступны через бесплатный сервис SiteSpeed.ru в полном PDF-отчете. Проверить сайт и выявить узкие места еще никогда не было так просто!

Оптимизация скорости сайта, аудит сайта

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

Если у вас есть желание научиться строить и поддерживать высокодоступные и надежные системы, рекомендую познакомиться с онлайн-курсом «Специализация Administrator Linux» в OTUS. Курс для новичков из двух ступеней — Junior и Middle. Полная программа курса по .

Цели статьи

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

Введение

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

Проблему не удается решить по нескольким причинам:

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

Изначально на меня вышел заказчик с предложением отказаться от apache и все полностью перенести на nginx. По его представлениям это могло бы помочь. Меня, собственно, именно это и заинтересовало. Сам я достаточно много работал с битриксом, поэтому понимаю, что проблемы быстродействия этим не решить. Нет точных данных, что битрикс работает быстрее на nginx с php-fpm, нежели чем на apache. А сам такой переход будет очень непрост. Когда нет четкого понимания, что это поможет, переходить нет никакого смысла.

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

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

Любую проверку сайта я начинаю с прогона его через сервис webpagetest. Для этого я поднял свою версию этого сервиса по адресу — https://wpt.serveradmin.ru, чтобы были точки присутствия в Москве и Питере, где располагается основная аудитория моих заказчиков. Для более детальной проверки при тестировании каких-то изменений или перенаправления запросов к тестовым серверам использую локальную копию webpagetest для более точных результатов.

При тестировании важно указать нужную скорость доступа к ресурсу. Если у вас основная доля трафика — мобильный, скорость надо ставить 3G fast. Это позволит увидеть более реальную картину по таймингам, скорости рендеринга и загрузки страницы. Если не ставить ограничений по скорости и времени отклика (RTT), то картина будет не полной. Какая вам разница, за сколько загрузится сайт у пользователя десктопа с выделенным каналом интернета 100 мегабит, если основные ваши заказчики пользователи мобильных телефонов. Надо тестировать с учетом их скоростей и мобильного шаблона сайта.

Первый же прогон сайта через webpagetest выявил явные проблемы, снижающие скорость работы сайта. А точнее время его доставки к пользователям. У заказчика аудитория делилась 50/50 между мобильными и десктопными пользователями, поэтому я тестировал загрузку на шаблоне скорости cable (5/1 Mbps 28 ms RTT) как неким компромиссом между этими двумя группами.

Сразу же замечаем следующие проблемы сайта:

  1. Проходит примерно пол секунды, прежде чем начинается загрузка html страницы. До этого основное время занимает SSL Negotiation. Это очень долго. Для мобильных пользователей из-за большего времени отклика эта цифра увеличивается минимум вдвое.
  2. Очень долго скачивается html документ. Еще почти пол секунды. Помним про мобильных пользователей, там будет еще больше. В итоге, парсинг страницы, загрузка js, css начинаются с большим отставанием. Где-то через 700-800 мс. Это долго. Причем я привел результаты не самого худшего теста. Чаще было хуже.
  3. Огромное количество JS кода. Конечно, это типично для сайта на Bitrix, но тут его прям особенно много. Сразу обратил на это внимание. При этом, судя по названиям файлов, видно, что объединение и минификация скриптов и стилей включена в битриксе. Там есть отдельные настройки в главном модуле на этот счет, которые в общем случае полезны и ускоряют загрузку.
  4. Используется много внешних ресурсов — шрифты гугл, js скрипт битриксовской аналитики, шрифты с bootstrapcdn.com и т.д.

Так как были обнаружены проблемы с ssl, сразу же прогнал тест сайта через сервис https://www.ssllabs.com/ssltest.

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

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

  1. Не информативная главная страница с бесполезным слайдером.
  2. Не работала почта на сайте. Проверил банальной регистрацией. Ничего не получил на свой email.

Решение проблем со скоростью загрузки сайта

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

Проблемы с ssl сертификатом

Перед тем, как браузер начинал грузить сайт, он, судя по анализу webpagetest, отправлял запросы на status.thawte.com и ocsp.digicert.com. Это адреса crl репозиториев, которые содержат списки отозванных сертификатов. Существует технология OCSP (Online Certificate Status Protocol) с помощью которой браузер может проверить достоверность SSL сертификата. Реализуется это при помощи технологии OCSP Stapling (сшивание OCSP).

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

ssl_stapling on;
ssl_stapling_verify on;
resolver 8.8.4.4 1.1.1.1;

Помимо этого были сделаны другие оптимизации ssl. Подробнее о них можно прочитать в моей статье по настройке nginx. Там есть пример конфига, который позволит получить в приведенном выше тесте статус A+.

Ошибку chain issues contains anchor я решил исключив из цепочки сертификатов сертификат Root CA. Он там не нужен, так есть в браузере. В принципе, это не ошибка, но рекомендация не хранить root ca в цепочке. После всех изменений рейтинг ssl настроек стал A+, в нем нет ошибок и заработала технология OCSP Stapling.

К сожалению, после всех изменений, не стало лишнего запроса к status.thawte.com и скорость сайта увеличилась, но остался запрос к ocsp.digicert.com. Я не смог выяснить по какой причине. То ли это особенность EV сертификатов (у заказчика был такой), то ли еще что-то. Первый раз с этим столкнулся. Все тесты показывают, что с сертификатом, с цепочкой, с настройками все в порядке. Но лишний запрос никуда не ушел.

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

Тестирование хостинга

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

  1. Сайт без нагрузки (1000 уников в сутки, несколько посетителей одновременно).
  2. Под капотом почти типовой bitrix, работающий в bitrixenv, где дефолтные настройки адекватны.
  3. По анализу загрузки я не видел явных проблем с быстродействием серверной части.

Я решил проверить сразу две гипотезы:

  1. С хостингом все в порядке.
  2. С другим ssl сертификатом будет лучше.

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

Дальше на тестовом сервере я решил проверить сертификат от Let’s Encrypt для этого же домена. Результат получился лучше, чем с сертификатом заказчика. При тех же настройках веб сервера, никаких лишних запросов к издателю. В итоге время SSL Negotiation минимальное, сразу начинается загрузка html документа.

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

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

Отключение или перенос внешних ресурсов

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

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

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

Долгая загрузка html страницы

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

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

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

Здесь у меня не хватает знаний, чтобы точно сказать, в чем причина. Я просто чувствую, что 2.5 мб html кода это очень много. Обычно бывает в 2-5 раз меньше. Проблема скорее всего в этом. Если кто-то может подсказать на этот счет, буду рад совету.

Как выстроить взаимодействие с разработчиком при создании сайта

Несколько советов от меня на тему создания интернет сайта. Мне довелось поучаствовать в виде внешнего системного администратора при создании нескольких сайтов на Битриксе, так что советы будут по его мотивам. Но в целом, они универсальные, можно применять и в общем случае при использовании готовой CMS (wordpress, modx и т.д.).

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

  1. Обязательно используйте систему контроля версий git, например gitlab, если разрабатываете что-то свое. Можно использовать бесплатный аккаунт публичного сервиса. Без этого ни контролировать нормально разработку, ни передать дела другому разработчику, ни сделать внешний аудит, не получится.
  2. Купите сразу 2 сервера, если планируете запуститься и продолжать разработку по ходу дела. Вся разработка должна быть на тестовом сервере, а потом внедрение в рабочий. Тестовый сервер не обязательно такой же мощный, можно попроще. Стоит будет копейки по сравнению со стоимостью разработки, а серьезно поможет избежать проблем.
  3. Не меняйте основной код CMS. Весь дополнительный функционал реализуйте в виде шаблонов и плагинов. Обязательно убедитесь, что после всех изменений сайт нормально проходит штатное обновление движка Bitrix. Без этого вы станете заложником разработчиков и будете вынуждены оплачивать их время при каждом обновлении движка, а это регулярный процесс.
  4. Обязательно используйте кэширование. В Битриксе за это отвечает технология Композитный сайт. Используйте ее по максимуму. Разработчики могут что-то сделать и не включить кэширование. А оно ускоряет работу в разы. Надо сразу обращать на это внимание.
  5. Следите за использованием внешних ресурсов. Разработчики часто не обращают на это внимание и используют гугловские шрифты, внешние js библиотеки (Bootstrap cdn и т.д.), css стили. Копируйте все к себе и грузите локально.
  6. Сразу же настраивайте бэкап сайта, причем не у того же хостера, где располагается сам сайт. Это должен быть другой хостер, другой дата центр и другое юридическое лицо. Так вы застрахуете себя от форс-мажора, когда дата центр обесточится, юр. лицо будет ликвидировано или ваш аккаунт будет заблокирован по ошибке, либо еще по какой-то причине.
  7. После всех изменений следите за скоростью работы сайта, либо автоматически (если есть какой-то мониторинг), либо вручную через webpagetest. Я видел ситуации, когда разработчики реализуют функционал по ТЗ, но там нет ни слова про скорость работы. А потом страницы грузятся по 20 секунд и сайт не держит вообще нагрузку даже в 5 человек онлайна. Приходилось нанимать другую команду и исправлять это, так как первоначальные разработчики отказались вносить исправления.

Еще раз обращаю отдельное внимание на скорость работы сайта. Ставьте сразу какие-то рамки для этого в ТЗ. Сейчас скорость сайта это фактор ранжирования в поисковых системах. А для интернет магазинов скорость напрямую влияет на конверсию. Есть множество исследований на этот счет. Чем быстрее грузится сайт — тем лучше он продает.

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

  • Time to First Byte (время отклика сервера) ~200-300 мс.
  • Start Render (начало рендеринга страницы) ~2-2.5 секунды.
  • Load Time (полная загрузка страницы) ~ 8-10 секунд.

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

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

Заключение

Не понравилась статья и хочешь научить меня администрировать? Пожалуйста, я люблю учиться. Комментарии в твоем распоряжении. Расскажи, как сделать правильно!

Поделился своим опытом по аудиту, ускорению и разработке типового сайта. Надеюсь, было полезно. Если есть замечания по существу, советы или рекомендации, буду рад им в комментариях. Я люблю узнавать что-то новое и полезное. Если кому-то интересно, сколько я взял денег, то за внешний аудит 1500 р., за тестирование хостинга и исправление ошибок сертификата 5000 р. В эту стоимость включено голосовое общение с заказчиком по скайпу. Мы общались больше часа в сумме.

Забыл по ходу статьи упомянуть вот еще о чем. Заказчики часто любят ориентироваться на показатели теста PageSpeed Insights. Не надо этого делать. Сервис очень неоднозначный и спорный. Его негативные результаты часто не отражают реальные проблемы. Начать стоит с того, что у него вообще нет точек присутствия в России. Если не ошибаюсь, сервера, с которых проходит тестирование, располагаются в Ирландии. А у вас, к примеру, сервер и аудитория в Москве. Ну и насколько адекватно будет из Ирландии тестировать скорость загрузки сайта у мобильного пользователя?

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

Онлайн курс по Linux

Если у вас есть желание научиться строить и поддерживать высокодоступные и надежные системы, рекомендую познакомиться с онлайн-курсом «Специализация Administrator Linux» в OTUS. Курс для новичков из двух ступеней — Junior и Middle. Обучение длится 1 год, после чего успешные выпускники курса смогут пройти собеседования у партнеров. Что даст вам этот курс:
  • Знание архитектуры Linux.
  • Освоение современных методов и инструментов анализа и обработки данных.
  • Умение подбирать конфигурацию под необходимые задачи, управлять процессами и обеспечивать безопасность системы.
  • Владение основными рабочими инструментами системного администратора.
  • Понимание особенностей развертывания, настройки и обслуживания сетей, построенных на базе Linux.
  • Способность быстро решать возникающие проблемы и обеспечивать стабильную и бесперебойную работу системы.
Смотрите подробнее программу по .
Помогла статья? Подписывайся на telegram канал автора
Анонсы всех статей, плюс много другой полезной и интересной информации, которая не попадает на сайт.

Проверка скорости загрузки сайта — как ее измерить онлайн и увеличить с помощью Page Speed Insights от Google

Обновлено 28 декабря 2020
  1. Онлайн сервисы для измерения скорости загрузки сайта
  2. Так ли важно отслеживать скорость подгрузки страниц?
  3. Page Speed — анализ скорости и советы по ее увеличению
  4. Оптимизация кэширования в браузере и проверка его работы
  5. Как включить сжатие статических объектов на сервере

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

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

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

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

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

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

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

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

    1. объединил некоторые картинки из темы оформления сайта в так называемые спрайты
    2. а также по возможности уменьшил путем объединения число подгружаемых файлов стилей (CSS) и скриптов
    3. кроме этого имеется смысл включить Gzip сжатие статики на сервере
    4. и оптимизировать все используемые на сайте картинки

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

    Во всплывающем окне вам предложат скопировать постоянную ссылку на проделанный тест, а также отправить его по E-mail или в Твитер. Также в нижней части окна можно подписаться на мониторинг сайта на предмет доступности. Если ваш ресурс упадет (станет недоступен для посетителей), то вам будет выслано сообщение на E-mail, либо SMS на сотовый. Но эта услуга является платной, хотя и имеется возможность бесплатного триала.

    Для измерения пинга для вашего сайта, а также для просмотра Traceroute, нужно будет выбрать в самом верху страницы вкладку «Ping and Traceroute». Вводите в предлагаемую форму Урл без http, ставите галочку в чекбокс «Traceroute» или «Ping» под этой формой, и жмете «Test now».
  2. WebPageTest — как обычно, вводите Урл проверяемой страницы (не обязательно главной). Сервис некоторое время обсчитывает скорость загрузки всех элементов сайта, после чего выдает очень наглядную диаграмму (точнее даже две — за первый проход и за второй, когда уже часть элементов сайта загружаются из кеша браузера):

    На первой диаграмме уделяете внимание положению фиолетовой вертикальной линии — это будет время окончания отрисовки сайта. Вторая вертикальная линия (синяя) будет означать время полной загрузки. Хорошо, если первая линия находится на 1-1,5 секундах загрузки сайта, а вторая — раньше 4 секунд. Тогда следующие абзацы можно прочитать «для справки». Если сайт загружается дольше 4 секунд — то нужно озабачиваться исправлением этой ситуации.
  3. Google PageSpeed Insights — это инструмент для разработчиков от самого Гугла. Он дает оценку скорости загрузки вашего сайта (а точнее оптимизации этой скорости) по стобальной шкале. 100 — это идеал, который недостижим, а вот 80-90 получить вполне реально, тем более, что сервис дает очень подробные рекомендации по исправлению выявленных недочетов.

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

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

    У меня, например, была проблема с настройкой gzip сжатия и с заданием времени кеширования статики (картинок, css файлов и скриптов) в браузерах пользователей, ибо у меня Апач работает в связке с nginx, а с ним я работать не умею. Пришлось писать в техподдержку Инфобокса с просьбой все настроить — сделали, и даже денежек не взяли (спасибо им!). Кстати, изначально они мне поставили время хранения кеша в 1 час, но Google PageSpeed Insights по-прежнему ругался:

    Пришлось покопаться в инструкции к этому онлайн сервису и вычитать там, что минимум нужно ставить 1 день хранения статики в кеше. Я попросил техподдержку хостинга поставить с запасом 1 неделю, что они и сделали. Теперича оценка чуток повысилась и шибко важных претензий к моему ресурсу у Гугла в плане скорости загрузки не имеется, что есть хорошо.
  4. Test my Site — новый сервис опять же от Гугла. В основном он делает акцент на оценку мобильной версии вашего сайта в том числе и по критерию его скорости загрузки:

    Простенько и со вкусом, что называется. Можно подписаться на рассылку изменений.
  5. GTmetrix — опять таки «не мудрствуя лукаво» вводите Урл нужной страницы и чуток ждете окончания анализа. В результате вы получите отчет, сформированный на основе данных двух плагинов для браузеров — Page Speed (читайте о работе с ним ниже) и YSlow. Собственно, каким данным доверять и чьим рекомендациям следовать — решать вам.

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

  6. Ping Admin — аналогичный онлайн ресурс для измерения время ответа сервера с разных уголков нашей огромной планеты.
  7. Host Tracker — практически то же самое, только страны другие.
  8. ByteCheck — позволяет измерить значение TTFB (Time To First Byte) для вашего сайта, на который часто обращают внимание при оптимизации. Это время получения первого байта данных браузером с сервера. Чем выше значение TTFB, тем медленнее обработка ресурсов сервером, что есть плохо. Читайте советы по оптимизации загрузки сайтов.
  9. Load Impact — это не совсем про скорость, но тоже важный сервис. Он позволяет протестировать нагрузочную способность вашего сайта и то, падает ли при этом скорость загрузки страниц. Весьма полезная штука.
  10. Web Page Speed — онлайн-сервис с дизайном начала девяностых, но вполне себе такой информативный, если приспособитесь к отсутствию юзабилити. Внизу даются общие рекомендации по исправлению ситуации.

Так ли важно отслеживать скорость загрузки страниц?

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

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

Собственно, ничего особенно придумывать и не пришлось, ибо Google сам подсказывает наиболее оптимальное решение. Точнее, он предлагает воспользоваться инструментом, который в свою очередь поможет понять, что именно нужно предпринять для того, чтобы ваш сайт немного (или много) ускорить. Я говорю об онлайн-сервисе Page Speed (раньше были еще и одноименные расширения для браузера FireFox и Хром, которыми я в основном и пользовался).

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

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

На главной странице PageSpeed даже предлагает установить модуль на свой сервер, если он работает под управлением Apache или Nginx (как раз мой случай):

Но я так и не понял, как это делается, ибо совсем не смыслю в администрировании серверов и никогда не работал с юникс подобными системами. Это намного сложнее, чем программу установить или плагин в WordPress залить. Другой уровень погружения. Хостера тоже не решился по этому поводу напрягать. В общем, сей модуль остался мною не испытан — возможно, что вы его уже попробовали и имеет место что сказать…

Вообще, в первый раз я использовал Page Speed в качестве расширения для браузера (сейчас оно, как я понял не фунциклирует). Раньше оно интегрировалось в инструменты для разработчиков в Фаерфоксе и в Хроме. Правда, попервости (несколько лет назад) я лишь мельком посмотрел какие советы он мне дает, и практически ничего не поняв решил, что это не для меня, после чего с легкой душой удалил плагин PageSpeed как не нужный и чуждый моему разуму элемент.

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

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

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

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

Page Speed — анализ скорости и советы по ее увеличению

P.S. Сейчас Page Speed можно использовать только онлайн и устанавливать его в браузер уже не требуется (во всяком случае с новыми версиями хрома этот плагин несовместим), хотя сути это не меняет.

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

Дождавшись результатов процесса проверки вы увидите окно подобное тому, что я уже приводил на скриншоте выше по тексту (в пункте 3 описаний онлайн сервисов по проверки скорости загрузки сайтов). Т.о. в результате вы увидите целый список претензий, которые этот онлайн сервис имеет к вашему ресурсу, а именно к скорости его загрузки. Пир этом он даст вам некоторые указания по оптимизации работы Web сервера в купе с используемым вами движком.

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

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

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

У меня первоначальная картина несколько лет назад (еще при использовании плагина — сейчас то же самое можно увидеть в http://gtmetrix.com/, ибо он испльзует АПИ PageSpeed) для https://ktonanovenkogo.ru была такой:

Я решил тогда начать с самого первого пункта «Leverage browser caching» (сейчас это называется «Используйте кеш браузера»), ибо по логике работы Page Speed, эти рекомендации должны привести к наибольшему ускорению моего блога.

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

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

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

Оптимизация кэширования в браузере и проверка его работы

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

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

Живет он обычно в корневой папке. Естественно, что все нижеописанное будет работать только на серверах под управлением Apache, но их, как правило, большинство. После подключения к своему ресурсу по FTP (FTP клиент FileZilla был описан мною тут), откройте корневую папку (обычно это либо PUBLIC_HTML, либо HTDOCS) и проверьте наличие в ней файла .htaccess.

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

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

После этого переименуйте этот файл в .htaccess в программе FileZilla. Теперь нужно будет открыть его на редактирование и добавить в него приведенный ниже код. Но сначала чуток поясню.

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

Сначала приведу код для модуля mod_headers. Обращаю ваше внимание, что в нем используется проверка <ifModule mod_headers.c> наличия у вашего хостера данного модуля. Если его найдено не будет, то код выполняться не будет и никаких ошибок это не вызовет. Однако, я еще раз настоятельно рекомендую предварительно скопировать оригинальный (до внесения расположенного ниже кода) файл .htaccess к себе на комп во избежание эксцессов.

<ifModule mod_headers.c>
 #кэшировать html и htm файлы на один день
 <FilesMatch "\.(html|htm)$">
 Header set Cache-Control "max-age=43200"
 </FilesMatch>
 #кэшировать css, javascript и текстовые файлы на одну неделю
 <FilesMatch "\.(js|css|txt)$">
 Header set Cache-Control "max-age=604800"
 </FilesMatch>
 #кэшировать флэш и изображения на месяц
 <FilesMatch "\.(flv|swf|ico|gif|jpg|jpeg|png)$">
 Header set Cache-Control "max-age=2592000"
 </FilesMatch>
 #отключить кэширование
 <FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">
 Header unset Cache-Control
 </FilesMatch>
</IfModule>

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

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

<ifModule mod_expires.c>
 ExpiresActive On
 #по умолчанию кеш в 5 секунд
 ExpiresDefault "access plus 5 seconds"
 #кэшировать флэш и изображения на месяц
 ExpiresByType image/x-icon "access plus 2592000 seconds"
 ExpiresByType image/jpeg "access plus 2592000 seconds"
 ExpiresByType image/png "access plus 2592000 seconds"
 ExpiresByType image/gif "access plus 2592000 seconds"
 ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
 #кэшировать css, javascript и текстовые файлы на одну неделю
 ExpiresByType text/css "access plus 604800 seconds"
 ExpiresByType text/javascript "access plus 604800 seconds"
 ExpiresByType application/javascript "access plus 604800 seconds"
 ExpiresByType application/x-javascript "access plus 604800 seconds"
 #кэшировать html и htm файлы на один день
 ExpiresByType text/html "access plus 43200 seconds"
 #кэшировать xml файлы на десять минут
 ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>

Комментарии опять же потом можно будет удалить.

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

  1. <IfModule mod_expires.c>
     ExpiresActive On
     ExpiresByType application/javascript "access plus 1 year"
     ExpiresByType text/javascript "access plus 1 year"
     ExpiresByType text/css "access plus 1 year"
     ExpiresByType image/gif "access plus 1 year"
     ExpiresByType image/jpeg "access plus 1 year"
     ExpiresByType image/png "access plus 1 year"
    </IfModule>
  2. <IfModule mod_headers.c>
     <FilesMatch .*\.(js|css)$>
     Header set Cache-control: private
     </FilesMatch>
     <FilesMatch .*\.(gif|jpg|png)$>
     Header set Cache-control: public
     </FilesMatch>
    </IfModule>
  3. <IfModule mod_setenvif.c>
     BrowserMatch "MSIE" force-no-vary
     BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary
    </IfModule>
  4. FileETag MTime Size
    <ifmodule mod_expires.c>
    <filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$">
    ExpiresActive on
    ExpiresDefault "access plus 1 month"
    </filesmatch>
    </ifmodule>

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

Как видите, в моем случае «Используйте кеш браузера» уже не является критической недоработкой замедляющей загрузку, и значок рядом с этим замечанием сменился на оранжевый, но не на зеленый. К сожалению, повлиять на сторонние сервисы, откуда мой сайт подгружает статики (типа Янедкс, Гугла, Фидбернера и Аптулайка), я не в состоянии.

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

Как включить сжатие статических объектов на сервере

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

Используется при этом технология gzip, о который я уже писал. Если вы анализируете не напрямую через PageSpeed Insights, а посредством GTmetrix, то в области PageSpeed «Включить сжатие» называется «Enable gzip compression», а в YSlow — «Compress components with gzip».

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

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

<ifModule mod_deflate.c>
 AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript
</ifModule>

Чуть менее популярным модулем является mod_gzip и для него код включения Gzip сжатия для нужных типов файлов будет выглядеть так:

<IfModule mod_gzip.Content-Encoding:.*gzip.*
</IfModule>

Собственно, пробуйте и проверяйте страницу в PageSpeed Insights после установки кода. Если проблема ушла, то считайте, что вам повезло. Мне же в силу наличия Апач с nginx все это не помогло (хостер сказал, что за статику отвечает nginx, при таком раскладе и настраивать надо именно его — как он это сделал мне не ведомо).

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

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

По данным Google, 53% мобильных пользователей покидают веб-сайт, загрузка которого занимает более 3 секунд. Следовательно, Google скоро начнет маркировать медленные веб-сайты. Другое исследование показало, что время загрузки большинства веб-сайтов составляет 8–11 секунд. Это означает, что большинство веб-сайтов не оправдывают ожиданий пользователей и в конечном итоге теряют ценную аудиторию.

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

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

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

Оптимальная скорость сайта?

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

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

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

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

1. Google Lighthouse Test

Это удобный способ провести тест скорости, даже не переключая вкладки, но работает только с Chrome. Нажмите Ctrl + Shift + I в Windows (Command + Option / Alt + I на Mac) , чтобы запустить Google Lighthouse. Перейдите на вкладку Audits и нажмите Run Audit .Когда Lighthouse подготовит отчет, вы увидите следующее:

.

Как показано выше, отчет дает вам целостное представление о состоянии вашего веб-сайта, включая Performance > Speed ​​Index , который сообщает вам о вашем текущем времени загрузки.

2. Google Analytics

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

В этом разделе представлен отчет по URL-адресам, а также PageSpeed ​​Suggestions , которые содержат подробный отчет о проблемных областях и возможностях для улучшения. Быстрый взгляд на рейтинг PageSpeed ​​Score помогает понять, какие предложения страниц вы, возможно, захотите установить в приоритете. Если вы еще не связали свой веб-сайт с Google Analytics, вот как это сделать.

Ускорение вашего сайта

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

  1. Проведите тест скорости самостоятельно, чтобы определить текущее состояние вашего веб-сайта.
  2. Обратитесь к отчетам о производительности, чтобы понять проблемные области и рекомендуемые исправления.
  3. Сжимайте / изменяйте размер изображений, чтобы уменьшить нагрузку на полосу пропускания для тяжелых изображений.
  4. Оптимизируйте изображения и элементы веб-страниц с помощью сети доставки контента (CDN).
  5. Сократите код своего веб-сайта (HTML, CSS и JS), чтобы уменьшить использование полосы пропускания.

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

Инструменты оптимизации скорости веб-сайта

1. GTMetrix

GTMetrix позволяет получать отчеты по характеристикам.

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

2. Pingdom

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

Как это работает: Он дает целостный анализ почти всех показателей, которые отражают производительность веб-сайта, а именно. время безотказной работы, транзакции, скорость страницы и статистика посетителей. Pingdom требует двухэтапного процесса регистрации, чтобы воспользоваться бесплатной пробной версией.Платная модель варьируется от 10 до 249 долларов в месяц в зависимости от плана и его функций. Инструмент позволяет проводить тесты с четырех основных гео, а именно. Даллас, Техас, США; Мельбурн, Австралия; Сан-Хосе, Калифорния, США; и Стокгольм, Швеция.

3. Google PageSpeed ​​Insights

Google PageSpeed ​​Insights — это удобный инструмент для быстрой проверки производительности.

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

4. YSlow

YSlow — это Yahoo! инструмент оптимизации скорости веб-сайта, который дает информацию в режиме реального времени.

Как это работает: Это, вероятно, единственный инструмент, который работает через расширение браузера и предоставляет рейтинги скорости страницы. Ключевым отличием является то, что YSlow может показывать несколько иную информацию о производительности веб-сайта, в отличие от Google Chrome, поскольку это Yahoo! инструмент на основе браузера.

5. Восходящие тенденции

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

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

6. DotComMonitor

DotComMonitor — это инструмент для проверки скорости, который показывает данные из разных мест, а также из браузеров.

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

Инструменты оптимизации изображений

7. Оптимизатор JPEG

JPEG Optimizer, как следует из названия, является инструментом оптимизации / сжатия изображений только в формате JPEG.

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

8. Кракен

Инструмент оптимизации изображений

Kraken позволяет массово загружать изображения во всех форматах (JPG, PNG и GIF).

Как это работает: Инструмент сжимает файлы до минимально возможного размера.Вы можете загружать сжатые файлы по одному или в формате ZIP или напрямую экспортировать их в Dropbox, Box или Google Drive. Платная версия этого инструмента предлагает такие функции, как изменение размера изображения, несколько источников изображений и неограниченные размеры изображений.

9. Optimizilla

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

Как это работает: Инструменты содержат ползунок, позволяющий предварительно просмотреть качество изображений до и после сжатия.Это поможет вам понять, какое качество сжатия изображений подойдет вам лучше всего. Вы можете сжать до 20 изображений (JPG и PNG) и установить шкалу сжатия для каждого изображения отдельно.

10. ТИНЫ ПНГ

TIny PNG — один из старейших бесплатных инструментов оптимизации изображений в форматах JPEG и PNG.

Как это работает: Позволяет массово загружать до 20 изображений одновременно и до 100 изображений в месяц. Инструмент поставляется с плагином WordPress и расширением Magneto, позволяющим пользователям напрямую сжимать изображения без необходимости каждый раз посещать свой веб-сайт.Ограничением является то, что инструмент принимает только изображения размером до 5 МБ. После сжатия пользователи могут либо загрузить изображения, либо сохранить их в Dropbox.

11. JPEGMini

Инструмент оптимизации изображений JPEGMini интересно подписывает себя как «Ваши фотографии на диете».

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

12. Компрессор

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

Как это работает: Инструменты позволяют сжимать изображения до минимально возможного размера без ущерба для качества изображения. Инструмент поддерживает изображения в форматах JPEG, PNG, GIF и SVG.Также известно, что размер файла уменьшается до 90% или даже до 90%.

13. Преобразовать изображение

Convert Image — это инструмент для оперативной оптимизации изображений и конвертера.

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

14. PNG Рукавицы

PNGGauntlet — это инструмент оптимизации изображений для изображений в формате PNG.

Как это работает: Это загружаемый инструмент, который интегрируется с несколькими компрессорами, такими как PNGOUT, OptiPNG и DeflOpt. Инструмент помогает сжимать изображения без особого влияния на качество. Поскольку он интегрируется с другими компрессорами, он помогает конвертировать изображения формата JPG, GIF, TIFF и BMP в файлы формата PNG. Обратной стороной является то, что сжатие изображений занимает относительно больше времени, чем другие инструменты на рынке.

CDN инструменты

15. KeyCDN

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

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

16. Набор изображений

Imagekit.io — это относительно новая технологическая платформа CDN, которая автоматизирует оптимизацию изображений.

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

17. CloudFare

CloudFare — один из самых популярных сервисов CDN в поисковых системах.

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

18. Место для стойки

Rackspace — это служба облачных вычислений и хостинга, которая также предлагает решения CDN.

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

19. StackPath

StackPath, ранее известный как MaxCDN, сервис с огромной серверной сетью, разбросанной по всему миру.

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

Инструменты технической оптимизации

20. Компрессор YUI

YUI Compressor — это инструмент для минификации кода, разработанный Yahoo !, написанный на Java.

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

21. JSMin

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

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

Полезные советы

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

  1. Используйте меньше плагинов.
  2. Уменьшите количество веб-шрифтов.
  3. Найдите и исправьте ошибки 404.
  4. Уменьшите количество перенаправлений.
  5. При необходимости переместите веб-сайт на более быстрый хост.
  6. Реализуйте отложенную загрузку объявлений на своем сайте.
  7. Уменьшите количество HTTPS-запросов.

Вы пробовали еще что-нибудь, и это сработало?


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

Обновлено 23 июня 2020 г.

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

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

Фактически, Google уделяет еще больше внимания важности скорости сайта, недавно обновив инструменты Google Search Console, которые будут включены в его алгоритмы ранжирования с 2021 года.

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

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

  • По данным Aberdeen Group, задержка загрузки страницы в одну секунду приводит к падению количества просмотров страниц на 11 процентов, конверсии — на 7 процентов, а удовлетворенности клиентов — на 16 процентов. (источник)

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

  • 79 процентов покупателей, недовольных сайтом, с меньшей вероятностью вернутся на сайт снова.

  • 52 процента онлайн-покупателей сообщают, что быстрая скорость загрузки важна для лояльности к бренду. (источник)

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

  • Oportent даже предполагает, что более быстрые страницы приносят больше денег, утверждая, что просмотры страниц увеличиваются на 100%, когда страницы загружаются в течение 1-2 секунд. (источник)

  • Поскольку 37% Интернета построено на WordPress (на момент написания в 2020 году), стоит ознакомиться с нашим Руководством по скорости сайта WordPress, а также Как ускорить работу вашего сайта WordPress.

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

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

Бонусный плагин WooRank:

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

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

1.Webpagetest

Webpagetest Инструмент проверки времени загрузки бесплатной страницы и скорости веб-сайта Образец отчета Скриншот (изображение предоставлено — webpagetest.org)

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

  • Вы получаете каскадную диаграмму распределения загрузки вашего веб-сайта.Эти разные элементы содержимого представлены разными цветами. Это html, js, css, image, flash, font и другие.

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

PageSpeed ​​Score со скоростью страницы Tips On Webpagetest (Изображение предоставлено — webpagetest.org)

  • Вы также получите полный контрольный список оптимизации в меню _Performance Review_, а также несколько советов по оптимизации скорости вашей страницы.

2. PageSpeed ​​Insights

PageSpeed ​​Insights Образец отчета по инструменту измерения скорости страницы Google Снимок экрана (изображение предоставлено разработчиками.google.com)

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

  • Вы получаете оценку скорости страницы из 100.

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

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

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

  • Вы также можете установить в свой браузер расширения Chrome и Firefox.

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

3. Ислоу (Yahoo)

Образец отчета инструмента измерения времени загрузки YSlow Yahoo Снимок экрана (изображение предоставлено — developer.yahoo.com)

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

4. GTMetrix

Образец отчета инструмента измерения времени загрузки

GTMetrix Снимок экрана (изображение предоставлено — gtmetrix.com)

  • Он дает вашей веб-странице оценку скорости страницы GTMetrix вместе с оценкой Yslow.
  • Вы можете скачать отчет в формате PDF.
  • Он дает вам диаграмму истории времени загрузки страницы, размеров страницы и количества запросов, скорости страницы и оценок Yslow, как показано на снимке экрана ниже:

Три типа исторической статистики производительности веб-страниц из GTMetrix (кредит изображения — gtmetrix.com)

5. Тест скорости веб-сайта Pingdom

Образец отчета инструмента измерения времени загрузки веб-сайта Pingdom Снимок экрана (изображение предоставлено — tools.pingdom.com)

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

  • Он дает вам каскадную диаграмму производительности вашего веб-сайта с разными цветами, которые показывают разные этапы запроса (DNS, SSL, подключение, отправка, ожидание, получение), различные значки для различных типов контента (HTML, Javascript, CSS, Изображение, Текст / Обычный, Перенаправить, Предупреждение и другие).

  • Посмотрите, как ваш веб-сайт оценивается по различным параметрам производительности из Google Page Speed ​​и Yahoo Yslow, на вкладке _Performance Grade_tab.

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

6. Анализатор веб-страниц

Образец отчета инструмента измерения времени загрузки анализатора веб-страниц Снимок экрана (изображение предоставлено — websiteoptimization.com)

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

7. Инструмент Page Speed ​​Tool (от Интернет-маркетологов)

Инструмент измерения времени загрузки инструмента для измерения скорости страницы Образец отчета Снимок экрана (изображение предоставлено — internetmarketingninjas.com)

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

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

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

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

8. Тест скорости веб-сайта

Инструмент измерения времени загрузки теста скорости веб-сайта (кредит изображения — pagescoring.com)

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

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

  • Инструмент довольно простой и дает меньше информации по сравнению с инструментами, перечисленными выше.

9. Проверка скорости сайта

Пример отчета

Site Speed ​​Checker Инструмент измерения времени загрузки Снимок экрана (изображение предоставлено seomastering.com)

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

  • Предоставляет сравнительную информацию о времени отклика, размере файла, времени загрузки и скорости загрузки (кб / с).

Подводя итог

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

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

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

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

10 лучших бесплатных инструментов для проверки скорости веб-сайта для получения информации о производительности — ZNetLive Blog

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

  • Google в «обновлении скорости» 2018 ввел скорость страницы в качестве фактора ранжирования.
  • Скорость страницы оказывает большое влияние на пользовательский опыт.
  • 1-секундная задержка выполнения страницы снижает конверсию на 7%.

Если только вы жили под скалой в течение последнего года, ни одна из этих статистических данных и факты для вас новы.

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

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

Установка сертификата SSL может зашифровать данные вашего веб-сайта и увеличить органический трафик.

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

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

1. DareBoost

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

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

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

2. Dotcom-tools

Dotcom-tools — это очень надежный инструмент для проверки скорости страницы, поскольку он позволяет тестировать то же самое из 24 разных мест с.

Пользователь может запускать тест одновременно из нескольких мест. Он также дает возможность запускать тест в семи разных браузерах.

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

3. Google Chrome DevTools

Инструменты разработчика Google Chrome можно получить, нажав на опцию «Дополнительные инструменты» в меню в правом углу браузера Chrome.

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

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

4. Google PageSpeed ​​Insights

Google PageSpeed ​​Insights поддерживает скорость веб-сайта оптимизационный тест с использованием разных параметров. Инструмент отображает счет на шкала от 1 до 100.

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

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

Управляемое облако Alibaba

Дешевле, быстрее и безопаснее облачный хостинг

Всего доступные инструменты для запуска теста скорости веб-сайта, этот занимает особое место как он разработан самой Google .

5.GTmetrix

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

Отчет состоит из двух основных разделов: Оценка производительности и Сведения о странице.

Производительность Оценка в основном Включает:

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

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

Pro Tip — Вы можете создать бесплатную учетную запись в GTMetrix и получить доступ к тестовым фильтрам, таким как расположение сервера, пропускная способность и многое другое.

Он также хранит записи о прошлых тестах, отображаемых прямо на приборной панели.

6. Pingdom Tools

Pingdom — самый популярный среди всех, и у него чистая навигация, что делает его чрезвычайно проста в использовании. Результаты разделены на четыре части:

  • Оценка производительности
  • Размер страницы
  • Время загрузки веб-сайта
  • Запросы

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

Результаты «размера страницы» и «запросов» делятся по домену и типу контента.

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

7. Sucuri Load Time Tester

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

Нагрузка Time Tester от Sucuri отображает тест из более чем 15 мест и показывает вы оцениваете свой веб-сайт на основе разных местоположений.

8. UpTrends

Как и Pingdom, UpTrends предоставляет подробную информацию о скорости вашего веб-сайта.

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

10% скидка на сертификат SSL

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

9. WebPageTest

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

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

  1. Есть реальные варианты браузера, из которых вы можете выбрать (Firefox, Chrome, IE 11).
  2. Выбор местоположения. Опция позволит вам проводить тест из разных мест (Северная / Южная Америка, Азия, Европа).
  3. Выберите мобильные устройства, которые покажут вам, как ваш веб-сайт работает на разных мобильных платформах.

Апарт от этого функция блокировки рекламы проверяет эффективность сайта с помощью рекламы включен vs заблокирован.

10. YSlow

YSlow, , разработанный Yahoo , раньше был ведущим инструментом тестирования производительности веб-сайтов, но его все еще можно использовать и доверять.

Перед запуском теста необходимо установить расширение браузера.

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

Решение для резервного копирования на базе искусственного интеллекта

Непревзойденные возможности резервного копирования из будущего

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

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

Услуги ZNetLive предлагает:

Регистрация доменного имени

Лучший общий хостинг

План хостинга WordPress

Планы хостинга VPS

Купить выделенный сервер

Более до you :

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

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

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

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

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

Скорость веб-сайта в настоящее время является одним из наиболее важных факторов для ранжирования в Google.

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

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

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

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

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

Важность скорости веб-сайта для SEO

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

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

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

Не только Google — исследования из нескольких источников показывают, что скорость оказывает значительное влияние на поведение потребителей.

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

Оптимизация скорости веб-сайта должна быть в основе вашей стратегии SEO.

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

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

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

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

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

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

  • Время до первого байта (TTFB): Мера времени, которое требуется странице, чтобы инициировать процесс загрузки.
  • Первая контекстная отрисовка / Первая значимая отрисовка: Это время, когда браузер начинает отображать страницу.Время первой краски важно, как и до этого момента; браузер покажет пользователю только пустую страницу.
  • Полная загрузка страницы: Мера времени, необходимого для полной загрузки страницы.

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

Правильная настройка сайта

Общие проблемы, с которыми сталкивается большинство медленных сайтов, связаны с изображениями, плагинами / темами, хостингом, перенаправлениями, рендерингом JavaScript и большими файлами (CSS, JS и т. Д.)).

Чтобы оптимизировать скорость сайта, сосредоточьтесь на:

  • Веб-хостинг. Это то, чего не хватает большинству людей. Даже если вы идеально оптимизируете свой сайт, но ваш хостинг не на должном уровне, все, что вы получите, будет только более медленными скоростями. Так что всегда выбирайте облачные или выделенные серверы.
  • Кеширование. Вы можете сократить время отклика страницы, доставляя кэшированные копии контента вместо обслуживания непосредственно с сервера. Вы можете использовать серверное кеширование (например, Varnish и Redis), чтобы использовать кеширование на стороне сервера и кеширование браузера для статических ресурсов.
  • Оптимизация изображения. Изображение обычно занимает от 30% до 90% размера страницы, поэтому чем сильнее вы сжимаете изображения, тем быстрее загружаются страницы. Для сжатия вы можете использовать любой плагин из репозитория WordPress или любой бесплатный онлайн-инструмент сжатия изображений перед загрузкой изображений на свой сайт.
  • CDN. CDN или сеть доставки контента могут помочь сайтам значительно сократить время загрузки страниц, размещая ресурсы сайта на серверах по всему миру.Обладая скоростью, CDN также может помочь с безопасностью сайта, атаками DDOS и повышенной избыточностью и доступностью контента.

Еще несколько вещей, которые вы можете сделать для ускорения своего сайта, — это минимизация ресурсов (CSS, JS, HTML), настройка HTTP / 2, удаление JavaScript, блокирующего рендеринг, и включение предварительного подключения, предварительной выборки и предварительной загрузки.

Предварительная выборка и предварительное подключение

Расположение проверки скорости

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

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

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

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

Выполнить тест несколько раз

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

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

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

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

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

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

Тестирование внутренних страниц тоже

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

Скорость варьируется между страницами сайта поскольку каждая страница содержит различный набор ресурсов (изображения, HTML / CSS, JS).

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

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

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

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

  • Pingdom
  • WebPageTest
  • Google PageSpeed ​​Insights
  • GTMetrix
  • Инструмент разработчика Chrome

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

При выполнении теста в Pingdom вы можете выбрать местоположение из Японии, Германии, Великобритании, США, Австралии и Бразилии.

После завершения теста Pingdom отображает четыре основных показателя:

  • Оценка производительности, которая находится между A и F на основе результатов Google PageSpeed,
  • Размер страницы Potal в КБ или МБ,
  • Время загрузки в секундах, и
  • Количество запросов по странице.

Наконец, если вы хотите поделиться отчетом, вы можете сделать это, поделившись URL-адресом теста скорости.

GTmetrix: GTmetrix — один из лучших инструментов для проверки скорости сайта, который использует правила PageSpeed ​​и YSlow для оценки веб-сайтов.

По умолчанию все тесты в GTmetrix запускаются из Ванкувера, Британская Колумбия, Канада. Чтобы получить доступ к семи глобальным тестовым регионам (Канада, США, Бразилия, Великобритания, Китай, Индия, Австралия), вам сначала нужно зарегистрироваться.

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

— График водопада GTmetrix на Medium.com

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

Он анализирует сайты на основе таких показателей производительности, как TTFB, кэширование, CDN и сжатие.

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

Google PageSpeed ​​Insights: этот инструмент от Google основан на Lighthouse (их открытая версия). исходный инструмент, созданный для улучшения качества веб-страниц).

Оценка варьируется от 0 до 100, и оценки имеют цветовую кодировку для облегчения интерпретации:

  • от 0 до 49 (медленно): красный
  • от 50 до 89 (в среднем): оранжевый
  • от 90 до 100 (быстро ): Green

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

Для быстрой проверки подходят GTmetrix, Pingdom и PageSpeed ​​Insights, но для более глубокого анализа скорости можно использовать GTmetrix и WebPagetest.

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

Проверьте производительность вашего сайта с помощью сканера

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

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

Для этой цели можно использовать любой поисковый робот, например Oncrawl.

Рассмотрим пример.

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

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

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

Oncrawl может дать вам представление о скорости страниц вашего сайта с высоты птичьего полета, вот так…

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

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

Заключение

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

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

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

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

Помните, чем быстрее ваш сайт, тем больше конверсий вы получите.

10 бесплатных тестов скорости веб-сайта

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

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

Google PageSpeed ​​Insights

Google PageSpeed ​​Insights.

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

медленная

YSlow.

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

GTmetrix

GTmetrix.

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

Пингдом

Пингдом.

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

Анализатор веб-страниц

Анализатор веб-страниц.

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

Что загружается быстрее?

Какая загружается быстрее?

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

Ударная нагрузка

Ударная нагрузка.

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

OctaGate SiteTimer

OctaGate SiteTimer.

OctaGate SiteTimer — еще один простой таймер для загрузки страниц веб-сайтов и элементов страниц. Результаты представлены в виде четкой гистограммы. Загрузки элементов перечислены с указанием времени начала, времени подключения и времени окончания.

SEOmastering.com Проверка скорости сайта

SEOmastering.com Проверка скорости сайта.

SEOmastering.com Site Speed ​​Checker — это простой и полезный инструмент, который позволяет одновременно вводить до 10 URL-адресов для тестирования.Протестируйте свой сайт против группы конкурентов одновременно.

WebPagetest

WebPagetest.

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

САМЫЕ ЛУЧШИЕ и 4 лучших инструмента для тестирования скорости веб-сайтов в 2021 году

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

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

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

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

Важность тестирования скорости веб-сайта

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

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

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

Примечание: при тестировании скорости вашего сайта всегда полезно провести несколько тестов скорости и вычислить их среднее значение, поскольку результаты могут варьироваться от теста к тесту. В основном это связано с кешированием DNS, кэшированием CDN и кешированием WordPress, но также может быть результатом внешних вызовов сторонних ресурсов и воздействия API. Итак, еще раз не уклоняйтесь от выполнения нескольких тестов, чтобы получить наиболее правдивый результат!

Как считывать параметры теста базовой скорости

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

URL (или адрес вашего веб-сайта) — когда речь идет об URL-адресе вашего сайта, важно помнить, что всегда следует использовать основной веб-адрес сайта, то есть всегда ставить перед ним www. Часто люди просто бросают знак www, что может увеличить скорость бега на 1-2 секунды. Причина этого в том, что веб-сайт фактически загружается по умолчанию, иначе говоря, с префиксом www перед его адресом.

Test From — тоже очень важная деталь, которую нужно запомнить. Часть «Test From» обозначает место / страну, из которой проводится тест скорости. Всегда выбирайте страну, из которой вы получаете больше всего посетителей. Это означает, что вам следует ожидать от 0,5 до 1 секунды более медленной загрузки за пределами страны, в которой размещен ваш веб-сайт.

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

Размер страницы — в этом разделе отмечается общий размер тестируемой страницы. Конечно, чем меньше размер страницы, тем выше скорость загрузки — обычно сайт с большим количеством изображений весит от 1 до 2 МБ. Нередко можно увидеть страницы размером от 5, 10 и даже 15 МБ, что может привести к их довольно медленной работе при стандартном подключении к Интернету.

Запросы — здесь, как и размер страницы, чем меньше, тем лучше.Большинство сайтов, которые считаются быстрыми, будут иметь от 50 до 100 запросов. Однако как только вы пересечете отметку в 200 запросов, вы заметите, как сайт начинает работать очень медленно, и это особенно заметно на мобильных устройствах, у которых меньше мощности процессора, способного обрабатывать все эти запросы.

Наши лучшие рекомендуемые инструменты для проверки скорости

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

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

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

Если вы выберете использование SiteSpeedBot, вы увидите, как он предоставляет вам более подробную информацию и рекомендации по поддержке HTTP2, а также поддержке HTTP2 push, чего многие другие инструменты тестирования просто не делают. SiteSpeedBot также измеряет ряд показателей скорости, которые важны в современном Интернете, например скорость DNS-хостинга и TTFB.

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

  • Повысьте производительность страницы — здесь мы проинформируем вас об общей производительности сайта и дадим вам предложения о том, что вам нужно и что можно улучшить.
  • Сводка — здесь вы можете найти первые четыре начальных раздела, упомянутых выше, а также время разрешения DNS (или скорость DNS), время согласования SSL, время подключения, время ожидания и время получения.
  • Раздел других метрик — здесь можно найти информацию о том, поддерживает ли сервер протокол HTTP2, а также HTTPS; количество файлов CSS, поддерживает ли ваш сайт изображения следующего поколения, а также используется ли у вас медленный или быстрый хостинг-провайдер, а также обнаружение отложенной загрузки и прочая информация.
  • Коды ответов.
  • Сведения о хостинг-провайдере.
  • Тест сжатия изображения — здесь мы анализируем изображения на вашем сайте, их вес, а также потенциальную экономию веса, которую вы можете достичь за счет сжатия изображения
  • Вид водопада .
  • Размер контента по типу контента и по домену с запросами по типу контента и по домену .

Вы можете пройти наш тест скорости в 11 разных местах:

Австралия — Сидней

Канада — Торонто

Европа — Германия — Франкфурт

Индия — Бангалор

Сингапур

Япония — Токио

ЮАР — Кейптаун

Южная Корея — Сеул

Великобритания — Лондон

США — Лос-Анджелес

США — Майами

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

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

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

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

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

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

Азия — Япония — Токио

Европа — Германия — Франкфурт

Европа — Великобритания — Лондон

Северная Америка — США — Вашингтон Д.С.

Северная Америка — США — Сан-Франциско

Тихий океан — Австралия — Сидней

Южная Америка — Бразилия — Сан-Паулу

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

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

GTmetrix объединяет результаты Google PageSpeed ​​Insights и YSlow, чтобы получить оценку, а также рекомендации для вашего веб-сайта. Он присваивает вашему сайту оценку от A до F. Создаваемые им отчеты разделены на пять различных разделов: PageSpeed, YSlow, водопадная диаграмма, время загрузки страницы, загрузка страницы видео и диафильм, а также история отчетов (время страниц, страница размеры и количество запросов, а также показатели Google PageSpeed ​​и YSlow).Чтобы получить более подробное представление о большинстве этих разделов и дополнительных опций, вам нужно будет пройти бесплатную регистрацию (есть также версия GTmetrix Pro для более крупных и сложных веб-сайтов).

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

Канада — Ванкувер

США — Сан-Антонио

Великобритания — Лондон

Индия — Мумбаи

Китай — Гонконг

Бразилия — Сан-Паулу

Австралия — Сидней

Однако с премиальной регистрацией вы можете выполнить тест из следующих 15 мест:

Канада — Квебек

США — Чикаго

США — Шайенн

США — Сан-Франциско

США — Данвилл

Швеция — Стокгольм

Франция — Париж

Нидерланды — Амстердам

Германия — Франкфурт

ОАЭ (Объединенные Арабские Эмираты) — Дубай

Индия — Ченнаи

ЮАР — Йоханнесбург

Южная Корея — Пусан

Япония — Токио

Сингапур

Вы также можете выбрать браузер, с которым хотите провести тест, Chrome или Firefox (обе версии для настольных ПК — мобильные доступны только в премиум-планах).Кроме того, вы также можете проводить тесты и сравнивать производительность веб-сайта с различными типами подключения (например, коммутируемое соединение или кабель) и видеть, как это влияет на загрузку вашей страницы. Некоторые другие более продвинутые функции — это воспроизведение видео, с помощью которого вы можете проанализировать, где на самом деле возникает ваше узкое место; вы также можете запустить Adblock plus. Отключив рекламу, вы сможете увидеть, в какой степени она влияет на загрузку страницы вашего сайта.

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

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

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

PageSpeed ​​Insights также является одним из тех инструментов, которыми легко пользоваться. Как и другие перечисленные здесь инструменты для тестирования скорости, ему также требуется только URL (веб-адрес) вашего сайта, и через очень короткое время он генерирует как мобильные, так и настольные версии вашего сайта.

Этот инструмент оценивает ваш сайт по шкале от 1 до 100. Таким образом, чем выше число, тем лучше ваш сайт оптимизирован. Хороший тест — 85 баллов — это означает, что ваш сайт работает достаточно хорошо. Некоторые рекомендации по улучшению вашего сайта (не так много, как в других инструментах тестирования, как мы говорили ранее) — это, например, советы по оптимизации изображений и минимизации CSS.

Это то, что Google PageSpeed ​​Insights измеряет о вашем сайте и на что вам нужно обратить внимание, если вы хотите улучшить его производительность:

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

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

Тест Google PageSpeed ​​Insights предоставляет вам лабораторные и полевые данные.Лабораторные данные имеют отношение к проблемам, связанным с производительностью, тогда как полевые данные представляют собой данные о производительности в режиме реального времени, с которыми сталкиваются ваши посетители.

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

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

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

Несколько заключительных заметок

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

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

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

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

Если вам нужна тщательная, подробная и профессиональная услуга по оптимизации скорости с большим опытом, обязательно ознакомьтесь с тем, что мы можем предложить на WPSpeedFix.com. На данный момент мы проработали более 2000 сайтов, оптимизировав их по скорости. Вам не нужно больше позволять медленному веб-сайту ухудшать ваш рейтинг в Google и заставлять вас терять клиентов с каждой минутой. Мы можем превратить удручающе медленный веб-сайт в веб-сайт, который загружается менее чем за 2 секунды — возможно, даже быстрее на высококачественном хостинг-провайдере.

Вы также можете ознакомиться с некоторыми из наших статей, посвященных оптимизации сайтов WordPress, перечисленных ниже:

10 лучших бесплатных инструментов для проверки скорости веб-сайтов в 2020 году

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

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

  • 51% клиентов в США считают, что медленный веб-сайт вызывает отказ от покупки.
  • Ожидаемая скорость погрузки увеличивается со временем.Например, страница, на загрузку которой в 2010 году ушло 6 секунд, получила коэффициент конверсии 35%, в то время как при том же времени загрузки страницы в 2020 году только 12%.
  • 47% веб-пользователей ожидают, что веб-страница загрузится менее чем за 2 секунды.
  • 75% посетителей перейдут на сайты конкурентов, вместо того, чтобы мириться с медленной загрузкой страницы Скорость.

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

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

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

1. Google PageSpeed ​​Insights

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

2. Инструменты Pingdom

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

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

3. WebPageTest

WebPageTest — еще один отличный инструмент для проверки скорости вашего сайта. Вы получите пошаговую оценку своего веб-сайта с момента его начала загрузки до момента его полной загрузки. Этот инструмент создает диаграмму водопада с разбивкой контента во время загрузки вашего веб-сайта.Различные элементы вашего веб-сайта, такие как html, js, css, изображение, шрифты и т. Д., Отмечены разными цветами. Вы получите скорость страницы из 100 с необходимыми советами и приемами по оптимизации страницы.

Для идеального анализа вы можете выбрать серверы из разных мест, таких как Азия, Европа, Северная Америка и Южная Америка. Существует возможность выбора браузера. Даже он поддерживает мобильные версии для Android и iOS. Вы можете записывать видео рендеринга, записывать сетевой журнал и даже вставлять собственный сценарий с помощью этого инструмента тестирования скорости.

4. GTmetrix

Gtmetrix поставляется с метриками SpeesTest и YSlow, где скорость вашего веб-сайта измеряется по шкале от A до F. Он генерирует отчеты в 5 разделах, включая PageSpeed, YSlow, разбивку по водопаду, видео и историю, а также дает необходимые советы по улучшению каждого элемента вашего сайта. Веб-сайт.

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

5. Восходящие тенденции

Uptrends может предложить базовые отчеты о производительности вашего сайта. Их отчеты разделены на два раздела: каскадная разбивка и группы доменов. Вы можете проводить тестирование из 10 разных мест. Он также позволяет вам выбирать браузеры, включая Chrome, Firefox, IE и т. Д. Регулирование пропускной способности можно выбрать из 4 вариантов, таких как собственная скорость, ADSL, кабель и оптоволокно. Инструмент поддерживает как настольные, так и мобильные устройства.

6. Дотком-Монитор

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

7. Желтые лабораторные инструменты

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

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

8. Измеритель времени нагрузки Sucuri

Sucuri Load Time Tester — один из известных инструментов, позволяющий легко и быстро проверить производительность.Вы можете измерить оценку производительности своего веб-сайта от A до F. Инструмент позволяет узнать, сколько времени требуется для подключения к вашей веб-странице и сколько времени требуется для полной загрузки страницы. Вы получите отчет на основе соединения и первого байта.

9. Тест скорости веб-сайта KeyCDN

KeyCDN Website Speed ​​Test предоставляет подробную информацию из 14 разных мест. Вы получите общую оценку и отдельную оценку 100 для каждого элемента сайта.В этом инструменте доступны разбивка водопада и визуальный предварительный просмотр веб-сайта. Вы можете измерить время загрузки, HTTP-запросы и размер страницы вашего веб-сайта.

10. Местоположение страницы

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

Последние мысли

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

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

.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *