Проверить скорость работы сайта google: Как проверить скорость загрузки сайта? 4 самых актуальных инструмента

Содержание

Зачем и как проверять скорость загрузки сайта? / Хабр

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



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

Гонка за покупателем

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

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

.

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

Работа в интернете — это серфинг. Человек легко переходит со страницы на страницу, с сайта на сайт. За короткий промежуток времени совершаются десятки кликов, переходов, просмотров страниц.

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

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

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

Простой пример:

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


Результаты поисковой выдачи по запросу «робот-пылесос купить» в регионе Москва

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

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

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

Факт

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

По данным опроса Unbounce

Как скорость влияет на SEO?

Скорость загрузки сайта — один из факторов ранжирования. Google сообщил об этом еще в 2010 году. Ну а к 2020-м гг. значимость показателя

page speed

только выросла. 

Быстродействие прямо влияет на SEO, и вот почему:

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

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

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

Какой сайт быстрый, а какой нет?

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

Задержка в 5-7 секунд еще допустима. Но если контент загружается более 10 секунд — нужно принимать меры.

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

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

Как измеряется скорость?

Для проверки скорости сайта можно использовать доступные сервисы. Самый популярный из них — PageSpeed Insights от Google.


Пример работы сервиса PageSpeed Insights

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

Еще один инструмент от Google — сервис Lighthouse, встроенный в браузер Chrome. С его помощью удобно тестировать страницы, просто заходя на них и нажимая кнопку теста.

Для проверки скорости мобильной версии предназначен сервис Test My Site.

Альтернативные инструменты

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

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

  • GTmetrix;
  •  Pingdom Tools;
  •  WebPagetest;
  •  UpTrends;
  • Loading.express;
  • SiteSpeed.me.

Анализировать page speed можно и по отчетам веб-аналитики: в сервисах Яндекс.Метрика и Google Analytics. Здесь наглядно показывается, как соотносится скорость загрузки с отказами, конверсией и различными действиями пользователей.

Почему сайт медленный?

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

  1. Скорость работы сервера, где хранятся файлы сайта.
  2. Программная часть самого ресурса.

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

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

Как «разогнать» сайт?

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


Код сайта

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

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

Всего лишь односекундная задержка загрузки сайта снижает конверсию на 7%!

Постоянный мониторинг page speed

Работа на ускорение сайта дает результаты в виде продвижения в ТОП, роста посещаемости и увеличения продаж. Нужно контролировать page speed и улучшать показатель, одновременно повышая качество и привлекательность ресурса для пользователей.

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

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

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

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

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


 

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

Россия напала на Украину!

Россия напала на Украину!

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

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

Но в ночь на 24-ое февраля Россия напала на Украину, и все самые худшие предсказания  стали нашей реальностью .

Киев, ул. Кошица 7а. 25.02.2022

 Это не 1941, это сегодня. Это сейчас. 
Больше 5 000 русских солдат убито в не своей и никому не нужной войне
Более 300 мирных украинских жителей погибли
Более 2 000 мирных людей ранено

Под Киевом горит нефтебаза – утро 27 февраля, 2022.

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

Неделю назад никто из нас не поверил бы, что такое может произойти в 2022.

Метро Киева, Украина — с 25 февраля по сей день

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

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

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

ул. Лобановского 6а, Киев, Украина. 26.02.2022

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

P.S. К сожалению, это не “фотошоп от Пентагона”, как вам говорят. И да, в этих квартирах находились люди.

«Это не война, а только спец. операция.»

Это война.

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

«Россия хочет только защитить ЛНР и ДНР.»

Это не так.

Все это время идет обстрел городов во всех областях Украины, вторые сутки украинские военные борются за Киев.

На карте Украины вы легко увидите, что Львов, Ивано-Франковск или Луцк – это больше 1,000 км от ЛНР и ДНР. Это другой конец страны. 25 февраля, 2022 – места попадания ракет

25 февраля, 2022 – места попадания ракет «Мирных жителей это не коснется.»

Уже коснулось.

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

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

«У российских войск нет потерь.»

Ваши соотечественники гибнут тысячами.

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

«В Украине – геноцид русскоязычного народа, а Россия его спасает.»

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

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

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

«Украина во власти нацистов и их нужно уничтожить.»

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

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

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

«Украинцы это заслужили.»

Мы у себя дома, на своей земле.

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

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

Искренне ваш, Народ Украины

Как проверить скорость загрузки сайта на мобильном в google page

Всем, привет! PageSpeed – это популярный онлайн сервис, который нужен чтобы проверить скорость загрузки веб-страницы. Главным преимуществом Google page является то, что сервис проводит тестирование сайта для смартфонов и для компьютеров.

Результатом анализа будет оценка по шкале XY/100. А ошибки, влияющие на скорость загрузки сайта, будут подсвечены одним из цветов:

  • Красным – требуют скорейшего устранения.
  • Оранжево-желтым – нужно исправить по возможности.
  • Зеленым – с элементами сайта все хорошо.

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

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

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

  1. Зайти на официальный сайт Google page developers.google.com/speed/pagespeed/insights/.
  2. Главная страница представляет собой форму, в которую нужно записать ссылку на сайт, который нужно проанализировать.

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

 

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

  1. Спустившись ниже можно узнать скорость загрузки страницы в условиях популярной для смартфонов 3G сети.

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

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

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

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

