Гугл скорость работы сайта: Sorry, this page can’t be found.

Содержание

Чем проверить скорость загрузки сайта — 8 лучших инструментов


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


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


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


Дальше — разбираем особенности каждого из этих инструментов.

  1. Google PageSpeed Insights


Google PageSpeed Insights — официальный инструмент от Гугл для проверки скорости загрузки сайта. Один из самых используемых среди веб-мастеров и SEO-оптимизаторов.


В 2018 году этот сервис глобально обновился. Новый интерфейс выглядит так:


Возможности и функции сервиса также изменились.

  • Повысились планки метрик: быстрой веб-площадкой теперь может считаться та, которая получает показатель от 90 до 100 баллов. Раньше для максимальной оценки достаточно было 80.


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

  • Появился отчет «Данные наблюдений»: он будет доступен, если по сайту достаточно статистических данных. Похожий отчет в этом сервисе был и раньше, от него осталась одна из характеристик по источнику — «Первая отрисовка контента», которая оценивает время до того момента, когда на экране пользователя появляется контент страницы. Новая метрика здесь — «Первая задержка ввода»: она отображает время между первым взаимодействием пользователя с веб-ресурсом и ответом страницы на это действие.
  • Новый раздел «Имитация загрузки страницы»: сервис имитирует загрузку страницы в условиях 3G и оценивает ряд параметров. Эти параметры принципиально меняют оценку сайта:

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

  • Разделы «Оптимизация» и «Диагностика»: перечень работ, которые сервис предлагает провести на сайте, чтобы улучшить показатели.


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


Сложно не прислушиваться к тому,

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


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

  1. Pingdom Tools


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


Сервис оценивает скорость загрузки в миллисекундах и дает общие рекомендации.


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


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


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

  1. Gtmetrix.com


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


Тестовый запрос производится из канадского Ванкувера.


Фишки сервиса: хранит историю (можно сравнить, что стало лучше или хуже) и включает в себя анализ Google PageSpeed Insights и YSlow. Предлагает соответствующие рекомендации по разным типам ошибок (редиректы, оптимизация изображений, использование JavaScript и HTML и другие).


Есть платная версия с бо́льшим количеством функций и расширений.

  1. Uptrends.com


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


Так же, как и Gtmetrix, показывает в том числе оценку от Google PageSpeed Insights:


Анализирует содержимое веб-ресурса и отображает сведения в виде графиков и таблиц:

  1. PR-CY


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


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


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

  1. Web Page Test


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


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


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

  1. Sitespeed


Второй (и последний) русскоязычный сервис, позволяющий проверить скорость загрузки сайта и оценить его доступность:


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


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

  1. Load Impact


Завершает хит-парад хардкорный Load Impact — один из самых требовательных сервисов проверки скорости загрузки веб-ресурса. Тест этого сервиса по сути проводится по принципу DDOS-атаки. На сайт производится симуляция больше сотни активных соединений и несколько десятков обращений от пользователей.


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


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


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

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


О чем статья?


●      Как вес контента и хостинг влияют на скорость загрузки;


●      Какими инструментами можно измерить скорость работы сайта;


●      Что нужно сделать, чтобы ее повысить.


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


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


Оптимальное время загрузки — 2-3 сек. Идеальное — время реакции пользователя, то есть, 0,5 сек. Однако для высоконагруженных веб-приложений оптимальная скорость может отличаться. В таких случаях нужно провести проверку скорости и высчитать среднее время загрузки сайтов конкурентов и ориентироваться на него.

Что влияет на скорость 


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

  • Откройте страницу через Google Chrome, 
  • Зайдите в инструменты разработчика с помощью кнопки F12 
  • Перейдите на вкладку Networks
  • Отключите кэш (disable cache) и посмотрите значение в нижнем левом углу. 

В нашем случае это 1,0 Mb, transferred



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



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


В примере видим, что для кабельного соединения тестируемый ресурс может весить еще больше, чем сейчас. Для мобильного интернета 3G (780 кб/сек) он должен быть не более 192 kb, иначе скорость загрузки составит 4,17 сек.




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

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


Google Page Speed Insights. Один из самых популярных SEO-инструментов для анализа сайтов. Он может определить скорость загрузки десктопной и мобильной версий и дать рекомендации по ее увеличению. Он показывает, как быстро страница загружалась у реальных пользователей, а также по итогам имитации с помощью инструмента Lighthouse. Поисковик считает быстрым тот ресурс, который получил 90-100 баллов.



Page Speed Insights измеряет скорость загрузки сайта по шести параметрам.


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


  • Индекс скорости загрузки – т.е. скорость появления контента на странице.


  • Отрисовка крупного контента – время, которое требуется на отрисовку большого блока текста или изображения.


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


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

  • Совокупное смещение макета – процент, на который смещаются при загрузке видимые элементы области. 



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



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


SpeedTest.me. Сервис, который показывает, как загружается сайт в разных регионах мира. В нашем примере скорость загрузки в России составила 2,16 сек. 



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


В примере мы рассчитали следующие показатели: 

  • Page size (размер страницы) — 909,8 Кб; 
  • Load time (время загрузки) — 2,55 сек.; 
  • Requests (количество запросов) — 71; 
  • Faster than (доля сайтов, которые медленнее тестируемого) — 60%; 
  • Performance grade (уровни производительности) — 69. 


Если performance grade меньше 100, ищите и устраняйте проблему. Что-то «съедает» производительность. 


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



Есть аналитика распределения ссылок и размера файлов. 



WebPageTest.  Здесь для проверки нужно выбрать локацию и браузер. В примере локация — Амстердам, браузер — Google Chrome. Сервис делает три проверки скорости. Он показывает время загрузки первого варианта страницы — то, что сразу увидит пользователь, и время полной загрузки сайта. В примере 3,544 сек и 3,692 сек соответственно. 



