Проверить сайт на скорость от google speed: Как накручивают 100 баллов на Google PageSpeed — Сервисы на vc.ru

Содержание

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

PageSpeed Insights – сервис компании Google, позволяющий протестировать производительность и выбрать пути оптимизации сайта. Может использоваться со смартфонов, планшетов и компьютера. Тест скорости загрузки страницы производится на основе анализа эффективности и оперативности отрисовки контента в браузере посетителя. Учитываются следующие данные: используемые JS-скрипты, структура и чистота HTML+CSS, оптимизация мультимедийного контента и т.д.

В этой статье мы разберёмся, как проверить скорость загрузки сайта в Google PageSpeed Insights, разберём основные показатели на примере анализа русскоязычной версии сайта компании Apple и возможные пути решения проблем со скоростью.

Автоматическое продвижение в Instagram без блоков

Рекомендуем: Jesica – приложение для продвижения в Instagram (от создателей Instaplus.me). Установите Jesica на Android-телефон или компьютер и приложение будет ставить лайки, подписываться и отписываться, как будто это делаете вы сами:

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

Попробовать 5 дней бесплатно >> Реклама

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

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

Сайт Apple был взят по трем причинам:

Известный бренд.
Достаточно плохая оптимизация страницы по версии Google.
На днях презентовал iPhone 11.

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

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

Переходим по ссылке developers.google.com/speed/pagespeed/insights.
В строку для ввода вписываем адрес страницы.
Нажимаем на кнопку «Анализировать».
Дожидаемся завершения тестирования и обновления страницы.

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

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

Версия для мобильных:

Версия для компьютеров:

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

от 0 до 59 – низкая скорость загрузки;
от 60 до 79 – средняя;
от 80 до 100 – высокая.

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

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

Статья в тему: 10 сервисов для проверки скорости сайта

Далее идут подразделы с рекомендациями по устранению проблем при их наличии.

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

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

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

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

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

Оптимизация сайта по рекомендациям PageSpeed Insights

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

Так, кликнув по элементу из списка с рекомендацией к использованию современных форматов изображений, можно обнаружить предложение о переходе на форматы изображений JPEG 2000, WebP вместо привычных и неэффективных PNG и JPEG.

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

Это интересно: Оптимизация изображений на сайте

Диагностика

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

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

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

Измеряем скорость загрузки сайта и альтернативы Pagespeed Insights

Ответить на один из самых популярных вопросов последних лет — «Как узнать скорость загрузки моего сайта?» пытаются десятки сервисов и программ.

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

Если у вас сайт под управление Битрикс версии 15 или выше, то все просто — откройте инструмент Скорость сайта и посмотрите, что сколько времени занимает. А вот если ваша CMS не обладает встроенными инструментами аналитики и замера скорости отклика, то обратитесь к одному из следующих сервисов.

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

ASM chekIt — сервис ставший приемником популярного и наглядного (однако, почившего с миром) cloudmonitor и loads.in отображает скорость отображения в одной из 7 стран
neustar.biz — приемник browsermob.com, который стал платным, но имеет возможность пройти demo регистрацию и проверить свой ресурс по массе показателей
iwebtool.com — возможность одновременной проверки до 10 сайтов, но лишь по одному источнику (похоже проект умер)
dotcom-tools.com — проверяет доступность и скорость отклика сайта по 20+ точкам. Дает базовый отчет по «весу» всех элементов и статусам ответа ссылок со страницы. Есть отдельным коммерческий тариф.

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

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

www.webpagetest.org — самый популярный сервис. Позволяет выбрать конкретный город и браузер для проверки скорости работы сайта.

Отчет — шикарный:

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

Из преимуществ:

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

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

developers.google.com/speed/pagespeed/insights/ — а вот это уже инструмент другого характера. Точных миллисекунд в Google решили не называть, но зато есть оценка по 100-балльной шкале и подробные советы:

И еще пару советов:

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

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

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

Оптимизация изображений. Используйте любой толковый редактор (в идеале — Adobe Photoshop) + специальный софт для сжатия без потери качества (наш выбор — FileOptimizer).
Перенесите все скрипты и таблицы стилей в отдельные файлы.
«Почистите» код сайта: в нем не должно быть лишних пробелов, отступов и тысяч символов комментариев. Только так, чтобы разработчики потом не запутались 😉
Избегайте громоздких флэш-объектов и подгрузки внешних файлов (не касается счетчиков посещаемости).
Включите кэширование и GZip сжатие в файле . htaccess.

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

Кто быстрее? 6+ инструментов для проверки скорости загрузки сайта

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

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

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

Google о скорости сайта

Еще в далеком 2010 году сотрудники Google Амит Сингхал и Мэтт Каттс написали в блоге для вебмастеров о том, что скорость загрузки сайта в Гугл является одним из фактором ранжирования поиска для десктопов.

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

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

Оптимальная скорость сайта и её влияние на бизнес

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

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