Чтобы ускорить сайт потребуются минимальные технические знания о сайтостроении, JAVASCRIPT, CSS, HTML и CMS.

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

Способ №1: Оптимизация картинок

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

Для этого подойдут такие способы:

  • Бесплатные Сервисы Compressor.io и TinyPNG помогут сжать изображения на более чем 80% и в большинстве случаев без потери качества.
  • Следует удалить все CSS и HTML теги, с помощью которых картинка подгонялась под сайт. Необходимо сразу загружать изображение, которое соответствует требованиям в расширении.

Способ №2: Удаление лишних строчек кода

Большую роль в оптимизации играет минимизация кода старицы. Google page всегда рекомендует пересмотреть объемы кода JavaScript и CSS файлов, сократив ненужное.

Такой процесс помогает существенно ускорить загрузку сайта, устраняя ненужные символы, комментарии, переносы в JavaScript и CSS файлах.

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

  • Чтобы устранить подобную проблему можно установить плагин Gulpjs, который автоматически устранит все ненужные пробелы в коде файлов CSS.
  • Оптимизировать JavaScript поможет плагин Closure Compiler и JSMin которые проделывают аналогичную вышеописанную операцию.
  • Очистить HTM код сайта можно с помощью инструмента PageSpeed Insights для CMS wordpress.

Способ №3: Включения сжатия

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

Способ №4: Оптимизация мобильной версии сайта

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

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

  1. Нажать на «Настройки» в правом верхнем углу всплывающего окна.
  2. Далее выбрать «Дополнительные инструменты».
  3. Затем «Инструменты разработчика» и на панели инструментов нажать на иконку со смартфоном.
  4. Теперь сайт выглядит как на телефоне.

Способ №5: Включения кеширование браузера

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

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

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

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

Насколько важна скорость загрузки с мобильного

Согласно последним исследованием и статистике компании Google, более половины времени в интернете пользователь проводит со смартфона. В этом же исследовании был проведен опрос, в результате которого больше 40% пользователей считают, что скорость загрузки страницы не должна превышать 3 секунды. А 30% назвали уже 2 секунды слишком долгим временем.

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

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

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

Почему в Google page нужно проверять несколько страниц

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

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

Заключение

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

Google разработали функциональный сервис для проверки скорости загрузки сайта с мобильного телефона и выявления проблем, которые тормозят его работу. Понравилась статья, не забудь подписаться на обновление. На сегодня у меня все! А вы как проверяете скорость загрузки своего сайта? До встречи на блоге.

Бала ли вам статья полезной?

Да, спасибо38Нет, извините3

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

Открываю сайт, скорость загрузки низкая. На второй секунде начинаю испытывать нетерпение, на четвертой — злиться, на пятой — закрываю и ухожу к конкурентам. И это не только я, но и типичный интернет-пользователь в 2021 году: по данным Unbounce, почти 27% уходят после 3 секунд, еще 32,3% уйдут через 6 секунд.

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

Что такое скорость загрузки сайта

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

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

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

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

Скорость загрузки сайта и ранжирование

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

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

Вот эти три показателя:

  1. Отрисовка основного контента (Largest Contentful Paint, LCP) — время, за которое на видимой части страницы отрисовывается самый большой по площади элемент. Например, самый крупный блок текста, видео или большая картинка. Нужно учитывать, что самый большой элемент может быть разным при просмотре с разных устройств: например, с большого экрана компьютера и маленького экрана смартфона. К тому же пользователь может перейти на ваш сайт по якорной ссылке и попасть не в начало страницы, а сразу дальше. Каждый из этих сценариев — это разная скорость загрузки. Идеальный показатель LCP — до 2,5 секунды.
  2. Задержка первого ввода (First Input Delay, FID) — это время с момента первой попытки пользователя взаимодействовать с сайтом до момента, когда интерфейс сайта фактически способен обработать это взаимодействие. Идеальный показатель FID — до 100 милисекунд.
  3. Совокупное смещение макета (Cumulative Layout Shift, CLS) — определяет визуальную стабильность страницы. Например, вы читаете статью, а текст внезапно смещается вниз, потому что выше наконец прогрузился какой-то баннер и подвинул весь контент. Если бы баннер загрузился быстрее или его размер был запрограммирован заранее, такого бы не случилось. CLS измеряется не временем, а как коэффициент таких смещений. Идеальный показатель CLS — до 0,1.

Простой, но мощный конструктор лендингов

Создайте мобильный лендинг, интернет-магазин или мультиссылку для Instagram и продвигайте ее через чат-боты в мессенджерах, email и SMS — все это на одной платформе!

Создать лендинг

Скорость загрузки и конверсия

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

Google и Deloitte провели исследование, в котором увеличили скорость загрузки мобильных сайтов в разных сферах на 0,1 секунды. На скриншоте ниже показано, как изменилась при этом конверсия на разных стадиях воронки продаж в сфере розничной торговли. Количество оплаченных заказов при этом суммарно увеличилось на 5,2%.

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

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

  • Оператор мобильной связи Vodafone улучшил свои Web Vitals на треть, и это привело к росту продаж на 8%.
  • Мебельная компания Hoff ускорила мобильную версию сайта на 60%, и конверсия в покупку в мобайле выросла на 15%.

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

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