Процентное соотношение размеров и запросов между системами сайта:


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


  • Уменьшите количество запросов. На запросы и ответы уходит время. Сократив их количество, мы увеличим скорость работы сайта. Для этого загружайте все файлы, которые возможно, статично без использования запросов к базе данных. Дополнительно объедините CSS и JS в отдельные файлы. В этом помогут плагины Gulp, Grunt, WebPack. 


  • Оптимизируйте CSS и JavaScript. На скорость загрузки сайта сильно влияет размер и количество CSS и JS файлов, поэтому сожмите их с помощью онлайн-инструментов CSS Minifier и CSS Compressor для CSS; и JS Minifier и JavaScript Compression Tool для JS. Поместите скрипты JS в самый конец кода перед закрывающим тегом . 


  • Оптимизируйте изображения. Фотографии обычно занимают основную долю в размере файла. Сожмите их в формате png, jpg, svg с помощью инструментов Kraken.io и TinyPNG. С помощью сервисов iconizr для svg и css.spritegen.com для png, gif, jpeg объедините все иконки в спрайт. Не размещайте на сайте фотографии большего размера, чем необходимо.    


  • Используйте технологии для мгновенной загрузки контента. В Яндексе — это Турбо-страницы, в Google — Accelerated Mobile Pages. Технологии позволяют создать легкие версии страниц, которые весят в десять раз меньше. Это помогает быстро загружать страницы, в том числе и на мобильных устройствах.

Шпаргалка 


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


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


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


  • Проверьте скорости загрузки. Проверка производится с помощью специальных сервисов: SpeedTest.me, ToolsPingdom.com, WebPageTest. Они подсчитают, за сколько времени загрузился сайт, количество запросов, размеры, уровни производительности, распределение ресурсов по весу и запросам. 


  • Улучшайте скорость. Сократите количество запросов, по которым обращаются к серверу. Для этого объедините CSS в один файл и скрипты JS тоже в отдельный файл. Оптимизируйте их через инструменты CSS Minifier, CSS Compressor для CSS, и JS Minifier и JavaScript Compression Tool для JavaScript. Размещайте js скрипты перед закрывающим тегом . 


  • Оптимизируйте изображения. Делайте из иконок спрайты, сжимайте и оптимизируйте фотографии с помощью Kraken.io и TinyPNG. Используйте фотографии только требуемого размера. 


  • Настройте Турбо-страницы от Яндекс и AMP от Google для загрузки легкой версии страниц.

Материал подготовила Светлана Сирвида-Льорентэ.

13 лучших инструментов – Блог TRINET

Зачем увеличивать скорость сайта?

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

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

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

Что важно измерять и какие инструменты для этого нужны:

Оценка от Google — формальный параметр оценки скорости загрузки сайта в пожалуй самом популярном сервисе PageSpeed Insights. Многие другие сервисы работают по тому же принципу и мало чем друг от друга отличаются, например: Seolik.ru, Pr-cy.ru, Uptrends, Pingdom Tools. Наиболее информативным из всех на наш взгляд является Gtmetrix. Все эти сервисы дают советы и рекомендации по улучшению сайта, чтобы он загружался быстрее.

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

Для проверки времени ответа сервера можно использовать панель вебмастера Яндекс.

Порядок работы через Яндекс.Вебмастер:

  1. Заходим в систему https://webmaster.yandex.ru/
  2. Нажимаем “Инструменты” в правом верхнем углу
  3. Переходим “Проверка ответа сервера” https://webmaster.yandex.ru/tools/server-response/
  4. Проверяем время ответа сервера в миллисекундах

Хорошим ответом является менее 1000 мс, что равнозначно 1 сек.

Порядок работы через Google Chrome

  1. Заходим в браузер
  2. Переходим на страницу, на которой хотим измерить скорость ответа сервера
  3. Нажимаем правой кнопкой мыши
  4. Выбираем пункт “Посмотреть код”
  5. В открывшемся окне выбираем вкладку “Network”
  6. Нажимаем кнопку Ctrl+F5
  7. Chrome показывает на диаграмме Ганта, как загружаются все части сайта.

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

Время до отрисовки — это время от перехода на страницу до начала появления страницы в браузере. Именно этот параметр воспринимается пользователями, как скорость сайта. Есть сервисы, которые могут показать отрисовку сайта по секундам, например: WebPagetest, Dareboost.

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

Время полной загрузки (время до загрузки DOM) — это время, за которое загрузился весь контент страницы — картинки, скрипты, CSS, и т. п.

Для больших международных сайтов важна скорость загрузки из разных точек мира, а не одной локальной страны. Для этого можно воспользоваться следующими сервисами: Sitespeed.me — 7 точек, GiftofSpeed — 8 точек, Dotcom-Monitor — 25 точек (тестирует скорость загрузки при первом визите и при повторном).

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

Проверка скорости по отчетам из веб-аналитики

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

Проверка скорости через сервис Яндекс.Метрика

Для этого нужно:

  1. Зайти в Метрику
  2. Выбрать интересующий сайт
  3. Нажать: Отчёты — Стандартные отчёты — Мониторинг — Время загрузки страниц.

Какую полезную статистику можно получить из этих данных?

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

Проверка скорости через сервис Google Analytics

  1. Зайти в Analytics
  2. Выбрать нужный сайт
  3. Нажать Отчеты — Поведение — Скорость загрузки сайта

Как использовать полученную информацию и как увеличить скорость загрузки сайта?

Время ответа сервера

Для уменьшения времени ответа сервера рекомендуем сделать следующие действия:

  1. Выбрать надежного хостера с мощными серверами и хорошим каналом связи;
  2. Арендовать выделенный сервер;
  3. Использовать кэширование страниц;
  4. Оптимизировать базы данных;
  5. Использовать кэширование скриптов;
  6. Не используйте обращения к сторонним серверам.

Кеширование

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

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

Картинки

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

Google PageSpeed Insights рекомендует использовать формат изображений WebP. Но такой формат не поддерживается сервисом Яндекс.Картинки. Если у вас тематика, связанная с большим трафиком из Яндекс.Картинок, мы рекомендуем использовать PNG и JPG. Их нужно максимально сжать без потери качества.

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

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

Скрипты и CSS

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

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

2. Соединить CSS в один файл, также для уменьшения количества потоков.

3. Google PageSpeed Insights также порекомендует свести скрипты в один файл, но это практически невозможно.

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

Обычная загрузка

Асинхронная загрузка