Отметим основные моменты:

Менее 2-х секунд — оптимальное время загрузки страницы
50% посетителей уходят сайта, если скорость загрузки более 3 секунд
Каждая секунда (даже доли секунды) заметно влияет на конверсию

Важные параметры для анализа скорости сайта

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

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

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

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

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

PageSpeed Insights

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

Среди основных метрик в PageSpeed Insights отметим:

Первая отрисовка контента (FCP) — время от начала загрузки до момента отображения первого бита контента из DOM. Присутствует процентное распределением данных на основе загрузок страницы за прошедшие 30 дней. Высокая скорость считается до 1 сек., средняя 1-3 сек, низкая — более 3 сек.
Первая задержка ввода (FID) — время с момента, когда посетитель впервые взаимодействует с сайтом, до времени, когда браузер сможет ответить на это взаимодействие. Аналогично представлены данные в виде процентного соотношения. Для FID высокая скорость — до 100 мс, средняя от 100 до 300 мс, низкая — более 300 мс.
Имитация загрузки страницы. Здесь выводятся данные по таким показателям: Время загрузки первого контента, Время загрузки достаточной части контента, Индекс скорости загрузки контента, Время окончания работы ЦП, Время загрузки для взаимодействия, Максимальная потенциальная задержка после первого ввода

Сам аудит делиться на 3 части:

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

Напомним, с конца 2018 года сервис использует Lighthouse в качестве механизма анализа скорости сайта. Заявлено, что можно получать одинаковые аудиты и в PageSpeed Insights, и в Chrome DevTools.

GTmetrix

Отличный сервис для теста скорости сайта , который оперирует данными Google и Yahoo, поэтому и основные оценки называются PageSpeed Score и YSlow Score. Немаловажные выводятся показатели о полном времени загрузки страницы, размере страницы и количестве запросов.

По умолчанию тестируется страница с Канады с использованием браузера Chrome.

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

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

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

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

Для зарегистрированных пользователей доступен выбор 1 из 7 регионов сервера для анализа, выбор браузере (Chrome десктоп и мобильный, Firefox), выбор скорости интернета. Сохраняется история тестирования. Доступна вкладка Timings с данными о TTFB, отрисовке, загрузке DOM и другие.

Pingdom Tools

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

Тест можно производить из серверов 7 регионов.

В отчете выводятся также рекомендации всего по 7 показателям, количество тех или иных ответов сервера. По каждому пункту дается оценка (Отлично -“A”, Хорошо -“С”, “D”, Плохо – “F”)

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

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

WebPageTest

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

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

Вверху страницы находятся оценки для наиболее важных показателей (А и В — отлично, С — средне, D — плохо):

Время получения первого байта
Постоянное HTTP соединение (keep-alive)
Использование сжатия Gzip
Сжатие изображений
Кэширование статического контента в браузере
Использование CDN для статического контента (css, js, изображения)

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

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

Подробные данные по поддержке Keep-Alive, сжатию, компрессии, кэшированию и CDN представлены во вкладке Performance Review:

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

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

Во вкладке Request Map можно получить интересную и наглядную карту запросов. Например, можно увидеть список сервисов, подключенных через Google Tag Manager.

Chrome DevTools

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

Чтобы открыть инструмент, можно в браузере Chrome воспользоваться быстрым сочетанием клавиш Ctrl+Shift+I (для Windows) или Cmd+Opt+I (для Mac). Либо через Меню/Дополнительные инструменты/Инструменты разработчика.

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

Think with Google — Test My Site

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

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

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

Dotcom-tools

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

Перед тестом скорости сайта можно выбрать браузер: Chrome, Firefox, IE и мобильные браузеры для Android, iOS, Windows Phone и Blackberry. При выборе мобильного браузера доступен выбор около 70 устройств!

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

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

Uptrends

С помощью сервиса Uptrends можно быстро проверить загрузку сайта для мобильной и десктопной версии, оценку от Google Page Speed, размер загружаемой страницы, количество запросов. При запуске тест есть выбор локации из 10 городов. Для мобильной версии можно выбрать модель телефона из двух десятков и скоростной канал (2G, 3G, 4G). Для ПК дополнительно можно выбрать разрешение экрана, скоростной канал и используемый браузер при тесте.

Доступны рекомендации, аналогичные Google PageSpeed Insights, водопад запросов и статистика по количеству запросов, в зависимости от типа объекта и размера.

Google Search Console

С помощью Google Search Console владельцы сайта могут отследить на временном промежутке показатели гугл скорости для мобильной версии сайта и для ПК. Данные поступают из отчета об удобстве пользования браузером Chrome.

Google Analytics

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

Находятся отчеты по данному пути: Google Analytics > Поведение > Скорость загрузки сайта

Sucuri Load Time Tester

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

Site24x7

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

Yellow Lab Tools

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

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

Load Impact

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