Lighthouse

Lighthouse запускается прямо из панели разработчика в некоторых браузерах

Инструмент от Chrome, который проверяет скорость загрузки сайта на базе показателей Core Web Vitals. Lighthouse запускается из панели разработчика во всех браузерах на базе движка Chromium — Chrome, Opera, Edge и «Яндекс.Браузер». Вам нужно открыть страницу для проверки, открыть панель инструментов разработчика и перейти на вкладку Lighthouse, она может быть либо отдельным пунктом, либо на вкладке Audits.

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

Google PageSpeed Insights

PageSpeed Insights — онлайн-версия инструмента LightHouse

Бесплатный инструмент от Google на базе того же Lighthouse. Отличие лишь в формате — PageSpeed Insights запускается на отдельной странице, а не через панель инструментов разработчика. Проверяет параметры из Core Web Vitals и дает рекомендации по исправлению. Результат можно посмотреть отдельно для десктопной и мобильной версии страницы.

PR-CY

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

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

Pingdom Tools

Результаты теста скорости сайта от Pingdom

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

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

GTmetrix.com

Отчет по скорости загрузки сайта от GTmetrix

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

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

Uptrends.com

Тест скорости сайта с помощью Uptrends

Приятный интерфейс, анализ скорости ведется с помощью Lighthouse. Российских и украинских серверов для проверки нет, есть Азия, Европа, Америка и Австралия.

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

Web Page Test

Тройная проверка скорости сайта от Web Page Test

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

Dotcom-Monitor

Тест скорости сайта из трех локаций от Dotcom-Vonitor

Отличается от коллег возможностью выбрать одновременно несколько локаций, откуда будет идти тест. Для настроек теста также выбирается десктоп или мобайл, нужная операционная система, разрешение и ориентация экрана, а также скорость интернета (2G, 3G, 4G). Отчет выстроен на данных Lighthouse.

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

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

Зависимость скорости сайта от хостинга

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

Как узнать время ответа сервера. Показатель может называться либо TTFB (time to first bite), либо «время ответа сервера», либо «ожидание сервера».

  1. Если пользуетесь одним из сервисов из подборки выше — ищите его либо как отдельную цифру в отчете, либо смотрите на водопадных диаграммах. На диаграмме сразу видно, какой сервер долго отдает информацию.
    Сервис UpTrends указывает время ожидания ответа сервера как Wait
  2. В отчетах систем аналитики. В «Google Аналитике» это отчет «Скорость загрузки сайта», в «Яндекс.Метрике» — «Стандартные отчеты» / «Мониторинг» / «Время загрузки страниц». Здесь важно смотреть не только на показатели, но и на динамику — если время ответа растет, это плохо.
  3. В инструментах разработчика в браузере. В Chrome, Mozilla и Opera они открываются сочетанием Ctrl+Shift+I. Откройте их на новой вкладке, найдите там раздел Network («Сеть») и на этой же вкладке идите на нужный сайт. В водопадной диаграмме наведите на цветную часть у нужного элемента и там увидите расшифровку. Будет хорошо перед этим поставить галочку Disable cache на той же вкладке и открывать в режиме инкогнито, чтобы результаты были чистыми.
    В отчете Lighthouse в инструментах разработчика ответ сервера обозначен как Waiting (TTFB)

Какое время ответа считать хорошим? Google ранее заявлял, что время ответа сервера не должно превышать 0,2 секунды — такая рекомендация появлялась в результатах проверки PageSpeed Insights. В новой версии инструмента этой нормы нет.

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

  • Shared хостинг — хостинг с разделяемыми ресурсами. Самый простой дешевый и непредсказуемый вариант. На одном физическом серверном компьютере размещается множество сайтов разных клиентов в пределах одной операционной системы. Как правило, все вычислительные ресурсы доступны всем сайтам без какого-либо их резервирования, а уровень изоляции сайтов одного клиента от сайтов других клиентов минимальный. Это значит, что вычислительные ресурсы получает сайт, который первым их запросил. То есть один сайт с большой нагрузкой может забирать большинство ресурсов сервера, а остальные сайты на этом сервере в такие моменты будут работать медленно.
  • VDS/VPS — виртуальный выделенный сервер, хостинг с виртуализацией операционных систем. На одном физическом серверном компьютере каждый клиент получает виртуальный компьютер со своей отдельной виртуализированной операционной системой и определенный объем зарезервированных вычислительных ресурсов. Этот вариант позволяет получить более предсказуемые и стабильные результаты и довольно высокий уровень изоляции сайтов друг от друга при более высокой стоимости. Но все еще возможны ситуации, когда чрезмерная нагрузка на сайт одного клиента влияет на работу сайта другого клиента, правда уже в меньшей степени.
  • Dedicated Server — выделенный сервер. Самый дорогой и стабильный вариант. На одном физическом серверном компьютере размещаются сайты одного клиента. Все вычислительные ресурсы доступны в полном объеме все время.

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

Скорость загрузки динамических и статических сайтов

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

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

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

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

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

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

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

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

CDN

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

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

Влияние картинок на скорость загрузки сайта

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

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

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

  • ShortPixel Adaptive Images,
  • Optimole,
  • Smush,
  • EWWW Optimizer.