Отложенная загрузка

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

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

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

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

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

На позиции в Google использование турбо-страниц никак не влияет.

Значок отображает турбо страницу

Пример турбо для интернет-магазина

С AMP страницами немного другая картина. Технология AMP создана независимыми разработчиками и активно продвигается в Гугле. Эта технология улучшит скорость загрузки и ранжирование страниц именно в Google. Для некоторых CMS (например WordPress) есть плагины, которые могут автоматически формировать AMP страницы в других случаях придется прибегнуть к помощи разработчиков.

Итог

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

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

Меня зовут Андрей Даценко. Я – руководитель студии WEB ROOM и проекта Web Speed Agency.

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

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

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

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

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

Итак, давайте начнем сначала.

Для чего нам нужно ускорять сайт?

  1. Улучшение позиций.
  2. Снижение нагрузки на сервер.
  3. Улучшение конверсии.

Прошу обратить внимание, что в этом списке нет пункта «получение высокой оценки от Google PageSpeed», поскольку сама по себе оценка сервиса абсолютно ни на что не влияет.

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

Для начала я бы разбил их на две группы:

Процессы, которые обрабатывает сервер и процессы, которые обрабатывает браузер.

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

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

Итак, что нужно ускорить, чтобы поднять позиции?

На американском seo-шном портале moz.com опубликованы результаты исследований на эту тему. В ходе исследования проверяли 100 000 страниц по 2 000 запросов.
Кстати, что примечательно – там выложены все исходные данные эксперимента, которые каждый может скачать и перепроверить.

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

Так, при уменьшении времени ответа сервера на 400 миллисекунд мы наблюдали рост видимости сайта на 500-800%. Для тех, кто не знает, уточню, что в одной секунде 1000 мс, так что 400 миллисекунд – это 0,4 секунды.

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

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

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

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

Если у вас сайт на хостинге, то из-за колебаний нагрузки на сервер показатель времени ответа сервера может значительно колебаться. Сделайте много замеров и осредните показатель. Обращаю внимание на то, что PageSpeed Insights кеширует (то есть, запоминает) результат на 30 секунд, потому делайте замеры с интервалом более 30 секунд.

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

Также время ответа сервера можно замерять инструментами браузера. Нажмите на клавиатуре Ctrl+Shift+I или откройте инструменты разработчика другим способом, перейдите во вкладку «Сеть» и обновите страницу с очисткой кэша браузера. Там Вы увидите время загрузки html файла.

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

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

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

Чтобы ответить на этот вопрос, нужно посмотреть на проблему с разных сторон.

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

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

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

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

Что можно считать нормой?

У каждого движка свои особенности производительности. Одни быстрее, другие медленнее сами по себе. Но их показатели можно осреднить. Я лично проводил небольшое исследование. Я проверял время ответа сервера для сайтов в ТОП 100 выдачи Google более чем по 200 запросов.

Это позволило мне сделать вывод, что у сайтов, работающих на серийных движках, среднее время ответа сервера – 400-500 миллисекунд для обычных страниц и 600-800 для сложных страниц, как например, страница категории товаров в интернет-магазине. У сайтов, работающих на уникальных движках – 30-100 миллисекунд, практически без зависимости от типа страницы. Если Ваши показатели сильно превышают эти цифры, то эту проблему нужно срочно решать, и часто ускорение до средних показателей – процесс не супер-сложный.

Теперь перейдем к решению проблемы.

Давайте посмотрим, что нам рекомендует сделать PageSpeed по этому поводу.

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

Согласитесь, очень абстрактные рекомендации.

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

Причин, по которым время ответа сервера может расти, очень много:

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

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

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

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

Что из этого списка решить легко?

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

Часто несложно найти и устранить программные косяки.

Но все остальное требует серьезного вмешательства.

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

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

Мы подсоединяем к любому движку нашу платформу nekTech и передаем ей функцию отображения front-end.

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

Чистый nekTech грузится за 2-5 мс, в составе гибрида время ответа сервера составляет в среднем 17-40 мс.

Основная загвоздка с нашей методикой состоит в том, что она требует немалой работы по разделению верстки и программного кода. В результате, ускорение одного шаблона страницы (категория товара или карточка товара) стоит от 500 до 1300 USD и занимает от 2 недель до 2 месяцев.

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

Перейдем к вопросу снижения нагрузки на сервер.

Так получилось, что мы об этом уже все рассказали.

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

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

А если у Вас несколько серверов и Вы улучшите время ответа сервера, то сможете уменьшить их количество.

Идем дальше. Как скорость работы сайта влияет на конверсию?

На самом деле, мы не знаем. Знаем только то, что она влияет.

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

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

Я изучал много таких кейсов и личный опыт и могу осреднить зависимость в такой показатель: конверсия увеличивается на 10% при ускорении загрузки сайта на 1 секунду. Осенью 2016 года я общался с представителем Google и он поделился своей официальной статистикой, которая говорит, что за каждую лишнюю секунду загрузки сайта Вы теряете 7% конверсии.

Как Вы понимаете, параметр «время ответа сервера» не сильно влияет на конверсию, если учесть, что в среднем, без глобального вмешательства, получается выиграть только 100-150 мс, то есть около 0,1 секунды.

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

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

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

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

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

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

Разбирая эти проблемы, я бы хотел обращать Ваше внимание на замечания PageSpeed и на рекомендации, которые он дает.

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

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

Мы видим чудовищную оценку: 16/100

И первое замечание: оптимизировать изображения. PageSpeed нам говорит, что после оптимизации изображений мы сократим их объем на 3,3 Мб.

Теперь давайте разберемся, что нам даст это по скорости.

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

Средняя скорость передачи нашего 3G – 30 Мб/с , 1 Мбит = 124 Кбайт.

Выходит, что за секунду на мобильное устройство может загрузиться 3750 Кбайт или 3,7 Мбайт.

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

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

Как мы можем оптимизировать изображения?

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

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

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

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

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

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

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

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

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

Далее в PageSpeed мы видим рекомендацию использовать кэш браузера.

Для тех, кто не знает смысла этой рекомендации, поясню.

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