По умолчанию тест длиться около 3 минут при нагрузке до 25 виртуальных пользователей. После регистрации можно запустить тест на 15 минут при максимальной нагрузке до 100 виртуальных пользователей. Увеличить кол-во активности пользователей можно уже в платных тарифах.

Выводы

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

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

Множество детализированной информации для анализа можно найти в WebPageTest и GTmetrix. Сделать замер скорости первого и повторного визита для 25 городов мира с последующим анализом данных позволяет Dotcom-tools. Быстро сравнить скорость сайта с конкурентами можно с помощью Think with Google — Test My Site.

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

От автора: все популярные инструменты тестирования скорости обычно предоставляют вместе с объективными результатами проверки оценку скорости страницы. У Google PageSpeed Insights есть «Speed Score». У Pingdom «Performance Grade». WebPageTest имеет пять оценок от A до F. Большинство людей используют их неправильно, что может быть опасно для реальной скорости вашего сайта.

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

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

Погоня за 100 баллами от любого инструмента

Подавляющее большинство клиентов, которые обращаются к нам за помощью в оптимизации скорости страницы, начинают с того же вопроса: «Можете ли вы помочь мне получить более высокие оценки PageSpeed Insights?»

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Ниже приведен пример оценки оптимизации страницы в Pingdom. Вы можете видеть, что владелец этого сайта проделал большую работу по оптимизации своего сайта — сократил размер в два раза, уменьшил количество запросов с 90 до 44 — и в результате их время загрузки уменьшилось с 1,52 до 0,27 секунды! Но их «performance grade» почему-то снизился. Вот почему опасно гоняться за конкретной оценкой. Информация под оценкой говорит нам, что этот сайт теперь загружается быстрее, чем 99% веб-сайтов, но те, кто гонится за неуловимыми 100 баллами, будут разочарованы без причины.

Напрасные усилия

Еще одним следствием «оптимизации для оценки» является серьезная затрата усилий. Возьмите этот пример улучшения оценки скорости страниц с 78 до 99 и его влияния на реальное время загрузки страницы:

Увеличение PSI более чем на 20 пунктов, и что это дало? TTFB, Индекс скорости, Время до первой интерактивности, Время до загрузки документа и Время до полной загрузки страницы остаются неизменными.

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

Реальность достижения максимальной оценки

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

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

Кроме того, Google Insights часто снижеат оценку за изображения или Javascript, которые можно оптимизировать только на незначительные 1 или 2%. Это действительно лучшее применение вашего времени и усилий? Возможно, если вы одно из самых известных лиц в Интернете, но, скорее всего, это не так.

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

Оценка PageSpeed меняются со временем

Джон Мюллер из самого Google официально заявил, что оценка PageSpeed может измениться без каких-либо изменений на вашем сайте.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

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

Так что же PageSpeed вам дает?

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

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

Будучи лицемерами

Что самое смешное, даже мы здесь, в MachMetrics, предоставляем оценку для вашего URL:

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

позволяет увидеть изменения с первого взгляда

дает общую информацию, понятную для нетехнических людей

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

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

Используйте PageSpeed в сочетании с другими инструментами, такими как Pingdom, WebPageTest и MachMetrics, чтобы получить полную картину эффективности вашего сайта.

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

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

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

Что дальше?

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

Я думаю, что большая часть сообщества веб-пользователей согласилась бы с тем, что: Снижение времени загрузки с 2,0 с до 1,5 с это гораздо более впечатляюще, чем увеличение любого показателя с 91 до > 94.

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

Источник: //www.machmetrics.com

Редакция: Команда webformyself.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

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

Посмотрите видео по инструментам для оптимизации

Смотреть

6 инструментов для проверки🚀 • Former – web-хостинг и домены

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

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

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

«Яндекс.Метрика»

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

Найти отчет можно по следующему пути: Стандартные отчеты -> Мониторинг -> Время загрузки страниц:

Google Analytics

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

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

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

Найти отчет можно по следующему пути: Поведение -> Скорость загрузки сайта

Page Speed Insights

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

Инструмент предоставляет на выбор пользователя 6 параметров:

Время загрузки первого контента – нужно для понимания величины интервала, необходимого для показа первого текста или фото после начала загрузки (идеально – 0–2 секунды).
Индекс скорости загрузки – показывает, как быстро контент увидит пользователь (идеально – от 0 до 4,3 секунды).
Время загрузки достаточной части контента – демонстрирует, какое количество времени пройдет от начала загрузки страницы до появления основного контента (идеально – от 0 до 2 секунд).
Время окончания работы ЦП – демонстрирует время, через которое пользователь может начать работать со страницей (идеально – от 0 до 4,7 секунды).
Время загрузки до взаимодействия – показывает количество секунд, через которое пользователь может без ограничений работать со страницей (от 0 до 5,2 сек).
Максимальная потенциальная задержка после первого ввода – демонстрирует время от момента первого взаимодействия до возможности отклика браузера (от 0 до 200 мс).