Статья по теме: «Плагины WordPress: подборка модулей для оптимизации сайта».

Гиф-анимацию лучше перевести в формат WebM. Этот формат специально разработан для HTML5, его поддерживают браузеры Chrome, Mozilla, Opera, Edge и «Яндекс.Браузер».

Настроить отложенную загрузку, она же lazy load. Эта технология будет подгружать картинки и видео постепенно, когда будет их очередь появиться на экране. Сайт просто будет грузиться сверху вниз.

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

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

  1. Не используйте отложенную загрузку для изображений на стартовом экране страницы, пусть загружаются сразу.
  2. Размечайте размер картинок, чтобы браузер сразу резервировал под них необходимое пространство. Иначе при загрузке изображения будут сдвигать контент под ними вниз, вызывая скачки и ухудшая пользовательский опыт и показатель Cumulative Layout Shift.
  3. Настройте загрузку так, чтобы изображение начинало загружаться чуть заранее до попадания в экран. Это обеспечит более гладкий переход для пользователей.

Влияние стилей на скорость загрузки сайта

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

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

Все стили, которые отвечают за отрисовку стартового экрана, входят в критический CSS

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

Учтите, что нет смысла выносить в HTML-файл все стили. Во-первых, эти стили не кешируется, а во-вторых, это утяжелит файл HTML.

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

Подробнее можно изучить вопрос в инструкции от разработчиков Google.

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

Скрипты и скорость загрузки сайта

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

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

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

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

Сторонние скрипты и скорость сайта

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

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

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

Добиться эффекта независимой загрузки можно с помощью атрибутов async и defer:

  • async запускает скрипты асинхронно по мере загрузки, вне зависимости от загрузки самой страницы. Скрипт может загрузиться раньше контента.
  • defer загружает скрипты независимо от страницы, но запускает их после полной отрисовки.

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

Оптимизация шрифтов для скорости сайта

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

Выбрать современный, сжатый формат шрифта — WOFF или WOFF2. Google предлагает такую схему:

  • WOFF 2.0 для браузеров, которые его поддерживают.
  • WOFF для большинства остальных браузеров
  • TTF (сжать в gzip) для мобильных телефонов на Android 4.4 и ниже.
  • EOT (сжать в gzip) для старых версий Internet Explorer (IE9 и старше).

Разбить шрифт на группы (кириллица, латиница, цифры, спецсимволы) с помощью свойства unicode-range и подгружать группы по мере необходимости. Разбить можно с помощью онлайн-сервисов, например, FontSquirrel.

При подключении веб-шрифтов не забывайте указывать безопасный шрифт после выбранного. Пока браузер загружает ваш шрифт, текст будет отображен безопасным, и если его не указать, текст просто не будет виден какое-то время. Безопасные шрифты — это те, которые отображаются в любом браузере, на любом устройстве и в любом почтовом клиенте: Times New Roman, Arial, Verdana и другие. Полный список и инструкция по использованию есть в статье, приведенной ниже.

Статья по теме: «Выбираем шрифты для письма: стильные, уместные, безопасные».

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

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

Сжатие кода и скорость загрузки сайта

Все готовые файлы для сайта нужно обработать:

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

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

Вот какие сервисы и инструменты можно использовать:

Скорость загрузки сайта: что стоит запомнить

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

Скорость загрузки сайта зависит от нескольких факторов:

  • Архитектура инфраструктуры — хостинг, CDN, CMS.
  • Оптимизация кода — HTML, JS и CSS.
  • Оптимизация контента — изображений, видео и шрифтов.

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

Скорость хостинга — 5 способов проверить


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

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

Что и почему следует проверить на хостинге сайта

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

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

Какую скорость можно считать хорошей?

  • Сайт, который загружается в течение 2 секунд, считается быстрым.
  • Если сайт загружается менее 1,5 секунды, он считается очень быстрым.

Обратите внимание – загрузка всех скриптов и форм на сайте может происходить дольше (на многих сайтах полная загрузка страницы занимает более 10 секунд), но визуально сайт должен предоставить необходимую информацию в течение 1,5-2 секунд. Например, вот что увидит посетитель нашего сайта уже через секунду:

Чтобы проверить Ваш сайт – в Google Chrome нажмите F12, переключитесь на вкладку «Network» и обновите страницу (сочетание клавиш Ctrl+F5). Через желаемый интервал времени (например, 1-3 секунды) нажмите Ctrl+E – это остановит загрузку сайта.

Нужно стремиться к лучшему показателю для сайта, независимо от его размера. Подсчитано, что в поисковой системе Google увеличение времени загрузки страницы с 0,4 до 0,9 секунд приводит к снижению трафика и доходов от рекламы на 20%. А на торговой площадке Amazon каждые 100 миллисекунд увеличения времени загрузки снижают объем продаж на 1%.

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

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

Онлайн-сервисы — 5 сервисов для проверки скорости

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

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

pr-cy.ru — проверяем скорость работы хостинга

http://pr-cy.ru/speed_test/ Сервис с простым функционалом, который измеряет скорость загрузки сайта и выдает результат в процентах. Помимо замера скорости, приводятся рекомендации по улучшению сайта.

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

host-tracker.com — поможет измерить скорость загрузки из разных точек мира