Но, чтобы снять замечание PageSpeed, кеширование не просто должно быть включено, срок кэширования должен быть не менее 30 дней (то есть, 2 592 000 секунд).

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

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

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

Следующее замечание: Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы.

Это замечание мы будем видеть всегда, когда мы будем подключать JavaScript и CSS в теге head, что, кстати, предусмотрено техническими требованиями html для корректного отображения страницы.

Начнем с JavaScript.

Что нам рекомендует PageSpeed?

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

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

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

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

Потому, мы рекомендуем игнорировать это замечание.

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

Рекомендация об использовании GZip-сжатия.

Что такое GZip и чем он может нам помочь?

Полагаю, Вы знаете, что такое архивация? GZip – это архивация файлов на лету, на стороне сервера, и распаковка их также на лету, на Вашей стороне, в браузере.

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

К примеру, если Вы видите в замечаниях PageSpeed файл css или js размером 100 Кб, то передаваться, на самом деле, будет около 10 Кб.

Использование GZip на сайтах является стандартной общепринятой практикой.

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

Рекомендации по сокращению JavaScript, css и html.

Что подразумевается под сокращением? Удаление лишних отступов, пробелов и переносов строк.

Самое интересное, что принимать решение о том, что лишнее, а что нет, будете не Вы, а PageSpeed.

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

  1. В нашем примере нам предлагают сократить JavaScritp и CSS. И если мы их сократим, то по объему файлов мы сэкономим 16,7 Кб. Теперь давайте прикинем, сколько это по времени загрузки. 16,7 – наш сэкономленный объем, разделим на 3750 Кб, которые могут загрузиться за одну секунду через 3G. Получим 0,004 секунды. И это мы ещё не учли сжатие. Это мало что изменит в жизни Вашего сайта и бизнеса.
  2. Мы же подключаем Gzip-сжатие, которое делает эту оптимизацию на лету. Получается, что в этом нет смысла.

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

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

Так, если мы приводим в пример файл размером 100 Кб и говорим, что это – ерунда, то если у Вас таких файлов – 20, то это уже проблема.

Надеемся, что информация была для Вас полезной и интересной.

Как увеличить скорость загрузки сайта на «Битрикс» — пошаговая инструкция и тест

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

Итак, давайте примем за данность три факта:

  1. Скорость загрузки страниц сайта влияет на его конверсию и лояльность пользователей.

  2. «Быстрые» сайты удобны для просмотра и совершения покупок с мобильных устройств — доля мобильного трафика растет с каждым днем.

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

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

Рассуждения о том, насколько сильно влияет, оставим для отдельной статьи с кейсами и результатами экспериментов. Сегодня о том, как правильно измерять скорость загрузки, и какие шаги помогут ускорить сайт на «Битрикс».

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

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

1. Сервис Pingdom (pingdom.com)

Работает в трех режимах:

  • Для разовой экспресс-проверки удобно использовать инструмент https://tools.pingdom.com/. С его помощью вы можете узнать точную скорость загрузки сайта в секундах, оценку сайта в баллах по PageSpeed Insights, вес страницы, а также посмотреть развернутый отчет по техническим параметрам.

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

  • Real User Monitoring Reports (RUM) — агрегированная информация о скорости загрузки всех страниц сайта у реальных пользователей. Для использования требуется установка на сайт JavaScript кода. Вы получаете подробный отчет о скорости загрузки страниц с сегментацией по регионам пользователей, браузерам, устройствам (mobile/desktop/tablet), а также информацию о распределении времени по этапам загрузки — сетевые запросы, ответ сервера, загрузка статики.

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

2. Проверка от Google PageSpeed Insights

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

  • сжатие изображений,

  • объем JS кода,

  • время ответа сервера и другие.

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

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

  • используйте кеширование,

  • избавьтесь от лишнего кода или сожмите его,

  • заставьте сервер отвечать быстрее,

  • уменьшите «вес» изображений.

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

3. Для сайтов на «Битрикс» — сервис «Скорость сайта»

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

Нормальные показатели загрузки сайта

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

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

Сервис Нормальный показатель загрузки страницы для небольших сайтов Нормальный показатель загрузки страницы для сложных интернет-магазинов
Pingdom RUM 1,5-3 с 3-4 с
PageSpeed Insights от 80 баллов
Сервис «Скорость сайта» в Битрикс до 1 с до 2 с

Таблица 1. Целевые показатели скорости загрузки сайта по разным сервисам

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

Детальный аудит

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

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

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

Скорость загрузки сайта складывается из двух показателей:

  • скорость генерации страниц сервером;

  • скорость загрузки и отрисовки страниц и всего контента на них браузером.

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

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

Сначала специалист проверяет сайт с помощью сервиса PageSpeed Insights.

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

  • скорость генерации страниц сервером,

  • структура html-кода,

  • размер изображений,

  • размер css файлов и т.д.

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

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

Станислав Мозгель


Директор по развитию, руководитель технического отдела

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

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

Как ускорить сайт на Bitrix?

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

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

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

  1. Оптимизировать изображения — 0,5-4 +1-6 часов работы.


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


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


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


  2. Сократить время ответа сервера — 10-16 часов.


    Именно в этом блоке работ исправляются ошибки, допущенные при планировании структуры данных и в процессе программирования.


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


    Этот блок прорабатывают в два этапа:


    1. Технический аудит, составление рекомендаций — 10-16 часов.

    2. Внедрение рекомендаций и рефакторинг — 12-24 часа.

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


    Бывают, конечно, особо запущенные случаи или просто очень большие проекты, когда нужно вложить больше 40 часов, но это скорее исключение.


  3. Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы — от 0,5 ч.


    • Удалите JavaScript.


      В настройках главного модуля «Битрикс» есть галочка «Переместить весь Javascript в конец страницы». Она перемещает вниз страницы все JS из шаблона сайта, что частично решает вопрос. Включается за 2 минуты. Но бывают случаи, когда это приводит к поломке JS плагинов или обработчиков, приходится разбираться и вручную исправлять коллизии, тогда решение задачи может занять больше времени.


    • Удалите CSS.


      При стандартном подключении стилей в «Битрикс» их нельзя переместить вниз, они всегда подключаются вначале страницы. Если подключать скрипты нестандартно, то теряются другие преимущества, такие как объединение/сжатие стилей и размещение стилей в CDN. И то и другое влияет на скорость загрузки страницы больше, чем перемещение стилей вниз страницы.


  4. Сократите CSS — 0,5-1 час.


    Для сжатия CSS можно использовать эти инструменты: https://developers.google.com/speed/docs/insights/MinifyResources.


    Также в настройках главного модуля «Битрикс» есть галочка «Объединять CSS файлы», которая склеит несколько CSS файлов в один.


  5. Сократите JavaScript — 0,5-1 час.


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


    Также нужно включить галочку «Объединять JS файлы» в настройках главного модуля — она склеивает все js-скрипты в один файл.


  6. Включите сжатие — 0,5 ч.


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


  7. Используйте кеш браузера — 1-2 часа.


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


    Оптимизация по пункту 6 и 7 актуальна только для локальных ресурсов.


  8. Оптимизируйте загрузку видимого контента.


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


  9. Сократите HTML.


    В этот пункт входит сокращение CSS и JS, о которых сказано выше. Чтобы сократить сам HTML код, необходимо переработать верстку шаблонов, если это возможно.