Сервис http://www.host-tracker.com/ способен замерить время загрузки сайта из разных точек земного шара, поэтому подойдет для ресурсов, рассчитанных на иностранную аудиторию.

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

whoishostingthis.com

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

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

Google Page Speed Insights

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

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

network-tools.com

Для работы сервиса необходимо указать IP-адрес или имя хоста. Сервис позволяет определить ответ сервера (пинг), скорость пинга, проследить маршрут до целевого компьютера. При указании доменного имени можно проверить регистрационную запись для него в реестре. Предусмотрено также поле для проверки существования email-адреса.

Если скорость загрузки низкая

Что делать, если онлайн-сервисы показывают проблемы с загрузкой страницы? Для начала оцените тип вашего сайта. Например, для крупного портала с преимущественно поисковым трафиком время загрузки главной страницы не критично, поскольку 80% поисковых запросов ведут сразу на целевые страницы, а главная «весит» много из-за обилия информации и рекламы. В то же время для сайта-одностраничника очень важна скорость загрузки единственной страницы.

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

  • оцените работу внешних скриптов;
  • используйте кэш браузера;
  • объедините внешние файлы стилей;
  • сведите к минимуму DNS-запросы;
  • удалите запросы из статических страниц;
  • используйте кеширование страниц;
  • минимизируйте переадресацию страниц.

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

iPipe – надёжный хостинг-провайдер с опытом работы более 15 лет.

Мы предлагаем:

Скорость загрузки сайта — это важно!

Скорость загрузки сайта — это важно!

30.11.2021 (11:44)

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

Проблемы при низкой скорости

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

  1. Чем медленнее сайт, тем чаще пользователи покидают его в поисках альтернативы, так и не дождавшись окончательной загрузки страницы. Согласно исследованиям Google, 53% пользователей закроют сайт, если он будет загружаться дольше 3 секунд, и с каждой дополнительной секундой количество ушедших с вашего сайта будет расти.
  2. Поисковые системы Google и Яндекс не выводят в топ выдачи сайты, страницы которых грузятся медленно. Уход посетителей со страницы сайта анализируется поисковыми системами, которые фиксируют факт быстрого ухода и опускают сайт на нижние строки в результатах поиска.

Практика показывает, что пользователи готовы подождать, пока откроется сайт только если это:

  • знакомый сайт;
  • социальные сети;
  • сайты государственных организаций.

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

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

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

Для прохождения теста достаточно вставить адрес страницы, которую нужно проверить, и нажать на кнопку “Анализировать”.

Итогом проверки станут баллы, которые Google использует для оценки скорости загрузки страницы. Для большего удобства они разделены на зоны по цвету:

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

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

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

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

Неудивительно, что PageSpeed Insights пользуется большой популярностью, и под “скоростью загрузки сайта” SEO-специалисты обычно имеют в виду именно GPSI.

Также вы можете воспользоваться следующими сервисами:

  1. Яндекс. Метрика — бесплатный сервис, собирающий большой объем статистики о вашем сайте и действиях пользователей. В том числе там есть отчет, определяющий скорость загрузки сайта у реальных пользователей, что помогает выявить страницы, которые дольше всего грузятся.
  2. WebPageTest — бесплатный сервис, позволяющий измерить скорость загрузки сайта и определить множество параметров, характеризующих эту скорость. Поддерживает десятки географических точек для выполнения проверки, программы тестов для веб-браузера и мобильного телефона/планшета, другие функции. Благодаря возможности получения расширенной информации часто используется программистами.
  3. Pingdoom Tools — бесплатный сервис, способный измерять скорость загрузки в миллисекундах и оценивать сайт по 100-балльной шкале. Чтобы лучше понять, как быстро сайт будет загружаться в разных странах, для пользователей доступна функция выставления региона. По итогу проверки дает рекомендации по оптимизации скорости страницы.

Увеличение скорости загрузки сайта

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

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

  1. Использование быстрого хостинга. Хостинг, на котором размещен сайт, должен максимально быстро генерировать содержимое страниц ресурса и отправлять их пользователю. Перед арендой хостинга рекомендуется предварительно протестировать его. Например, можно посмотреть отзывы о виртуальных хостингах на сайте Hostings.info.
  2. Уменьшение размеров изображений. Визуал имеет большое значение для восприятия сайта, однако он способен снижать скорость его загрузки. Решить проблему поможет сжатие файлов. Чтобы качество изображений при этом не пострадало, нужно использовать специальные инструменты, например, compressor.io. Наиболее приемлемым вариантом расширения является JPG, хотя для графики с точными деталями рекомендуется использовать PNG-файлы.
  3. Сжатие мультимедийных файлов. Видео, загруженное через протокол передачи файлов (FTP) или редактор WordPress, занимает очень много места на севере и существенно влияет на скорость загрузки сайта. Рекомендуется “почистить” файлы, оставив только самые важные, которые следует сжать. В качестве компромисса видеофайлы можно разместить на сторонней платформе, например, на YouTube.
  4. Сокращение и объединение файлов CSS и JS. Обилие файлов CSS и JS, как и мультимедиа, замедляет загрузку сайта. Однако полностью обойтись без них нельзя: Java Script отвечают за анимацию на сайте, а CSS участвуют в оформлении элементов страницы. Необходимо удалить избыток файлов, а оставшиеся — уменьшить и объединить. Важно! Для правильной оптимизации файлов CSS и JS, вероятно, потребуется помощь программиста.
  5. Кэширование в браузере. Кэш — временное хранилище данных на жестком диске компьютера пользователя. Если элементы сохраняются, то браузер сможет загружать страницу без отправки дополнительного HTTP-запроса на сервер, тем самым увеличивая скорость загрузки сайта.
  6. Подключение CDN. Это географически распределённая сетевая инфраструктура, обеспечивающая быструю доставку контента пользователям веб-сервисов и сайтов. Когда пользователи делают запрос с вашего сайта, он направляется на ближайший к его физическому местоположению сервер. Благодаря этому на скорость загрузки сайта никак не будет влиять его географическое расположение.
  7. Не используйте на сайтах материалы размещенные на сторонних сервера и сайтах. Такие как изображения на файловых хостинга или ява скрипты, все это увеличивает загрузку сайта для пользователя. Сторонний сервер может вообще работыть с перебоями, что может вызвать ошибки уже на вашем сайте.

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

GTmetrix PRO Цены | GTmetrix

Что такое слот мониторинга?

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

Например, мониторинг следующего:

  • https://example.com (Ванкувер, Канада, Chrome, без ограничений)
  • https://пример.com (Сан-Антонио, Техас, США, имитация iPhone 6/6S/7/8, LTE)
  • https://example.com (Лондон, Великобритания, Chrome @ 1366×768, высокоскоростной широкополосный доступ)
  • https://anotherdomain.com (Сан-Антонио, США, Chrome @ 1366×768, высокоскоростной широкополосный доступ)

Требуются 4 слота для мониторинга.

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

Нужно больше слотов для мониторинга, чем предлагают наши планы? Создать Индивидуальный план PRO!

Сколько мне нужно контролируемых слотов?

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

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

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

С какой периодичностью я должен отслеживать свои страницы?

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

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

Прочтите нашу статью о том, как определить частоту мониторинга.

Что такое тест по требованию?

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

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

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

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

Ух ты! План GTmetrix Basic/Free имеет множество функций! Почему?

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

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

Конечно, если вам нужны дополнительные функции GTmetrix, такие как отслеживаемые слоты, Премиум-локации и/или мобильное тестирование, перейдите на PRO для полной Опыт GTmetrix!

У вас есть пробная версия?

Вы действительно можете получить представление о большинстве показателей GTmetrix. функциональность с нашей базовой (бесплатной) учетной записью.

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

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

Какие способы оплаты принимает GTmetrix?

Мы принимаем карты Visa, Mastercard, American Express, Discover, Diners Club и JCB.

Мы также можем принимать PayPal, банковские/банковские переводы, чеки и покупки. заказы, но поскольку мы обрабатываем эти платежи вручную, нам требуется минимум годового плана Champion.

Могу ли я изменить свой план с ежемесячного на годовой? (или наоборот)

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

Что делать, если я хочу повысить или понизить план в середине срока?

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

Что делать, если я хочу отменить свой план?

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

Вы предлагаете возмещение?

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

ресурсов | GTmetrix

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


Рекомендации

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

Подробнее о рекомендациях


Руководства и советы по оптимизации

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

  • Руководство по началу работы

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

    Прочтите наше руководство по началу работы
  • Руководство по оптимизации WordPress

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

    Прочтите наше руководство по оптимизации WordPress
  • Почему моя страница работает медленно?

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

    Узнайте, почему ваша страница работает медленно
  • Зачем использовать CDN?

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

    Узнайте, почему вам следует использовать CDN

Скорость сайта и рейтинг в поиске (Полное руководство)

Когда Google объявил, что скорость сайта повлияет на рейтинг в поиске, тысячи команд по всему миру приступили к работе.Каждый, задавая себе один и тот же вопрос: Как это повлияет на SEO моего сайта?

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

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

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

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

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

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

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

  • URL-адрес, который вы посещаете
  • Ваш IP-адрес
  • Тип вашего устройства (мобильное, планшетное или настольное)
  • Фактическая скорость вашего соединения: 2G, 3G или 4G (« эффективным» также можно заменить на «эквивалентный», т.е.g.: «эквивалент соединения 4G или лучше»)
  • Показатели скорости, относящиеся к различным аспектам взаимодействия с пользователем (например, максимальная отрисовка содержимого, время до первого байта, задержка первого ввода)

Google собирает эти данные с двумя оговорками:

  • Измерения не включают устройства iOS. Chrome на iOS не может отправлять измерения скорости, поскольку он использует движок браузера WebKit вместо Blink и усилия Apple по защите личных данных.
  • Ваши данные анонимны. Chrome использует RAPPOR для удаления личной информации (PII) перед ее доставкой на серверы Google.

Совет

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

После очистки данных о скорости от данных, позволяющих установить личность (PII), они сохраняются, объединяются и публикуются в виде отчета об опыте использования Chrome (также известного как CrUX).Затем набор данных CrUX используется алгоритмом поиска и ранжирования Google.

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