Дополнительные возможности «Битрикса»

Если продолжать разговор о «Битриксе», то в ходе комплексной работы над ускорением сайта нужно обязательно обратить внимание на следующие технологии, предлагаемые CMS:

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

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

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

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

Подробнее об услуге технического сопровождения сайтов и вариантах оплаты: https://www.directline.pro/web-razrabotka/support/

Core Web Vitals — Новый алгоритм от Google

Опять они за свое, подумаете вы и будете правы. Сегодня мы также поговорим о важности скорости загрузки, которая сегодня актуальна, как никогда. И советуем вам заранее подготовить свои сайты до максимального ускорения. Уже совсем скоро появится он — Core Web Vitals. Что же это за новую штуку придумал Google? Давайте разбираться в этом вместе.

Core Web Vitals

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

Поэтому Google неспроста решил взяться за проверку скорости. Согласно исследованиям, если ресурс будет отвечать пороговым значением Core Web Vitals пользователи будут меньше покидать сайт на целых 24%. И неважно — у вас лендинг или интернет-магазин, все мы хотим увеличить трафик и конверсию сайта. Но если он «висит», сами понимаете — кина не будет.

Итак, начнем с того, что 47% пользователей ожидают загрузки страницы до 2 секунд. Согласно отчету Google, если время загрузки увеличивается с 1 до 3 секунд — количество отказов увеличивается на 32%. При увеличении от 1 до 6 секунд — на целых 106%.

Скорость загрузки и ее влияние на эффективность работы сайта

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

  1. На 70% меньше находятся пользователи на медленных сайтах. Они купят меньше товаров, прочитают меньше информации, пересмотрят меньше рекламы.
  2. 1 секунда «провисания» будет стоить вам 7% потери конверсии.
  3. 79% недовольных скоростью сайта клиентов не зайдут на него повторно. Более того, около 44% поделятся своим негативным опытом с другими.
  4. 2 и более секунды задержки во время транзакции сократит количество покупок до 87%. Эта цифра просто поражает. Сейчас интернет-магазины начнут подсчитывать убытки.
  5. Скорость загрузки на мобильной версии более 5 секунд вдвое уменьшает прибыль от мобильной рекламы. А половина мирового трафика приходится на смартфоны.
  6. Медленные сайты получают меньшую прибыль, это касается всех видов сайтов. Речь идет об рейтинге среди рекламодателей. На быстрых ресурсах просматривают на 25% больше рекламы. Вот вам и большая прибыль, даже если ваш сайт сам по себе ничего не продает.
  7. Не забывайте о репутационных потерях. Медленные сайты не вызывают доверие, их не выбирают. Тогда как быстрые сайты до 52% повышают лояльность пользователей.
  8. Неэффективен маркетинг. Если тратите значительные средства на продвижение сайта, но за счет медленной скорости страницу не посещают, то это деньги на ветер. Лучше потратьте их на оптимизацию сайта.

Как видите, появление Core Web Vitals не просто очередное обновление Google, а очевидная необходимость.

Основные показатели Core Web Vitals

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

  • Largest Contentful Paint (LCP) — определяет скорость загрузки страницы и ее крупных визуальных элементов. Это может быть баннер, видео или большой текстовый блок. Хорошо — до 2,5с. Критическое значение — более 4с.
  • First Input Delay (FID) — измеряет интерактивность сайта, то есть насколько быстро он становится доступным к взаимодействию после загрузки. Желательным будет показатель до 100мс. Более 300мс — это плохо для сайта.
  • Cumulative Layout Shift (CLS) — показывает скорость визуальной стабилизации, то есть насколько быстро все становится на свои места. Вы, наверное, замечали после открытия страницы смещение макета. Сайтe требуется время, чтобы «прийти в себя». Так вот, идеальным будет показатель меньше 0,1 с. Более 0,25 — это очень плохо.

Если у пользователя будут проблемы хотя бы с одним из этих пунктов, Core Web Vitals однозначно занесет вас в свой black list. С каждым таким негативным опытом сайт опускаться все ниже по рейтингу выдачи результатов.

Как измерить показатели

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

  • Pingdom Tools
  • PageSpeed Insights
  • GTmetrix.com
  • Loadimpact.com (данный сервис проверит еще и скорость в период большой нагрузки на сайт)

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

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

  • Уменьшите размер всех элементов страницы. Только без фанатизма, иначе испортите качество картинки.
  • Сократите количество обращений пользователя к базе данных. Квалифицированный программист поймет, о чем речь.
  • Используйте сжатие данных (Gzip-скрипты).
  • Включите кэширования. Это позволит ускорить доступ к веб-страницам, которые пользователь посещал ранее.
  • Меньше редиректов. Не водите хороводы с пользователем по сайту, ему это не понравится.
  • Используйте быстрый и качественный хостинг.
  • Используйте CDN. Это позволит распределить контент между несколькими серверами, снижая количество маршрутизаторов между конечными файлами и пользователем.

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

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

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