С точки зрения удобства страницы оцениваются по следующим параметрам:

  • Насколько страница удобна для мобильных устройств? (например, читаем ли текст? Достаточно ли велики кнопки, чтобы их можно было нажимать пальцем?)
  • Распространяет ли страница компьютерный вирус, вредоносное ПО или мошенничество?
  • Безопасен ли доступ к странице? (т.е.грамм. Использует ли он HTTPS/SSL? Соответствует ли сертификат рекомендациям и рекомендациям по шифрованию?)
  • Насколько удобен тот, кто переходит на эту страницу из Google?

Совет

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

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

Core Web Vitals — это набор общепризнанных показателей, описывающих различные аспекты взаимодействия с пользователем:

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

Google Chrome User Experience Report (CrUX) предоставляет бесплатный общедоступный доступ к агрегированным показателям скорости сайта, собранным от реальных пользователей Chrome в полевых условиях.

Знаете ли вы?

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

CrUX включает метрики Core Web Vitals с телефонов и настольных устройств на основе пользователей, посетивших ваш сайт в течение заданного месяца.

Core Web Vitals от Caliber в Google Data Studio.

Google предлагает несколько способов доступа к данным CrUX:

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

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

Чтобы избежать длительного цикла обратной связи, используйте синтетические инструменты (такие как Calibre, PageSpeed ​​Insights или Lighthouse) для тестирования страниц по мере разработки и развертывания работы.

Многие команды считают, что Google использует показатель производительности PageSpeed ​​для ранжирования вашего сайта. Это неверно. PageSpeed ​​Performance Score не имеет прямого отношения к вашему поисковому рейтингу (как и Lighthouse Performance Score).

Как уже говорилось ранее, Google оценивает скорость вашего сайта для ранжирования в поиске на основе данных реальных пользователей Chrome .

Использование таких инструментов, как PageSpeed ​​или Lighthouse, помогает понять, как работают ваши страницы. Важно отметить, что метрики, которые они возвращают, являются только сигналами: не произойдет немедленной потери сока Google, если ваш показатель производительности упадет с 90 до 85.

одно измерение быстро.

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


Google не использует Performance Score в качестве фактора ранжирования, так почему же вы?


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

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

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


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


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

  • Используйте Core Web Vitals в качестве ключевых показателей эффективности, о которых сообщают в компании.
  • Проверка скорости по всему спектру взаимодействия с пользователем с использованием эмуляции устройства, регулирования сети и других характеристик.
  • Следите за влиянием сторонних скриптов, инструментов и встраиваний.
  • Используйте бюджеты производительности, чтобы установить базовые ожидания или отслеживать прогресс в достижении целей скорости.
  • Создайте таблицу лидеров производительности, которая сравнивает ваши сайты с конкурентами.
  • Отслеживайте влияние вашей работы на скорость до ее выпуска (например, в запросах на слияние).
  • Сделайте данные мониторинга скорости доступными для вашей команды.

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

Бен Шварц

Бен является основателем и генеральным директором Calibre. Он использует свой опыт в далеко идущих проектах с открытым исходным кодом и веб-стандартах для создания инструментов для лучшего и более доступного Интернета. Найдите его в Twitter или LinkedIn.

Насколько надежен тест скорости мобильного сайта Google? || Инструменты SEO

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

Признаюсь, я использовал этот тест много раз. И это почти всегда показывает менее чем благоприятный результат. Сайты, на которые мы тратим время и деньги, похоже, плохо работают в категории скорости; лучший результат, который я когда-либо видел, был «средним». И это был результат, которым я всегда был доволен. Обычно под «средним» подразумевалось время загрузки менее 4,4 секунды в сети 3G.

Любой, у кого есть опыт веб-разработки, считает, что это чертовски хорошо для 3G — устаревшего, альтернативного Wi-Fi средства подключения к Интернету для мобильных устройств.

Буквально несколько дней назад Google обновил тест скорости мобильного сайта. И это не просто новый внешний вид, тест скорости мобильного сайта теперь сравнивает скорость вашего сайта в сетях 4G! Наконец, мы можем увидеть, насколько быстр наш сайт в более быстрых сетях. Теперь, когда AT&T анонсировала 5G, это означает, что нам нужно перейти к следующему шагу.

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

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

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

Итак, я проверил это на новом и улучшенном тестере скорости мобильного сайта Google и… как обычно получил плохой результат. Не снова! Дратс!

Подождите, это говорит то, что я думаю? Вон там, вы это видите?

Медленные сайты начинают загружаться через 2.5 секунд? КАКИЕ? Несколько коротких вопросов:

  • Простите?
  • Excusez-moi?
  • Имя?
  • Entschuldigung?
  • Пердан?
  • Правда?

Я имею в виду, честно говоря, как мы можем ожидать, что сайты будут работать быстрее, чем 3 секунды или даже быстрее, чем 2 секунды? Если они не подключены к телефонам по оптоволоконным линиям с 5G, питаемым межгалактическими энергиями и молитвами тысячи монахов, как, черт возьми, можно получить лучший результат? Если НАСА не работает над интернет-соединением, которое движется со скоростью света, то к чему мы здесь стремимся?

Я понимаю, нам всем нужно мечтать о большем, но сайт с любым контентом будет быстрее, чем 2.5 секунд?

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

Твиттер — в среднем

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

Facebook — слишком медленно

га, 2,9 секунды; что, мы движемся в условиях орегонской тропы здесь, Facebook? Слишком медленно, на мой вкус! Соберись, Цук.

Google Site Speed ​​Checker — слишком медленно

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

Google – Среднее

И самое приятное: Google, самый известный веб-сайт в чертовом мире, со всеми деньгами, ресурсами и мозгами, необходимыми практически для всего, имеет среднюю скорость . Google загружается почти целую секунду? У меня просто нет такого времени, Гугл.Мне нужно поговорить с Сергеем и Ларри. Я возмущен!

Что следует использовать вместо Google Mobile Site Speed ​​Test

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

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

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

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

Проверка производительности веб-сайта с помощью Google PageSpeed ​​

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

Google PageSpeed ​​— отличный инструмент для оценки производительности вашего сайта. Яху! уже давно предоставляет аналогичный инструмент под названием Y!Slow .Но в настоящее время инструмент Google стал де-факто методом тестирования производительности сайта.

Проверка скорости веб-сайта в Интернете

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

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

Расширение PageSpeed ​​для Chrome

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

Расширение

PageSpeed ​​работает в Chrome в сочетании с инструментами разработчика.После того, как вы установили расширение, оно появится в виде вкладки в инструментах разработчика.

Отчет подготовлен Google Page Speed ​​

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

  • Перейти на страницу для тестирования
  • Открыть панель инструментов разработчика (нажмите CTRL + SHIFT + I )
  • Теперь перейдите на вкладку PageSpeed ​​
  • Нажмите кнопку «Анализ»
  • PageSpeed ​​перезагрузит текущую страницу. По мере загрузки страницы PageSpeed ​​запускает правила для проверки производительности страницы
  • .
  • Отчет будет отображаться, как показано на изображении выше

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

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

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

Опубликовано 3 июня 2014 г.

Как быстро загружается ваш сайт?

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

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

Итак, приступим.

Как проверить скорость загрузки страницы в Google Webmaster Tools

  1. Войдите в Инструменты Google для веб-мастеров (GWMT)
  2. Подтвердите свой веб-сайт в GWMT (если вы еще этого не сделали)
  3. Нажмите на название своего сайта, чтобы просмотреть Панель управления сайтом
  4. Щелкните Сканирование с левой стороны Меню
  5. Нажмите Получить как Google

    Получить как Google

  6. Войдите на страницу, которую хотите протестировать, и нажмите красную кнопку Fetch
    1. Чтобы проверить свою главную страницу, оставьте текстовое поле пустым
  7. Пусть функция Fetch as Google обновится, и URL-адрес изменится с Pending на Complete

    В ожидании

    Полное сканирование

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

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

Приятного поиска в Google!

Google включает скорость сайта в поисковый рейтинг

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

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

На самом деле, если вы прочтете официальное сообщение в блоге, вы заметите, что в текущей реализации упоминается, что менее 1% из поисковых запросов изменятся в результате включения скорости сайта в наш рейтинг.Это означает, что затронуто еще меньше результатов поиска , поскольку средний поисковый запрос возвращает 10 или около того результатов поиска на каждой странице. Поэтому, пожалуйста, не беспокойтесь о том, что эффект от этого изменения будет огромным. На самом деле, я полагаю, что в официальном сообщении в блоге упоминалось: «Мы запустили это изменение несколько недель назад после тщательного тестирования». Тот факт, что не так уж много людей заметили это изменение, является еще одной причиной, по которой не стоит слишком сильно переживать по поводу этого изменения.

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

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

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

Я знаю, что это изменение понравится одним людям и не понравится другим. Позвольте мне еще раз подчеркнуть мнение оптимизаторов поисковых систем (SEO): SEO — это область, которая со временем меняется, и самые успешные оптимизаторы принимают изменения и превращают их в возможности.SEO-специалисты в 1999 году не думали о социальных сетях, но в 2010 году в этой области явно происходит много интересного. веб-сайта — это то, что легко измерить и контролировать. Рейтинг № 1 не всегда может быть достижим, но большинство веб-сайтов можно сделать заметно быстрее, что может повысить рентабельность инвестиций и коэффициенты конверсии. В этом смысле это изменение представляет собой возможность для SEO-специалистов и разработчиков, которые могут помочь другим веб-сайтам повысить их скорость.

Я знаю, что об этом изменении будет много дискуссий, и некоторым оно не понравится. Но я рад, что Google делает этот шаг, как ради прозрачности (позволяя веб-мастерам узнать больше о том, как добиться большего в Google), так и потому, что я думаю, что это изменение сделает Интернет лучше. Мои сообщения на вынос были бы тройными: сначала , на самом деле это относительно небольшое изменение, так что вам не нужно паниковать. Second , ускорение вашего сайта — это вообще отличная вещь.Посетители вашего сайта будут счастливее (и могут больше конвертировать или больше использовать ваш сайт), а более быстрый Интернет будет лучше для всех. Третье , это изменение подчеркивает, что есть очень конструктивные вещи, которые могут напрямую улучшить пользовательский интерфейс вашего сайта. Вместо того, чтобы тратить время на метатеги ключевых слов, вы можете сосредоточиться на нескольких очень простых, простых, небольших шагах, которые действительно могут улучшить восприятие вашего сайта пользователями.

.

Leave a Reply