Содержание статьи

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

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

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

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

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

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

Google PageSpeed Insights

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

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

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

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

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

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

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

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

Pingdom

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

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

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

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

Sitespeed.ru

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

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

GTMetrix

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

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

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

Что еще по этой теме

YSlow

YSlow анализирует веб-страницы и определяет, что идет не так по правилам Yahoo для высокопроизводительных сайтов. Это расширение, которое можно установить на популярные браузеры: Firefox, Chrome, Opera, Safari. Сервис бесплатный сервис и с открытым кодом.

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

 

WebPagetest

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

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

Хотите получить предложение от нас?

Начать сотрудничество

WebPage Analyzer

С WebPage Analyzer та же история, что и с остальными сервисами: вбиваете URL — получаете результат. Быстро и бесплатно, без SMM и регистрации.

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

 

mobiReady

Скорость загрузки мобильных версий — отдельный вопрос, о котором мы писали в статье «Как увеличить скорость загрузки сайта». Чтобы ее протестировать, существует сервис mobiReady — инструмент для мобильных веб-разработчиков, дизайнеров и маркетологов. Тесты основаны на стандартах W3C (Консорциума Всемирной паутины), руководствах Yahoo YSlow и Google.

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

Платить или регистрироваться в mobiReady не нужно.

Which loads faster?

Сервис whichloadsfaster.co полезен, если хотите сравнить свой сайт с конкурентами. Введите URL двух сайтов в поля на главной странице, жмите «Go!» и проверьте, кто победил. Там же указывается, сколько миллисекунд грузились страницы:

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

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

Смотрите также

 

(Visited 8 557 times, 15 visits today)

Loading…

Скорость сайта Google Analytics — как отслеживать и почему

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

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

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

Медленный сайт настолько вреден для посетителей, что Google начал добавлять его в качестве функции в свой алгоритм ранжирования веб-поиска в 2010 году, а недавно они объявили, что в июле 2018 года они увеличат скорость мобильного поиска.

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

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

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

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

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

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

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

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

Заключение

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

Как Google борется со скоростью загрузки сайта

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

20 марта 2020 г.
Источник

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


Заметно более низкая скорость загрузки страниц влияет на рейтинг

17 марта 2020 г.
Источник

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


Инструменты тестирования скорости не отражают способность Google предварительно обрабатывать и кэшировать AMP-страницы

27 декабря 2019 г.,
Источник

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


Подтвердите IP-адреса инструмента PageSpeed ​​Insights и проверки структурированных данных с помощью тестовой страницы

4 октября 2019 г.,
Источник

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


Скорость имеет решающее значение для быстрого индексирования контента Google

27 сентября 2019 г.,
Источник

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


Лабораторные тесты PageSpeed ​​Insights и сводные данные отчета CrUX используются для оценки скорости сайта

23 июля 2019 г.,
Источник

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


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

3 мая, 2019
Источник

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


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

19 февраля 2019 г.,
Источник

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


Скорость — второстепенный фактор ранжирования по сравнению с качеством или релевантностью контента

5 февраля 2019 г.,
Источник

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


Руководство по инструментам проверки скорости веб-сайта Google

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

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

Давайте нырнем …

Влияние скорости веб-сайта на конверсию клиентов

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

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

Из Google:

  • Люди, у которых отрицательный опыт использования мобильных устройств, на 62% реже совершают у вас покупки в будущем.
  • Задержка загрузки мобильных устройств в 1 секунду может повлиять на конверсии мобильных устройств до 20%.

От Nielson Norman Group:

  • Если сайт электронной коммерции зарабатывает 100 000 долларов в день, задержка страницы в 1 секунду может стоить вам 2,5 миллиона долларов потерянных продаж каждый год.

Вы уловили идею.

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

Влияние скорости веб-сайта на поисковый рейтинг

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

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

За прошедшие годы Google сделал скорость сайта все более важной благодаря нескольким обновлениям алгоритмов, а в мае 2020 года команда Chrome объявила
Core Web Vitals, в котором рассматриваются различные аспекты скорости сайта (и показатели взаимодействия с пользователем), которые вскоре будут влиять на рейтинг в поиске Google.

Google разбивает Core Web Vitals на:

  • Крупнейшая отрисовка содержимого (LCP) — измеряет воспринимаемую скорость загрузки и отмечает точку на временной шкале загрузки страницы, когда основное содержимое страницы, вероятно, загрузилось.Это измерение скорости сайта.
  • First Input Delay (FID) — измеряет скорость отклика и количественно оценивает впечатление, которое пользователи испытывают при попытке первого взаимодействия со страницей. Это измерение скорости сайта.
  • Накопительный сдвиг макета (CLS) — измеряет визуальную стабильность и количественно определяет величину неожиданного сдвига макета видимого содержимого страницы. Это не связано конкретно со скоростью сайта и не будет подробно рассматриваться в этом руководстве.

«Самая большая метрика Contentful Paint (LCP) сообщает время рендеринга самого большого
изображение или текстовый блок, видимый в области просмотра.Чтобы обеспечить удобство работы пользователей, сайты должны стремиться к тому, чтобы самая большая отрисовка контента происходила в течение первых 2,5 секунд после начала загрузки страницы », — поясняет Google.
web.dev.

First Input Delay (FID) «измеряет время с момента, когда пользователь впервые взаимодействует со страницей (т. Е. Когда он щелкает ссылку, нажимает кнопку или использует настраиваемый элемент управления на основе JavaScript) до момента, когда пользователь браузер действительно может начать обработку обработчиков событий в ответ на это взаимодействие », — говорит Google.

Подробнее о Core Web Vitals см.
Основы Google Core Web Vitals: все, что вам нужно знать, и наши
Центр ресурсов Core Web Vitals.

Объяснение инструментов проверки скорости веб-сайта Google

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

Начиная с выпуска Core Web Vitals, вот как Google рекомендует использовать эти инструменты для решения и улучшения других различных аспектов скорости сайта:

  1. Используйте новый отчет Core Web Vitals в Search Console для определения групп страниц, требующих внимания.
  2. Затем используйте PageSpeed ​​Insights для диагностики лабораторных и полевых проблем на странице.
  3. Используйте Lighthouse и Chrome DevTools, чтобы получить практические рекомендации о том, что конкретно нужно исправить.
  4. Получите настраиваемую панель управления Core Web Vitals с помощью обновленной панели инструментов CrUX или нового API отчетов Chrome UX для полевых данных или PageSpeed ​​Insights API для лабораторных данных.
  5. Не знаете, как много данных и нуждаетесь в прямом руководстве? Используйте web.dev/measure для измерения вашей страницы и отображения списка приоритетов для оптимизации.
  6. Наконец, используйте Lighthouse CI перед развертыванием изменения в производственной среде.

Search Console

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

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

PageSpeed ​​Insights

PageSpeed ​​Insights — это один из простейших способов получения аналитики скорости сайта, который можно использовать для измерения Core Web Vitals, а также других ключевых данных. Он работает на Lighthouse и Chrome UX Report.

Этот тест генерирует отчет PageSpeed ​​Insights с количественной оценкой, которая суммирует производительность страницы (определяется автоматически запущенным программным обеспечением).
Маяк).Цель должна состоять в том, чтобы набрать 90 баллов или выше, что считается хорошим результатом; От 50 до 90 нуждаются в улучшении; ниже 50 считается плохим.

Когда вы вводите URL-адрес, PageSpeed ​​Insights также оценивает набор данных Chrome User Experience Report (CrUX), чтобы получить представление о том, как реальные пользователи воспринимают страницу.

Он также сообщает о First Contentful Paint (FCP) , Метрические данные CLS, FID и LCP. Google рекомендует LCP не более 2,5 секунд и FID менее 100 миллисекунд.Для обоих, Google заявляет, что стремится к 75-му процентилю среди мобильных и настольных устройств.

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

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

Маяк

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

Маяк можно использовать четырьмя различными способами; первые три являются более сложными и создаются разработчиками и для разработчиков:

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

Chrome DevTools

Chrome DevTools запускает Lighthouse и требует загрузки расширения Chrome. Затем вы просто переходите на вкладку «Аудит» и устанавливаете флажки для того, что вы хотите проверить. Его наибольшее применение в качестве средства проверки скорости сайта — это аудит страниц, требующих аутентификации, или идентификация страниц с помощью Cumulative Layout Shift, одного из трех Core Web Vitals. Он предоставляет отчеты в удобном для пользователя формате.Он также измеряет общее время блокировки (TBT), которое Google считает отличным прокси для FID.

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

Web.dev

Чтобы упростить просмотр данных, перейдите в Web.dev и нажмите «Проверить мой сайт», затем нажмите «Измерение». Он измеряет производительность сайта и дает советы по улучшению взаимодействия с пользователем. Вы можете подписаться, чтобы отслеживать прогресс сайта с течением времени.

Отчет об удобстве использования Chrome

Отчет

Chrome User Experience (CrUX) может использоваться для измерения как LCP, так и FID и используется в отчете PageSpeed ​​Insights. Он предоставляет показатели взаимодействия с пользователем, которые показывают, как реальные пользователи Chrome воспринимают ваш сайт (называемые полевыми данными), и позволяет вам получать данные о скорости по URL-адресам вашего конкурента.

Новый CrUX API, запущенный 28 мая 2020 года, «позволяет владельцам сайтов быстро оценивать производительность своего сайта для каждого Web Vital, как это делают реальные пользователи Chrome.Набор данных BigQuery уже отображает общедоступные гистограммы для всех Core Web Vitals, и мы работаем над новым REST API, который упростит и упростит доступ как к данным на уровне URL, так и на уровне источника — следите за обновлениями », — написал Google на web.dev в Август 2020 г.

Вы можете получить эти данные, запустив отчет, используя панель инструментов CrUX или новый API отчетов Chrome UX. Он не только измеряет Core Web Vitals, но также измеряет, среди прочего:

  • First Paint: как определено Paint Timing API:
    сообщает время, когда браузер впервые начинает отображать страницу после навигации; первый ключевой момент, о котором заботятся разработчики при загрузке страницы.
  • Первая содержательная краска:
    измеряет, сколько времени требуется браузеру для отображения первой части содержимого DOM после того, как пользователь перейдет на вашу страницу.
  • DOMContentLoad: согласно спецификации HTML: «сообщает время, когда исходный документ HTML был полностью загружен и проанализирован, не дожидаясь завершения загрузки таблиц стилей, изображений и субфреймов».
  • Время до первого байта: «измеряет продолжительность от пользователя или клиента, сделавшего HTTP-запрос, до первого байта страницы, полученного клиентским браузером.”

Опытный разработчик или специалист по SEO захочет запустить отчет CrUX, чтобы получить эти дополнительные данные.

Think with Google — Протестируйте мой мобильный сайт

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

Подведение итогов всех инструментов проверки скорости веб-сайта Google

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

конверсий, лояльности и рейтинга в поиске Google — продажа (2021 г.)

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

Давайте посмотрим, почему скорость сайта так важна, как скорость сайта станет важной частью рейтинга в поиске Google и как вы можете повысить скорость своего сайта.

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

Преобразование

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

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

Лояльность (повторный бизнес)

Это, вероятно, звучит знакомо: «Заставить существующих клиентов сделать повторную покупку дешевле, чем найти новых». Скорость сайта играет в этом большую роль.На самом деле, Skilled обнаружило, что 79% клиентов с меньшей вероятностью совершат повторную покупку в интернет-магазине, если они «недовольны» скоростью сайта (т. Е. У вас больше шансов получить повторных клиентов, если у вас быстрый сайт).

Рейтинг в Google Поиске

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

Скорость обновления сайта в рейтинге Google Поиска

Миссия

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

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

Рейтинг

в Google Search будет включать в себя сигналы о новых впечатлениях от страницы, начиная с мая 2021 года. Эти новые сигналы объединяют Core Web Vitals с существующими поисковыми сигналами для измерения того, как пользователи воспринимают веб-страницу; они измеряют, насколько быстрым, по мнению пользователей, является ваш сайт.

Core Web Vitals — это ориентированные на пользователя показатели, которые помогают пользователям воспринимать страницу так быстро:

  1. Загрузка измерена с использованием самой крупной краски (LCP). Этот показатель позволяет пользователям узнать, полезен сайт, измеряя, сколько времени требуется для загрузки основного содержания страницы.
  2. Интерактивность измеряется с задержкой первого входа (FID). Эта метрика позволяет пользователям узнать, можно использовать на сайте, измеряя время от момента первого взаимодействия пользователя со страницей, например, щелчка по гиперссылке или кнопке, до момента, когда браузер действительно может ответить на это взаимодействие.
  3. Визуальная стабильность измеряется с помощью кумулятивного сдвига макета (CLS). Эта метрика гарантирует, что у пользователей будет наилучший возможный опыт , измеряя, как часто пользователи испытывают неожиданный сдвиг макета.

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

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

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

Мы рекомендуем выполнить аудит скорости сайта до того, как в мае 2021 года появятся новые сигналы ранжирования в Google Поиске.

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

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

  1. Определите текущую скорость вашего сайта. Посетите отчет о скорости интернет-магазина в админке, чтобы узнать, как работает скорость вашего сайта в настоящее время.
  2. Сделайте улучшения скорости сайта. Определите, где вы можете внести изменения в свой интернет-магазин, чтобы повысить скорость сайта, следуя этим инструкциям или этим 11 советам по увеличению скорости вашего сайта. Вы также можете обратиться к эксперту Shopify, чтобы провести аудит скорости сайта и предложить, как вы можете улучшить.
  3. Повторить! Скорость сайта всегда должна быть на первом месте при внесении любых изменений в ваш интернет-магазин. Следите за своим показателем скорости и при необходимости улучшайте его, чтобы вы всегда были оптимизированы для конверсии, лояльности и рейтинга в Google Поиске.

Важность оптимизации скорости страницы

Чарльз Ким — главный операционный директор и соучредитель Executive Digital .

getty

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

Оптимизация скорости веб-страницы

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

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

Оптимизация скорости загрузки страницы

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

• Неоптимизированные изображения

• Уменьшение размера файла

• Эффективность веб-хоста

• Использование приложений, например Flash

.

• Чрезмерно сложные темы и дизайн

• Встроенные носители, например видео, загруженные с другого сайта

• Активное использование виджетов

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

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

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

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

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

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

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

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

Тест оптимизации скорости страницы

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

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

Итог

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


Forbes Agency Council — это сообщество руководителей успешных агентств по связям с общественностью, медиа-стратегии, креативных и рекламных агентств, доступное только по приглашениям. Имею ли я право?


Google SEO 101: Оптимизация скорости страницы

Мартин Сплитт из Google обсуждает важность скорости страницы и ее влияние на SEO в последнем выпуске SEO Mythbusting.

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

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

Общее заблуждение о скорости и ранжировании страницы (0:00)

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

Реклама

Продолжить чтение ниже

Почему важна скорость страницы? (1:57)

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

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

Скорость страницы и релевантность контента (3:00)

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

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

Средний и рекомендуемый размер веб-страницы (4:54)

Между средним размером веб-страницы и рекомендуемым размером для веб-страниц огромное расхождение.

Реклама

Продолжить чтение Ниже

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

Конечно, чем меньше размер страницы, тем быстрее она загружается.

«Чем меньше [килобайт], тем лучше», — говорит Сплитт.

Оптимизация скорости страницы (5:48)

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

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

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

Сложность отчетов, данных и оценок Lighthouse (7:44)

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

Lighthouse может оценить, что конкретное изменение сократит скорость страницы на Х секунд.

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

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

Скорость страницы на различных пользовательских устройствах и подключениях (9:18)

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

Объявление

Продолжить чтение ниже

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

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

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

Скорость страницы, ускоренные мобильные страницы (AMP) и прогрессивные веб-приложения (PWA) (11:36)

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

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

Реклама

Продолжить чтение ниже

Подробнее о скорости страницы как факторе ранжирования в поиске Google (13:06)

Splitt завершает обсуждение простым объяснением того, как скорость страницы работает как фактор ранжирования.

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

Смотрите полное видео ниже:

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

• Обновлено

Появляется в: Быстрое время загрузки

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

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

Эффективность — это удержание пользователей #

Эффективность напрямую повлияла на чистую прибыль компании.

Pinterest

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

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

COOK сократил среднее время загрузки страницы на 850 миллисекунд, что увеличило конверсию на 7%, снизило показатель отказов на 7% и увеличило количество страниц за сеанс на 10%.

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

Эффективность — это улучшение конверсии #

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

Для Mobify снижение скорости загрузки домашней страницы на каждые 100 мс приводит к увеличению конверсии на основе сеанса на 1,11%, что дает среднегодовое увеличение дохода почти на 380 000 долларов.Кроме того, снижение скорости загрузки страницы оформления заказа на 100 мс привело к увеличению конверсии на основе сеанса на 1,55%, что, в свою очередь, привело к среднегодовому увеличению дохода почти на 530 000 долларов США.

Когда AutoAnything сократил время загрузки страницы вдвое, продажи выросли на 12–13%.

Retailer Furniture Village проверил скорость загрузки своего сайта и разработал план решения обнаруженных проблем, который позволил сократить время загрузки страницы на 20% и повысить коэффициент конверсии на 10%.

Производительность — это опыт пользователя #

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

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

Сравнение загрузки страницы при очень медленном соединении (вверху) с более быстрым соединением (внизу).

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

Производительность — это люди #

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

Поскольку мобильные пользователи продолжают составлять большую часть интернет-пользователей во всем мире, важно помнить, что многие из этих пользователей выходят в Интернет через мобильные сети LTE, 4G, 3G и даже 2G.Как отмечает Бен Шварц из Caliber в своем исследовании реальной производительности, стоимость тарифных планов с предоплатой данных снижается, что, в свою очередь, делает доступ к Интернету более доступным там, где его раньше не было. Мобильные устройства и доступ в Интернет больше не являются роскошью. Это общие инструменты, необходимые для навигации и работы во все более взаимосвязанном мире.

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

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

Начните работу с повышением скорости вашего веб-сайта #

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

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

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