Гугл speed page: Как накручивают 100 баллов на Google PageSpeed — Сервисы на vc.ru — Программирование на Python и Objective-C в Mac OS

Содержание

Что такое Google Page Speed? Как ускорить сайт по Google Page Speed

27.06.2019

Понимание критериев Google Page Speed важно для любой компании, которая полагается на продажи в интернете.

Почему?

Все началось в 2018 году, когда было выпущено обновление Lighthouse 3.0. Оно принесло некоторые изменение в алгоритм ранжирования поисковой выдачи Google. Теперь на ранжирование сайтов в поисковых системах (условных рейтинг) влияет скорость загрузки страниц.

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

Какие критерии влияют на ранжирование?

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

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

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

Обратите внимание, что это только РЕКОМЕНДАЦИИ. Ваш сайт не обязательно должен набирать 100% по скорости. В большинстве случаев это просто невозможно. Если ваш сайт набирает 80% и более, это уже хорошо. Всегда оценивайте скорость работы сайтов ваших конкурентов по поисковой выдаче. Выберите лучшего и ориентируйтесь на эти показатели.

Дополнительно смотрите на что именно ругается Page Speed и есть ли вообще возможно это убрать.

Для примера вот скорость официального сайта Apple — apple.com:

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

Быстрый сайт — это счастливые клиенты и хорошая конверсия 🙂

Исследования показали, что за каждую. секунду, превышающую базовый 3-секундный эталон скорости загрузки, коэффициент конверсии снижается на 3%. Это значит, что если вашему сайту требуется 6 секунд, чтобы загрузится — ваш коэффициент конверсии падает на 9%.

За последние десятилетия внимание типичного пользователя уменьшилось, поскольку он изменил способ обработки информации. Кроме этого, мы стали весьма нетерпеливым обществом. Ожидание в 10 секунд было нормой в 1999 году, но в 2019 — вряд ли кто-то будет ждать.

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

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

Используйте современные форматы изображений. TIFF и BMP уже давно пылятся на полке истории. JPEG, GIF и PNG скоро пойдут за ними следом. Обратите внимание на новые форматы файлов, такие как: WebP, JPEG 2000 или JPEG XR. Эти форматы зачастую меньше весят и не теряют качества изображения при сжатии.
Всегда оптимизируйте изображения. Пусть это станет рефлексом для вашего контент-менеджера. Сжимайте каждый файл, сегодня это можно сделать прямо в браузере. А для тех, кто использует WordPress есть плагин, который будет это делать автоматически. Используйте подходящие размеры изображений. Нет смысла грузить на сайт изображения размером 4000х3000px (за исключением когда необходимо дать возможность пользователю загрузить исходник). Достаточно 1920px по ширине, и то, только в том случае, если это изображение является полноэкранным.
Асинхронная загрузка изображений. Асинхронная загрузка изображений или отложенная загрузка — метод, при котором загружаются только те изображения, которые в данный момент отображает окно браузера. Вы могли это замечать, если очень быстро скролили страницу. Причина по которой данный метод работает, заключаются в том, что метрики аналити скорости загрузки фокусируются на том, насколько быстро выполняются определенные задачи, такие как FMP (время загрузки наиболее важной части страницы) и FCP (время до начала прорисовки и появления первого контента). Особенно этот метод хорошо работает для длинных страниц.
Используйте CDN. CDN расшифровывается как Content Delivery Network и может значительно увеличить общую скорость вашего сайта. CDN кэширует страницы на нескольких серверах сразу, вместо одного. Когда кто-то делает локальный запрос на ваш сайт, этот запрос отправляется на ближайший сервер с кэшированной станцией, а не на хост-сервер. Это существенно увеличивает скорость загрузки. Особенно это полезно для компаний, которые работают на большой территории или во всем мире.
Уберите лишнее. Как правило, каждый сайт имеет некоторый уровень разрастания, что снижает общую производительность. Обычно избыточное количество изображений тому виной. Проверяйте страницы и учитывайте ценность каждого изображения и анимации.

Итог

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

Как добиться результата 100/100 в Google Page Speed Test Tool? — Lemarbet

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

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

Больше 50% интернет-пользователей — владельцев мобильных гаджетов — вообще рассчитывают на молниеносную загрузку сайтов. Вот от этого статистического факта мы и будем отталкиваться, раскрывая тему, как добиться результата 100 из 100 в Google PageSpeed Insights для десктопов и мобильных устройств. Образцом нам послужит сайт «Monitor Backlinks».

Мотивация — стремление к совершенству

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

При использовании инструмента PageSpeed Tool, был обнаружен неожиданный нюанс — у веб-ресурса компании Google оказались очень невысокие параметры скорости загрузки (всего 59/100) для мобильных гаджетов.

Версия для десктопов демонстрирует при этом гораздо лучшие результаты — 95/100. Теоретически, им стоило бы использовать собственный инструмент, чтобы оптимизировать свой же сайт. Это вполне логично, не правда ли? Может быть, результат 100/100 — это что-то запредельное и недостижимое? Отнюдь. Это вполне реально, было бы желание. Если вы стремитесь к совершенству, и не опасаетесь технических трудностей, то тоже сможете добиться безупречно быстрой загрузки. Давайте перейдем к подробному рассмотрению методов и манипуляций, с помощью которых начальные показатели “испытуемого” сайта 87/100 превратились вот в такую картину:

5 шагов, которые помогут ускорить загрузку веб-страниц

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

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

1. Оптимизируем изображения на веб-ресурсе

Чтобы ускорить загрузку картинок инструмент PageSpeed Insights Tool предлагает нам решение по их оптимизации. Это возможно осуществить путем уменьшения размеров файлов. Решение этой задачи подразумевает выполнение двух важных моментов:

Уменьшать изображения на сайте можно, применяя бесплатные инструменты — Compressor.io и TinyPNG. Вполне реально таким образом сократить размер файлов до 80% и даже более того, при этом можно рассчитывать, что процесс уменьшения в некоторых случаях совершенно не будет иметь негативного влияния на качество изображений.
Уменьшение размера картинок и фото до минимума без снижения их качества. Приведем пример: если на веб-ресурсе должно находиться изображение размером 150×150 px, то и на сервере у него обязаны быть те же параметры. Эти параметры не имеют права подгоняться за счет CSS или HTML-тегов.

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

2. Минимизируем JavaScript, CSS и HTML

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

Для ликвидации этой проблемы на сервере устанавливается Gulpjs — инструмент, способный в автоматическом режиме создавать новый CSS-файл и уничтожать все лишние байты — пропуски, переносы строк и отступы. Новый файл CSS будет автоматом создаваться всякий раз, когда вам понадобится внести очередные изменения. В случае, который мы рассматриваем как пример, данные действия помогли в два раза сократить размер основного CSS файла — от 300Kb до 150Kb. Такой существенный результат был достигнут за счет удаления лишних символов.

Если вы работаете на платформе WordPress, можно рекомендовать вам установить плагин Autoptimize. Вы также можете загрузить оптимизированные данные из сервиса PageSpeed. Ниже приведен итог, который стал возможен после работ по минимизации CSS и JavaScript.

3. Используем кэш браузера

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

Сервера сети доставки контента CDN (content delivery network) размещены в самых разных уголках планеты. Они осуществляют кэширование статических версий сайтов (картинки, файлы JavaScript и CSS). На них лежат копии информации, содержащейся на сайте. Когда пользователь открывает в Интернете веб-ресурс, статическое содержимое будет загружено с ближайшего по территориальному расположению сервера.

Приведем пример. Допустим, главный сервер сайта располагается в Техасе, а пользователь, который заходит на сайт, находится в Амстердаме. Благодаря использованию CDN, у пользователя нет необходимости ждать, пока весь контент будет “добираться” с американского сервера. Сайт достаточно быстро (практически молниеносно) загрузится с местного (амстердамского или другого близлежащего) сервера CDN.

Проиллюстрируем наглядно принцип работы CDN:

На сайте-образце были перемещены на CDN все картинки и файлы JavaScript и CSS, так что на центральном сервере остались для хранения исключительно HTML файлы. Такая “перестановка” очень существенно влияет на скорость загрузки веб-ресурса. После выполнения действий по переносу файлов, PageSpeed настойчиво предлагал, применить кэширование браузера для некоторых сторонних ресурсов. Смотрите на скриншот:

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

Но обнаружилась еще одна проблема, более досаждающая, чем нюанс со скриптами соцсетей. Код Google Analytics замедлял функционирование сайта. Решить эту задачу оказалось сложнее, чем предыдущую. Поскольку Analytics действительно необходим и удалять его с сайта нецелесообразно, встал вопрос о поиске альтернативы удалению. Google крайне редко вносит изменения в код Analytics, не чаще 1-2 раз в год. Так что Razvan разработал специфический скрипт, для проверки наличия обновлений кода Analytics. Проверки осуществляются постоянно и регулярно — по 3 раза в день. Если скрипт обнаруживает обновления, он тут же загружает их. Это удобное решение позволяет размещать JavaScript код Analytics на сервере и снимает потребность грузить его с серверов Google всякий раз, как новый посетитель заходит на сайт.

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

Посмотрите на скриншот из Pingdom Tools, иллюстрирующий все загрузки из сети серверов CDN, включая и код Google Analytics. Осталась только одна загрузка файла с сервера — главная страница, с совершенно незначительным объемом файла — всего 15,5 Kb. Ликвидировав все сторонние скрипты, удалось весьма существенно повлиять на рост общей скорости загрузки сайта.

4. Удаляем блокирующие коды

Избавиться от блокираторов — еще одна технически сложная задача в нашей пошаговой инструкции, как повысить скорость загрузки сайта до максимальной. Для ее решения нужны специфические знания и навыки. Главная проблема, требующая решения, — это проверка всего кода JavaScript снизу доверху, от заголовка до футера на каждой странице сайта. Если ваш сайт работает на WordPress, вероятнее всего вы сможете решить поставленную задачу с помощью плагина Autopmize. Попробуйте после проверки настроек снять отметку «Force JavaScript» ви поставить отметку на «Inline all CSS».

5. Включаем сжатие

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

6. Оптимизируем мобильную версию

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

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

Выводы

Как видите, мы последовательно выполнили все шесть шагов, которые составили для вас пошаговую инструкцию. Эти целенаправленные действия позволили добиться впечатляющего результата, к которому мы и стремились, — получить для сайта «Monitor Backlinks» идеальные показатели в Google PageSpeed Tools — 100 из 100. Оптимизации подверглась как главная страница сайта, так и все остальные страницы веб-ресурса.

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

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

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

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

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

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

Можно ли запустить Google Page speed из командной строки?

Можно ли запустить Google Page speed из командной строки? Если да, то как? Я заинтересован в автоматизации ночных или ежедневных вызовов Google PageSpeed, которые будут информировать меня после фиксации(коммита) или ежедневно, если я вызвал падение Google PageSpeed ‘grade’ (для данной страницы).

google-chrome

command-line

pagespeed

Поделиться

Источник

lucidquiet

21 марта 2012 в 23:22

3 ответа

Можно ли запускать сценарии Smalltalk из командной строки?
Я нашел (возможно, устаревшее и неправильное) сообщение в блоге от 2004 года, в котором утверждалось, что невозможно запускать скрипты Smalltalk из командной строки. Изменилось ли что-нибудь с тех пор, и можно ли запускать сценарии Smalltalk из командной строки? Я много искал в Google, и я не…
Есть ли аргумент «speed» для запуска экспериментов behaviorSpace из командной строки
Я хотел бы запустить behaviorSpace эксперимент из командной строки. В интерфейсе Netlogo есть ползунок normal speed. Нажав на этот ползунок, можно увеличить скорость модели. Можно ли указать аргумент speed в командной строке для увеличения скорости модели ? java -Xmx1024m -Dfile.encoding=UTF-8 -cp…

Можно использовать PageSpeed Insights из командной строки:

Установить через:
$ npm install --global psi

Использование:
$ psi <url> --key=<key> --prettyprint=<true> --userIp=<userIp> --locale=<locale> --strategy=<desktop|mobile>

Запустите его следующим образом: $ psi http://stackoverflow.com

Также для мобильных инсайтов: $ psi http://stackoverflow.com --strategy=mobile

UPDATE: Вы можете использовать PageSpeed Insights в локальной среде разработки (требуется подключение к Интернету) с помощью grunt + grunt-pagespeed + ngrok . Проверьте пример проекта для grunt-pagespeed и ngrok для получения дополнительной информации.

Примечание: Запустите $ ngrok -authtoken <your-token> 80 и проверьте параметры веб-интерфейса, чтобы убедиться, что в вашем Gruntfile.js установлен правильный порт !

Поделиться

Sven

19 сентября 2014 в 09:11

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

Поделиться

abraham

21 марта 2012 в 23:28

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

curl "https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=http://your_url/&prettyprint=true&strategy=mobile&key=your_api_key"

Он вернет читаемые человеком результаты в json. cmd-F «score», чтобы найти общий балл.

Ссылка : Официальный Google api .

Поделиться

Pageii Studio

10 ноября 2016 в 08:13

Page Speed Insights — что это за сервис от Гугл

Page Speed Insights (PSI) – бесплатный сервис от компании Google для проверки и оптимизации скорости загрузки страниц. Для настольных ПК и мобильных гаджетов, с которых просматриваются сайты, отчеты составляются отдельно.

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

платформы, на которых построен ресурс;

структуру страниц сайта;

серверную конфигурацию;

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

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

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

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

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

Быстрый ответ сервера положительно влияет на позиции сайта во всех поисковиках.

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

Методы оптимизации скорости загрузки

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

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

Оптимизация изображений. Производится путем уменьшения размера файлов следующими способами:

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

уменьшение размера картинок до требуемых параметров, без ущерба их фотокачеству. Если нужна публикация изображения размером 120×120 px, то на сервер нужно загрузить картинку именно этого размера. Загрузка изображения большего, чем нужно, размера или сжатие его с помощью CSS, HTML-тегов будут тормозить скорость загрузки.

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

Инструмент Gulpjs, установленный на сервере, автоматически создает новый CSS-файл и удаляет все пробелы. Он также создает новый CSS-файл для любых внесенных изменений.

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

Оптимизация времени отклика сервера. Чтобы сократить время отклика сервера, все статические файлы с веб-сайта перемещают на CDN.

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

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

Подключение протокола HTTP/2. Он представляет собой многопоточный протокол, который позволяет одновременно и параллельно загружать множество объектов домена, в то время как протокол HTTP 1.1 ограничивает количество подключений (не более шести на домен). Параллельная загрузка объектов может ускорить доставку контента и в целом загрузку веб-сайтов.

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

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

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

Удаление компонентов в верхней части документа, тормозящих загрузку. Основная проблема здесь – перенос кода JavaScript вниз из верхней и средней части документа в «подвал» по всему сайту. Если используется WordPress, то может помочь упомянутый плагин Autoptimize, в котором меняют настройки.

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

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

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

программа для массовой проверки по Google PageSpeed Insights

Программа BulkPageSpeed предназначена для массовой проверки скорости загрузки страниц сайта по Google PageSpeed Insights.

Настройки и ключ API

Расширенные сведения об ошибках

Условия распространения программы: БЕСПЛАТНО

Основные возможности

Проверка групп URL без ограничений по количеству

Отображение основных показателей скорости страниц: FCP, SI, LCP, TTI, TBT, CLS

Отображение общей оценки скорости загрузки страниц для мобильной и десктопной версии

Возможность проверки скорости загрузки URL произвольным списком либо через Sitemap.xml

Отображение расширенных сведений об ошибках оптимизации сайта

Экспорт отчетов в Excel (CSV-формат)

Отличия от аналогов

Многопоточность и высокая скорость проверки URL

Портативный формат (работает без установки на ПК или прямо со сменного носителя)

Бесплатное распространение

Поддержи развитие программы!

Если у вас есть желание поддержать развитие программы, вы можете перевести любую сумму одним из удобных для вас способов (занимает менее минуты):

Для нас это важно.
Благодарим за поддержку!

История версий

Версия 1.2 (build 16), 25.02.2021:

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

число ошибок при проверке URL должно стать ощутимо меньше

Версия 1.2 (build 15), 20.10.2020:

максимальное значение задержки между запросами увеличено до 10 000 миллисекунд

Версия 1.2 (build 14), 07.10.2020:

добавлена возможность сохранения статистики уже проверенных URL при импорте новых страниц (раздел настроек)

добавлена фильтрация дубликатов при импорте URL

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

Версия 1.1 (build 13), 05.10.2020:

добавлено автосохранение настроек: ключ, количество потоков, задержка между запросами

добавлена возможность сортировки колонок

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

добавлено отображение скорости загрузки страниц на графике

добавлена возможность вставки URL из буфера обмена и Sitemap.xml

добавлено отображение расширенных сведений об ошибках оптимизации сайта

добавлен перевод программы на английский язык

Версия 1.0 (build 7), 28.09.2020:

возможность многопоточной проверки URL (до 20 потоков одновременно)

отображение основных показателей скорости загрузки страниц: FCP, SI, LCP, TTI, TBT, CLS

цветовое оформление баллов, отображающих скорость загрузки страниц

экспорт результатов тестирования в Excel (CSV)

удаление выбранных URL из списка

Минимальные системные требования:

– 500 МГц (рекомендуется: 1 ГГц или выше)

– 1 ГБ RAM (рекомендуется: 2 ГБ или выше)

– Microsoft Windows XP/2003/Vista/7-10

– выход в интернет

Facebook

Вконтакте

Одноклассники

Twitter

Please enable JavaScript to view the comments powered by Disqus.

<< Назад

Проверка оптимизации скорости загрузки страниц сайта Google PageSpeed Insights

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

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

Как работает Google PageSpeed Insights?

По результатам анализа Google PageSpeed Insights дает характеристику параметров скорости сайта при загрузке на
компьютерах и на мобильных устройствах. Для оценки скорости отображения веб-страницы сервис использует 100-балльную
шкалу:

90 баллов или выше означает быструю загрузку,
от 50 до 90 — среднюю,
ниже 50 — медленную.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Техническое руководство по отчетам Google PageSpeed Insights

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

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

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

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

Что такое скорость страницы?

Google определяет скорость страницы двумя способами:

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

Реклама

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

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

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

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

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

Что такое Google PageSpeed Insights (PSI)?

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

Снимок экрана с сайта PageSpeed Insights, октябрь 2021 г.

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

Скриншот из PageSpeed Insights, октябрь 2021 г.

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

Реклама

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

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

PageSpeed Insights и рейтинг

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

Скриншот с Twitter.com, октябрь 2021 г.

Но некоторые метрики, на которые опирается инструмент для расчета оценок PSI, например Core Web Vitals, являются частью алгоритма ранжирования Google.

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

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

Скорость страницы и пользовательский опыт

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

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

Скриншот с сайта Develeopers.google.com, октябрь 2021 г.

Задержка от 1 до 5 секунд увеличивает вероятность отскока посетителя на 90%. Хуже того, коэффициент конверсии упадет в среднем на 4.42% с каждой дополнительной секундой загрузки.

Реклама

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

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

Инструмент Google PSI — лучшее место, чтобы начать понимать скорость вашего сайта и способы ее улучшения.

Использование инструмента PageSpeed Insights

Чтобы использовать инструмент Google PSI, введите любой URL-адрес на панели инструментов, нажмите Analyze , и PSI приступит к работе.

Снимок экрана с сайта PageSpeed Insights, октябрь 2021 г.

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

Реклама

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

Во-первых, он собирает «полевые данные» страницы или данные о производительности, содержащиеся в отчете о пользовательском опыте Chrome (CrUX).

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

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

Общие сведения о вашем отчете PSI

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

Снимок экрана с сайта PageSpeed Insights, октябрь 2021 г.

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

Объявление

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

Зеленый = Хорошо.
Желтый = нуждается в доработке.
Красный = Плохо.

Вот как интерпретировать информацию в каждой области отчета.

Полевые данные

Полевые данные

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

Полевые данные Google PageSpeed Insights включают следующее:

Снимок экрана с PageSpeed Insights, октябрь 2021 г.

First Contentful Paint (FCP) : время, необходимое для загрузки первого объекта текста или изображения.
Самая большая отрисовка содержимого (LCP) : время, необходимое для загрузки самого большого текстового или графического ресурса.
Задержка первого ввода (FID) : время, необходимое браузеру для ответа на первое взаимодействие пользователя.
Совокупный сдвиг макета (CLS) : измеряет любое перемещение страницы в области просмотра.

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

Объявление

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

CLS рассчитывается по специальной формуле. Оценка CLS ниже 0,1 считается хорошей, а оценка CLS выше 0,25 — плохой.

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

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

Например, в приведенном выше отчете страница соответствовала стандартам FCP в 69% случаев, но не соответствовала этим стандартам в 31% случаев.

Лабораторные данные

Лабораторные данные Google PageSpeed Insights включают синтетические данные из Lighthouse API. Lighthouse измеряет FCP, LCP, CLS и три дополнительных показателя.

Снимок экрана с сайта PageSpeed Insights, октябрь 2021 г.

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

Объявление

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

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

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

Снимок экрана с Lighthouse 8, октябрь 2021 г.

Возможности и диагностика

В разделах «Возможности» и «Диагностика» представлены конкретные рекомендации по повышению скорости страницы.

Снимок экрана с сайта PageSpeed Insights, октябрь 2021 г.

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

Реклама

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

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

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

Снимок экрана с сайта PageSpeed Insights, октябрь 2021 г.

Аналогичным образом, в разделе «Диагностика» отчета подробно описаны передовые методы, которым веб-страница не следует на основании анализа страницы.

Снимок экрана с сайта PageSpeed Insights, октябрь 2021 г.

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

Снимок экрана с сайта PageSpeed Insights, октябрь 2021 г.

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

Реклама

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

Пройденные проверки

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

Снимок экрана с сайта PageSpeed Insights, октябрь 2021 г.

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

После отчета PSI и 6 советов по повышению скорости страницы

Для тех, кто плохо знаком с SEO, отчет PSI может показаться исключительно техническим.

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

Реклама

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

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

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

1. Оптимизируйте свои изображения

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

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

Некоторые передовые практики включают:

2. Встраивание видеоконтента

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

Реклама

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

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

3. Избегайте чрезмерных перенаправлений

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

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

4. Выберите более быструю тему веб-сайта

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

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

5. Используйте асинхронную загрузку для JavaScript

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

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

Объявление

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

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

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

6. Включение кэширования браузера

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

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

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

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

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

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

Реклама

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

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

Дополнительные ресурсы:

Изображение: TarikVision / Shutterstock

Google PageSpeed Insights: Как издатели могут увеличить скорость своего веб-сайта и улучшить взаимодействие с пользователем | Что нового в Publishing

Google недавно начал измерять скорость загрузки страниц и их качество по принципу «прошел / не прошел», как фактор ранжирования в поиске.

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

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

Google PageSpeed Insights и Core Web Vitals Score

Компания Google разработала инструмент PageSpeed Insights для анализа содержания и скорости загрузки сайта, оценки производительности сайта и предоставления информации, которая поможет издателям повысить скорость загрузки сайта.Google использует инструмент под названием Lighthouse для оценки вашего сайта от 1 до 100 отдельно для настольной и мобильной версии, причем 90+ является хорошей оценкой.

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

Они создали Google Core Web Vitals (CWV), который фокусируется на трех показателях взаимодействия с пользователем: стабильность страницы, скорость загрузки контента и скорость взаимодействия с страницей.

Специалисты

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

Каковы показатели Google Core Web Vitals?

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

Крупнейший Contentful Paint (LCP) — Этот рейтинг показывает, насколько быстро страница может загружать основное содержимое для страницы. LCP 2,5 секунды или меньше — хороший результат.
Задержка первого ввода (FID) — Этот рейтинг показывает, сколько времени требуется веб-странице, чтобы отреагировать на действие, предпринимаемое пользователем. Таймер для этого измерения запускается, когда на странице появляется что-то визуальное, на что пользователь может отреагировать, и заканчивается, когда страница может отреагировать на это действие посетителей.Если страница не может ответить пользователю, потому что она отвечает на многие другие скрипты, которые она загружает первой, то пострадает оценка FID. Для успешной оценки FID 100 миллисекунд или меньше — хороший результат.
Накопительное смещение макета (CLS) — CLS измеряет визуальную стабильность страницы и макета. Если вы нажмете вкладку вниз, что-то изменится? У вас есть объявления, изображения или элементы страницы, которые загружаются позже и вызывают смещение макета страницы? Это приводит к плохой оценке CLS. Рейтинг CLS 0,1 или меньше — хороший результат.

Этот видео-пример группы разработчиков Google иллюстрирует проблему CLS. Пользователь пытается отклонить покупку, но при нажатии на него макет смещается, и он случайно нажимает кнопку «Купить», что приводит к очень неприятным впечатлениям.

Руководство Google для издателей, проводящих собственный аудит скорости страницы: «Рассмотрите возможность прохождения страницы, если она соответствует рекомендуемым целевым показателям на 75-м процентиле для всех трех вышеперечисленных показателей.”

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

Как издатели могут улучшить скорость загрузки страниц и основные веб-ресурсы?

Издатели

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

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

Реализуйте отложенную загрузку, чтобы улучшить работу FID Web Vital

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

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

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

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

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

Большие медиафайлы являются одними из наиболее часто вызывающих комментарии из-за медленной загрузки страницы, и их легче всего устранить.Вы должны ранжировать все изображения на своем сайте по размеру и сразу обращать внимание на те, которые составляют 100 тыс. Или больше. Вы можете сканировать свой сайт с помощью такого инструмента, как Screaming Frog, чтобы идентифицировать все большие изображения за считанные минуты. WordPress и современные системы CMS часто имеют встроенные инструменты сжатия изображений, но убедитесь сами. Иногда вы можете добиться большего с помощью сторонних инструментов, созданных специально для сжатия изображений, таких как tinypng или jpeg-optimizer.

Удалите неиспользуемые файлы JavaScript для повышения скорости рендеринга страницы

Есть ли на вашей веб-странице раздутый JavaScript? Если JavaScript блокирует рендеринг, его необходимо вызвать, загрузить, проанализировать, оценить и выполнить, прежде чем страница сможет завершить рендеринг.У вас есть неиспользуемые файлы JavaScript? Файлы JavaScript могут накапливаться для таргетинга, систем CMS, настройки пикселей отслеживания, социальных тегов, загрузки шрифтов и многого другого. Вы можете детально определить, какая часть вашего JavaScript не используется, с помощью функции Coverage в Chrome DevTools.

При запуске инструмента скорости загрузки страниц Google он идентифицирует любой JavaScript с более чем 20 килобайтами неиспользуемого кода.

Объедините или уменьшите CSS и скрипты для повышения скорости страницы

Минификация этих скриптов сохраняет их машинно-читаемость, но значительно ускоряет их загрузку.Для минимизации скриптов доступно несколько инструментов; RankRed собрал хороший набор инструментов и описаний для минификации скриптов. Вы также можете сэкономить на поездках на сервер, если объедините файлы JavaScript или CSS.

Оптимизация кеша для Core Web Vitals

Стратегия кэширования

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

WP Tool maker WP Rocket предполагает, что предварительная загрузка кеша может быть ключевым подспорьем для повышения скорости страницы, и создал это видео для объяснения.

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

Укажите атрибуты высоты и ширины изображения, чтобы браузер мог планировать их недвижимость, даже если позже они будут загружаться лениво.
Зарезервировать место для рекламы, окон iframe и динамического содержания.Используйте контейнеры, чтобы избежать сдвигов макета во время рендеринга.
Рассмотрите возможность оптимизации отображения шрифтов с помощью ссылки rel = ”preload” и font-display: optional.

Запустить аналитику

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

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

Замена многоточечных решений на оптимизированное по скорости управление взаимоотношениями с посетителями

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

Майкл Ён
вице-президент по маркетингу, адмирал

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

Автор

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

Magento 2 Оптимизация скорости страницы SEO-расширение | Плагин Google | Настройка производительности | Модуль Magento 2 Pagespeed Insights

Расширение SEO для оптимизации скорости страницы Magento 2 | Плагин Google | Настройка производительности | Модуль Magento 2 Pagespeed Insights | Webp

Магазин будет работать некорректно, если куки отключены.

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

Оптимизация скорости Magento 2 повышает производительность веб-страниц, чтобы вывести ваш магазин на вершину поискового рейтинга Google. Увеличьте посещаемость вашего интернет-магазина за счет оптимизации скорости и получите бесконечный поток новых посетителей!

Оптимизация структуры кода JS, CSS и HTML
Более быстрое отображение страниц с помощью WebP и отложенной загрузки
Изменение размера и кадрирование изображений для мобильных устройств
Примените интеллектуальное объединение JS и Server Push
Использование в Magento Cloud и CDN
НОВИНКА : Использовать встроенные функции AMP

Активировать подписку на поддержку
для доступа к службе поддержки

Охватывает все продукты
в вашем аккаунте

Предотвратите потерю потенциальных клиентов в своем магазине

Не секрет, что на магазины с медленной загрузкой теперь влияет алгоритм Google RankBrain.Между тем, эффективность SEO и оптимизация магазинов Magento 2 имеют решающее значение, поскольку никто не хочет искать товары за пределами первой страницы результатов поиска. Исследование Advanced Web Rankings показывает, что веб-сайты на первой странице результатов поиска получают почти 95% веб-трафика, оставляя только 5% для остальных страниц. В конце концов, если ваш магазин плохо оптимизирован, Google пессимизирует его, и вы не получите столько потенциальных клиентов, сколько сможете.

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

Расширение для оптимизации скорости Magento 2 делает работу магазина удобной как для пользователей, так и для поисковых систем. Посетители не уйдут из вашего магазина из-за непростительно долгой загрузки. Между тем, Google Rankbrain быстрее проиндексирует ваш магазин и принесет вам самые высокие места в результатах поиска Google.Не упускайте возможность увеличить конверсию!

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

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

Увеличивайте посещаемость поисковых систем с помощью оптимизированной позиции в выдаче Google

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

Как оценить производительность страниц вашего магазина

используйте встроенный инструмент диагностики прямо из админки.Модуль Magento PageSpeed обрабатывает информацию, предоставленную Google Insights, и снабжает каждую проблему подробными советами по настройке. Проверьте результат перед запуском оптимизации, следуйте пошаговым инструкциям и снова запустите диагностику, чтобы увидеть результаты!

Оптимизация структуры кода в Magento

С расширением настройки производительности Magento 2 вы определенно повысите оценку производительности магазина в инструментах Google PageSpeed Insights и GTmetrix за счет оптимизации содержимого Javascript, CSS и HTML.

Расширенная оптимизация JS

Минимизация HTML, CSS, JS

НОВИНКА | Минимизировать JavaScript в файлах PHTML

Объединение CSS и JS

Переместить JS в нижний колонтитул

Отложить загрузку файлов CSS

НОВИНКА | Activate Server Push

Optimize JS code by Amasty

Когда вы запускаете оптимизацию Amasty JS, модуль автоматически запускает объединение, объединение, минимизацию файлов JS и другие действия, которые не нужно выполнять вручную.Уменьшите вес JS-кода и запросов, чтобы ускорить работу вашего магазина Magento 2 и ускорить рендеринг содержимого веб-страницы.

Сжатие кода «на лету»

Ускорьте свой магазин Magento 2 за счет сокращения кода HTML, CSS и JS до 10–20% без ущерба для его содержимого. Лишние пробелы, разрывы строк, комментарии и разделители блоков будут удалены, чтобы веб-браузер мог работать с этими файлами быстрее.

Оптимизация некэшируемых страниц

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

Объединить CSS и JS в один файл

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

Переместить JS в нижнюю часть страницы

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

Отложить шрифты и напечатать файлы CSS.

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

НОВИНКА: Включить Server Push для серверов Nginx и Apache

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

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

Использовать асинхронное индексирование

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

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

НОВИНКА: создание сверхбыстрых мобильных страниц

Преобразование изображений в Webp

Регулировка разрешения

Выбор алгоритма изменения размера

Сжатие изображений JPEG

Осветление изображений PNG и GIF

Массовая оптимизация изображений

Создание сверхбыстрых изображений мобильные страницы

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

Сделайте изображения светлее с помощью формата Webp

Примените эту функцию к своему магазину, и расширение Magento 2 Performance Optimization создаст копию каждого изображения в формате Webp. Изображения Webp на 26% меньше по размеру по сравнению с PNG.

Создание изображений с меньшим разрешением

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

Автоматически изменять размер изображений

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

Выбор стратегии сжатия JPEG

Сжатие изображений позволяет уменьшить размер изображений JPEG с сохранением качества на 100, 90 или 80%. Выберите золотую середину между более высоким качеством или меньшим весом изображений и внесите в свой магазин Magento 2 значительные улучшения производительности.

Попробуйте инструмент оптимизации для изображений PNG и GIF.

Оптимизация PNG и GIF — это мощный инструмент повышения производительности Magento 2 для сжатия размеров ваших изображений и фотографий при сохранении высокого качества без каких-либо различий до и после сжатия.Уменьшите вес изображений до 67%!

Повысьте скорость оптимизации изображений

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

НОВИНКА → Теперь расширение производительности Magento совместимо с Varnish!

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

Ускорение процесса загрузки

Используйте оптимизацию скорости страницы Magento 2, чтобы отложить инициализацию объекта до момента, когда это необходимо, и очистить кеш скорости страницы. Ускорьте загрузку веб-страниц и предотвратите отставание длинных страниц каталога, заполненных изображениями, в вашем магазине. Кроме того, функция отложенной загрузки полностью совместима с расширением Full Page Cache Warmer: разогревать страницы в соответствии с пользовательскими агентами для максимального эффекта.

НОВИНКА | Включить агент пользователя

Изображения с отложенной загрузкой

Выберите стратегию отложенной загрузки

Настройте процесс отложенной загрузки

Предварительно загружайте изображения при необходимости

НОВИНКА | Получение правильно оптимизированных изображений на основе данных User Agent

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

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

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

Выберите свою стратегию загрузки

Улучшения оптимизации производительности Magento 2 позволяют вам решить, какой из двух сценариев отложенной загрузки лучше всего подходит для вашей системы. Можно выбрать между jQuerry Lazy Script или Native JS Lazy Script.

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

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

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

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

Посмотрите наш модуль настройки производительности Magento 2 в действии.

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

[PREMIUM] Максимальный уровень оптимизации

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

Управление каталогом AJAX

Оптимизация Cron для изображений

Больше гибкости для слияния JS

Управление каталогом AJAX

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

Сжатие изображений по расписанию

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

Больше гибкости для слияния JS

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

Не можете решить, какое решение соответствует вашим потребностям?

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

→ Запросить живую демонстрацию

Выберите решение, наиболее подходящее для вашего бизнеса

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

Преобразование изображений в формат Webp
Сжатие изображений JPEG, PNG и GIF
Изменение размера файлов мультимедиа с помощью 2 алгоритмов
Автоматическая оптимизация новых изображений
Включить агенты пользователя
Создать изображения Webp для AMP
Включить Объединение JS
Минимизировать HTML и CSS
Объединить CSS и JS
Перенести CSS и JS для печати в нижний колонтитул
Активировать Server Push
Отложить загрузку шрифтов

Активировать бесконечную прокрутку для страниц категорий
Обеспечить быструю покупку с помощью AJAX корзина и всплывающее окно
Opt imize images by Cron
Включить слияние JS для определенных устройств

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

Сэм Медер

19-летний технический эксперт, большой опыт в разработке и управлении

Как для быстрого увеличения скорости Magento 2?

Если расширение включено, самый быстрый способ оптимизировать скорость загрузки — выполнить общие настройки;
Расширьте вкладку HTML и установите Minify HTML на Да ;
Затем перейдите на вкладку JavaScript и включите там все настройки оптимизации;
Переключитесь на оптимизацию CSS и выберите необходимые значения;
Также используйте плоские таблицы , Оптимизация изображений
Другие настройки для быстрого достижения более яркого результата
Сохраните изменения и проверьте результат.

Как настроить производительность SEO в Magento 2?

Установите и включите расширение Google Page Speed Optimizer.
Перейдите в «Магазины»> «Конфигурация»> «Оптимизатор скорости страницы Google».
Откройте раздел «Настройки».
Включить оптимизацию HTML, JavaScript и CSS.
Откройте раздел Оптимизация изображения.
Настройте автоматическое изменение размера изображения и отложенную загрузку.
Сохраните изменения.

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

Зачем нужна оптимизация для Magento 2?

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

Как оптимизация скорости Magento 2 может привести к успешным продажам на Хэллоуин?

Более 90% покупателей покидают сайт, если его загрузка занимает 5+ секунд, а каждые 100 миллисекунд задержки загрузки снижает коэффициент конверсии до 7%.Таким образом, вы должны убедиться, что ваш магазин не отпугнет покупателей своей скоростью загрузки, подобной улитке. Вы должны начать с просмотра всех ошибок, которые показывает PageSpeed Insights, и исправить их. Наше расширение может помочь вам в этом, не углубляясь в код.

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

Запросить цену

Отправьте эту форму сейчас, и мы свяжемся с вами в ближайшее время!

Какая функция отсутствует в вашем расширении?

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

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

Выберите элемент AMP для M2AMP для M2

Версия 2 .2.0

Последнее обновление: 11 августа 2021 г.

2.2.0 — 11 августа 2021 г.

Новое сейчас Функциональность ускоренных мобильных страниц доступна как часть тарифов Google Page Speed Optimizer Pro и Premium

Просмотреть все предыдущие обновления

Версия 2.1.3

Последнее обновление: 27 июля 2021 г.

2.1.3 — 27 июля 2021 г.

Улучшение Мы улучшили общие настройки Google Page Speed Optimizer и Image Optimizer, чтобы сделать конфигурацию модулей более удобной

2.1.2 — 31 мая 2021 г.

Улучшение добавлена поддержка WebP для Safari 14
Совместимость улучшена Совместимость с кешем Varnish. Теперь пользователи, впервые посещающие сайт, будут получать изображения WebP.
Исправление: мы исправили проблему, возникавшую при отключении расширения отложенной загрузки с использованием общей конфигурации.
Исправление. Мы решили проблему с изображениями webp, используя настройки «Использовать агент пользователя для Загрузка изображений »и« Игнорировать изображения, содержащие »

2.1.1 — 18 марта 2021 г.

Исправление мы исправили проблему, возникшую в процессе компиляции
Исправление мы решили проблему с кодами хранилища для правильного функционирования Server Push
Исправление мы исправили ошибку, которая возникала при оптимизации, если есть нет настраиваемых или простых типов продуктов

2.1.0 — 24 февраля 2021 г.

Новое теперь расширение поставляется с новой настройкой, позволяющей оптимизировать изображения только для включенных продуктов
Улучшение Мы улучшили работу диагностики, поэтому Вы можете проверить улучшение рейтинга веб-сайта сразу после настройки расширения.
Улучшена совместимость с Amasty Full Page Cache Warmer

Версия 2.0.0

Последнее обновление: 10 февраля 2021 г.

2.0.0 — 10 февраля 2021 г.

Новое: теперь расширение поставляется с Server Push, который предоставляет ресурсы браузеру до того, как он потребует, таким образом сокращая время приема-передачи.
Улучшение Мы обновили настройки расширения для предотвращения проблем с конфигурацией
Улучшение мы улучшили процесс создания изображений Webp

Версия 1.8.5

Последнее обновление: 19 ноября 2020 г.

1.8.5 — 19 ноября 2020 г.

Исправлено исправление оптимизации Изображения WebP при указании формата в верхнем регистре

1.8.4 — 01 октября 2020 г.

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

1.8.3 — 2 сентября 2020 г.

Улучшена совместимость с расширением Amasty AMP

1.8.2 — 10 июля 2020 г.

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

1.8.1. — 3 июня 2020 г. для загрузки изображений ‘включен

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

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

Исправление: мы исправили проблему с изображениями base64 в Magento 2.3.5

1.8.0 — 5 мая 2020 г.

Улучшение Мы улучшили поведение с кешем Varnish, которое было некорректным в некоторых браузерах, не поддерживающих формат изображений WebP.
Исправление мы исправили проблему с ошибкой «Техническая проблема …», когда файл без расширения появляется в очереди оптимизации.
Исправление мы исправили проблему с неправильной проверкой инструмента оптимизации изображения
Исправить мы устранили проблему с преобразованием в формат WebP файлов с одинаковыми именами, но разными расширениями.
Исправление: мы исправили проблему с оптимизацией изображений из панели администратора в Magento 2.1.x
Исправление мы исправили проблему с нехваткой памяти для оптимизации JavaScript на экземплярах с низким объемом памяти
Исправление мы устранили проблему с ошибкой во время процесса установки Magento с расширением внутри
Исправление мы исправили проблему с дополнительным- большое HTML-регулярное выражение с возвратом

Версия 1.7.4

Последнее обновление: 25 февраля 2020 г.

1.7.4 — 25 февраля 2020 г.

Улучшение мы улучшили конструкции кода для стандартов Magento Marketplace
Исправлено мы решили проблему с помощью специальных символы в названиях картинок

1.7.3 — 05 февраля 2020 г.

Исправлена проблема с некорректным получением некоторых настроек конфигурации: игнорирует, перемещает js

1.7.2 — 30 января 2020 г.

Улучшение возможности добавления совместимости с 3-ей стороной были добавлены расширения, использующие AJAX
Улучшение теперь srcset в изображениях ленивая загрузка будет удалена
Совместимость теперь модуль совместим с Varnish
Совместимость теперь модуль совместим с расширением Amasty AMP
Совместимость теперь модуль совместим с img tag, который включает пустой src
Исправление мы решили проблему с пустыми строками в конфигурации модуля (игнорировать листы)
Исправить мы решили проблему после запуска Amasty JS Optimization

1.7.1 — 10 декабря 2019 г.

Улучшение исправлена работа Amasty JS Optimization
Исправлена проблема с некорректным отображением верхнего меню в мобильной версии

1.7.0 — 22 ноября 2019 г.

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

Версия 1.6.2

Последнее обновление: 25 октября 2019 г.

1.6.2 — 25 октября 2019 г.

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

1.6.1 — 23 октября 2019 г.

Улучшение незначительные визуальные улучшения в основных настройках расширения

1.6.0 — 15 октября 2019 г.

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

Версия 1.5.2

Последнее обновление: 27 сентября 2019 г.

1.5.2 — 27 сентября 2019 г.

Исправлена проблема с обновлением расширений

1.5.1 — 12 сентября 2019 г.

Исправлена проблема с созданием очереди в Magento 2.3.2 было разрешено

1.5.0 — 4 сентября 2019 г.

Новое: мы добавили новую функцию для оптимизации изображений — «Пользовательский агент». Если он включен, он позволяет установить отдельную функцию предварительной загрузки для мобильных, планшетных и настольных устройств, а также использовать функции WebP + Resize + LazyLoad для одного и того же изображения одновременно.
Оптимизация новых изображений перенесена в отдельную сетку — теперь вы можете выберите параметры оптимизации для определенных папок на вашем сервере.Пожалуйста, перейдите в «Контент> Оптимизатор скорости страницы Google> Настройки оптимизации папок изображений».
Улучшение Мы улучшили вкладку «Оптимизация изображений» на странице общих настроек расширения, сделав ее более понятной и удобной в использовании.

Версия 1.4.0

Последнее обновление: 19 августа 2019 г.

1.4.0 — 19 августа 2019 г.

Новые разделы Javascrtipt и CSS были значительно улучшены — теперь вы можете указывать исключения для страниц администратора, настраиваемые страницы магазина по URL, часть JS на страницах, и перемещать объединенные файлы JS и CSS по настраиваемым страницам URL.
Улучшение Раздел Javascript для экземпляров Magento Cloud подвергся рефакторингу; Пожалуйста, не забудьте указать соответствующую настройку в конфигурации, если вы используете Cloud instance

Version 1.3.0

Последнее обновление: 4 июня 2019 г.

1.3.0 — 4 июня 2019 г.

Новое: теперь можно исключить определенные шрифты из отсрочки при использовании функции «Отложить загрузку шрифтов»
Улучшение: мы улучшили код
Улучшение Мы улучшили функцию «Оптимизация Amasty JS» для повышения производительности
Совместимость Мы улучшили совместимость с версиями Magento старше 2.2.0

Версия 1.2.4

Последнее обновление: 10 мая 2019 г.

1.2.4 — 10 мая 2019 г.

Исправление Мы устранили возможную проблему с объединением JS на многодоменном веб-сайте

1.2.3 — 4 мая 2019 г.

Исправление мы устранили проблему с ошибкой js `Fieldset is не определено »в процессе« Объединение JavaScript »

1.2.2 — 3 мая 2019 г.

Исправление: мы решили проблему с созданием очереди при использовании« Использовать формат изображения Webp »

1.2.1 — 18 апреля , 2019

Исправлено, что мы разрешили множественный выбор папок в «Папках для оптимизации»

1.2.0 — 15 апреля 2019 г.

Новое мы разработали пакет Amasty Advanced JS Bundling. Теперь можно создать расширенный пакет JS Google

Версия 1.1.0

Последнее обновление: 3 апреля 2019 г.

1.1.0 — 3 апреля 2019 г.

Добавлены новые расширенные настройки для функции отложенной загрузки. Теперь можно настраивать оптимизацию для разных типов страниц индивидуально.
Новое. Теперь вы можете выбирать папки с изображениями для оптимизации.
Новое. Теперь можно выбрать степень сжатия для оптимизации JPEG.
Новое Представляем функцию изменения размера изображения. Расширение создает несколько копий изображения разных размеров.
Добавлен новый формат изображения WebP. Расширение может создавать копию изображения в формате WebP. Браузеры, поддерживающие WebP, будут получать изображения в формате
Улучшение Улучшен процесс оптимизации изображений. Теперь он выполняется путем создания очереди и ее обработки. Его также можно запустить через интерфейс командной строки.

Версия 1.0.6

Последнее обновление: 7 марта 2019 г.

1.0,6 — 7 марта 2019 г.

Улучшение: мы улучшили процесс «Переместить JavaScript в нижнюю часть страницы». Теперь он работает более стабильно с пользовательскими темами

1.0.5 — 21 февраля 2019 г.

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

1.0.4 — 6 февраля 2019 г.

Исправлена работа кнопки «Запустить оптимизацию сейчас».

1.0.3 — 04 февраля 2019 г.

Исправление: устранена возможная проблема с отображением изображений при включенной опции отложенной загрузки

1.0.2 — 30 января 2019 г.

Устранена проблема с добавлением скрипта отложенной загрузки в robots.txt

1.0.1 — 17 января 2019 г.

Улучшение Незначительное визуальное улучшение в области администрирования (настройки расширения)

Версия 1.3.6

Последнее обновление: 26 августа 2021 г.

1.3.6 — 26 августа 2021 г.

Совместимость Мы улучшили совместимость с расширением Amasty Google Page Speed Optimizer. Страница продукта AMP при доступе со страницы категории AMP
Исправлена проблема с отображением значка списка желаний, если он отключен

1.3.5 — 27 ноября 2020 г.

Исправлена проблема с пустыми значениями фрагментов
Исправлено исправление генерации URL-адреса в случае, если исходный URL-адрес содержит index.php

1.3.4 — 21 сентября 2020 г.

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

1.3.3 — 18 августа 2020 г.

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

1.3.2 — 7 мая 2020 г.

Исправлена проблема с проверкой ключа формы

1.3.1 — 24 апреля 2020 г.

Добавлена совместимость с Magento 2.3.5
Совместимость с Varnish и FPC была улучшено
Исправлена небольшая проблема с отображением значков и шрифтов

1.3.0 — 31 марта 2020 г.

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

Просмотреть все предыдущие обновления

Версия 1.2.1

Последнее обновление: 16 марта 2020 г.

1.2.1 — 16 марта 2020 г.

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

1.2.0 — 13 февраля 2020 г.

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

Версия 1.1.1

Последнее обновление: 22 января 2020 г.

1.1.1 — 22 января 2020 г.

Улучшение Мы реализовали незначительное улучшение связи между AMP и не-AMP версиями страниц

1.1.0 — 24 декабря 2019 г.

Новое сейчас Страницы категорий также доступны для включения AMP. Включите функциональность в один клик

Скорость страницы и SEO: полное руководство

Что такое скорость страницы?

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

Тем не менее:

«Скорость страницы» не так проста, как кажется.

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

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

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

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

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

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

Это много времени … если посмотреть ТОЛЬКО на то, сколько времени требуется для загрузки всей страницы.

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

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

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

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

Bottom Line?

Есть много разных способов измерения скорости страницы. И не существует «правильного» показателя, превосходящего все остальные. У всех есть свои плюсы и минусы.

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

Почему скорость страницы важна для SEO?

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

А в 2018 году Google повысил важность скорости страницы с обновлением «Скорость».

Вкратце:

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

Вопрос: как Google определяет скорость загрузки вашего сайта? Они смотрят, сколько времени требуется для загрузки 100% страницы? Или ТТФБ?

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

Таким образом, вот как увеличить скорость загрузки вашего сайта.

Лучшие Лрактики

Сжать изображения

Я ставлю это на первое место, потому что обычно это самый крупный выигрыш.

В конце концов, изображения обычно занимают 50-90% размера страницы.

(и скорость загрузки)

Например, посмотрите этот отчет о скорости страницы со страницы моего сайта:

Как видите, 86,2% размера страницы занимают изображения:

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

Как?

Если ваш сайт работает на WordPress, я настоятельно рекомендую плагин под названием WP Smush:

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

Не используете WordPress? Есть еще множество вариантов сжатия изображений, таких как Cesium и Mass Image Compressor.

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

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

Очистите и сожмите свой код

Другими словами: уменьшите ресурсы, найденные на вашей странице.

Сюда входят:

HTML
CSS
JavaScript
И любой другой код, найденный на вашей странице

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

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

(Да, это рифмуется 🙂)

Затем сожмите код с помощью такой программы, как GZip.

Обновление хостинга

Это один совет, о котором мало кто говорит.

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

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

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

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

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

Активировать кеширование браузера

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

Таким образом, при следующем посещении вашего сайта он загружается НАМНОГО быстрее.

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

Вы можете настроить кеширование браузера в файле .htaccess. Или с помощью плагина WordPress.

Внедрить CDN

Сеть доставки контента (CDN) — один из самых простых способов повысить скорость загрузки вашего сайта.

Сети

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

Тест с помощью инструментов для проверки скорости нескольких страниц

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

И я рекомендую проверить скорость вашей страницы с помощью двух разных инструментов.

Первый — это Google PageSpeed Insights.

Инструмент Google сканирует код вашей страницы на наличие проблем…

… и возможности.

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

Что СУПЕР полезно.

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

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

Однако эти форматы «следующего поколения» не поддерживаются большинством браузеров (включая Safari и Firefox). Так что, если вы переключитесь на эти форматы следующего поколения, пользовательский опыт вашего сайта испортится.

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

Далее у нас есть WebPageTest.org.

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

Узнать больше

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

Оптимизируйте свой Google PageSpeed Insights Оценка

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

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

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

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

Для чего нужен инструмент Google Page Speed Insights?

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

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

Первая содержательная отрисовка — 3x
Первая значимая отрисовка — 2x
Время до интерактивности — 5x
Индекс скорости — 4x
Первый простой ЦП — 2x

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

Красный цвет указывает на плохой результат от 0 до 49

Оранжевый цвет обозначает средний балл от 50 до 89

Зеленый цвет указывает на хороший результат от 90 до 100

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

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

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

Скорость — это не просто фактор ранжирования — существует прямая корреляция между более быстрым веб-сайтом и большим количеством конверсий. Связь между скоростью и более высоким коэффициентом конверсии была обнаружена в исследовании Portent в 2019 году. Исследование показало, что с каждой дополнительной секундой загрузки (от 0 до 5 секунд) коэффициент конверсии снижался в среднем на 4.42%. Исследование также показало, что первые 5 секунд скорости страницы больше всего влияют на коэффициент конверсии.

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

Является ли Google PageSpeed Insights точным?

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

Предыдущая версия Google PageSpeed Insights была выпущена в ноябре 2018 года и называлась Google PageSpeed 5.0. называется. Он начал использовать базу данных Chrome User Experience Report и аудит Lighthouse.

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

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

Google PageSpeed Vs. WebPageTest Vs. GTMetrix

Несмотря на то, что Google PageSpeed Insights является точным и надежным инструментом для проверки производительности вашего веб-сайта, это не единственный доступный инструмент для определения скорости страницы.Другие инструменты, такие как GTMetrix, WebPageTest и Pingdom, являются альтернативой Page Speed. Давайте рассмотрим некоторые варианты, чтобы понять основные различия между этими инструментами проверки скорости веб-сайта.

Google PageSpeed Insights

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

Инструмент PageSpeed является автономным, то есть вы не можете создать на нем учетную запись и отслеживать свои результаты с течением времени.Единственная возможность пользователям измерять свою производительность с течением времени — это постоянно запускать ручные тесты через определенные промежутки времени.

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

WebPageTest

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

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

WebPageTest позволяет создавать собственные показатели для оценки вашего веб-сайта в соответствии с вашими конкретными потребностями.Чтобы провести собственный тест, вы можете либо указать пользовательский показатель во время теста, либо добавить файл JavaScript. Этот инструмент предлагает наибольший из трех вариантов настройки. Даже на вкладке простого тестирования вы можете ввести URL-адреса веб-сайтов, которые хотите протестировать с конфигурацией EST. Инструмент также предлагает возможность выполнить аудит Lighthouse.

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

GTMetrix

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

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

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

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

Сравнение трех тестов

Эти три теста являются наиболее часто используемыми инструментами для определения скорости страницы разработчиками и командами SEO для проверки производительности веб-сайта, но как эти инструменты соотносятся друг с другом?

1. Выбор устройства и браузера

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

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

2. Место проведения испытаний

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

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

3. Анализ водопада

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

Инструменты WebPageTest и GTMetrix показывают вам каскадную диаграмму для тщательного анализа вашего веб-сайта и того, сколько времени требуется для загрузки каждого ресурса.
Google Pagespeed Insights не включает анализ водопада

Как набрать 100 баллов в Google PageSpeed Insights

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

Устранение ресурсов, блокирующих рендеринг

Это одна из наиболее распространенных рекомендаций инструмента PageSpeed Insights. Это относится к сценариям JavaScript и CSS, которые препятствуют быстрой загрузке вашей страницы.

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

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

Минимизировать JavaScript

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

Удалить неиспользуемый CSS

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

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

Оптимизация изображения

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

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

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

Изображения могут существенно повлиять на производительность веб-сайта, поэтому важно их оптимизировать.Самый простой способ оптимизировать изображения — это сжать их. Этот метод уменьшает размер файла и ускоряет их загрузку. Это один из наиболее часто рекомендуемых методов техническими специалистами по поисковой оптимизации и самим Google. Цель здесь — достичь минимально возможного размера файла без ущерба для качества изображения. Для достижения желаемых результатов можно использовать несколько плагинов, таких как Smush и Imagift. Некоторые другие методы оптимизации изображений включают:

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

Преобразование в форматы Nextgen, оптимизированные для браузеров (WebP)

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

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

Отложенная или отложенная загрузка изображений за пределами экрана

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

Сократить время выполнения JavaScript

Выполнение

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

Уменьшить задержку TTFB

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

Использование легких плагинов и тем
Использование CDN (сети доставки контента)
Выбор хорошего поставщика DNS (системы доменных имен)
Выбор высококачественного провайдера веб-хостинга, который может предложить улучшить скорость страницы Google
Использование меньшего количества подключаемых модулей на вашем сайте
Реализация кеширования браузера

Включить сжатие текста

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

Вы также можете установить плагин с функцией сжатия GZIP. WP Rocket — хороший выбор, если вы не против использовать платный плагин.

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

Избегайте нескольких цепочек переадресации 301

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

Обслуживайте статические активы с помощью эффективной политики кэширования

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

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

Google PageSpeed Insights и Perender

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

Как набрать 100% в Google PageSpeed Insights

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

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

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

1. Что такое скорость страницы и какие факторы на нее влияют?

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

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

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

Разве это не то же самое, что скорость сайта?

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

Какие факторы влияют на скорость страницы?

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

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

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

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

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

2. Почему скорость вашей страницы имеет значение?

Знаете ли вы, как владелец веб-сайта, что 47% потребителей ожидают, что страница загрузится за 2 секунды или быстрее? Если ваш веб-сайт не соответствует ожиданиям аудитории, они могут нажать на него. Они будут искать другие веб-сайты, чтобы получить свои продукты, услуги или информацию.

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

Почему скорость загрузки страниц важна для Google?

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

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

Если вам нужно сделать выбор между PageSpeed Insights и контентом, выберите контент.Как мы всегда говорим, контент — это король. Высокая скорость загрузки страниц — это хороший бонус, но не серьезный стимул для SEO.

3. Измерение скорости страницы с помощью Google PageSpeed Insights

Если вам нужен тест скорости страницы, используйте Google Page Speed Insights (PSI). Это отличный инструмент для проверки не только скорости страницы, но и производительности вашего сайта. Все, что вам нужно сделать, это зайти на сайт и ввести URL страницы, скорость которой вы хотите проверить.

Нажмите «Анализировать», и вы увидите набор оценок веб-сайта, который вы протестировали.

Ниже вы увидите оценку вашей веб-страницы в Google PageSpeed Insights. Оценка от 90 до 100 — идеальная оценка. Если ваша оценка находится в минусе, вам все равно придется поработать над множеством вещей, чтобы улучшить производительность вашей страницы.

Кроме того, хотя оценка 100/100 в Google PageSpeed Insights идеальна, это не так важно. Вам не нужно набирать идеальный балл PSI, чтобы занять более высокое место. Вам нужно сосредоточиться на том, чтобы ваш сайт загрузился в течение одной или двух секунд.

Диагностика скорости мобильных страниц

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

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

Точного объяснения этому нет.Есть теория, что Lighthouse анализирует страницу через эмулируемую мобильную сеть. Lighthouse — это инструмент, с помощью которого Google получает данные.

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

4. Использование Google PageSpeed Insights для улучшения вашего веб-сайта

Самое замечательное в Google Insights состоит в том, что он также пытается объяснить, почему мобильный или настольный сайт работает медленнее. Готовый отчет по PSI расскажет вам, что мешает работе вашей веб-страницы.Под оценкой вы увидите некоторые рекомендации по оптимизации скорости загрузки страницы.

Полевые данные и лабораторные данные

Во-первых, давайте поговорим о том, что находится под оценкой: полевые данные и лабораторные данные. В разделе «Данные поля» вы увидите несколько диаграмм под сводкой по скорости загрузки страницы. Это первая полноформатная отрисовка (FCP) и задержка первого ввода (FID).

Затем ваши лабораторные данные сообщат вам конкретные данные для имитации загрузки страницы. Что означают номера красок в разделе «Лабораторные данные»? Эти раскраски — это элементы, которые ваши посетители видят при посещении страницы.

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

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

Возможности и диагностика

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

Например, распространенной возможностью является «устранение ресурсов, блокирующих рендеринг». К ним относятся скрипты CSS и JavaScript, блокирующие рендеринг. Помните, что браузеры сначала должны загрузить, проанализировать и выполнить все файлы CSS и JS перед их рендерингом.

Вот почему ресурсы CSS и JavaScript блокируют рендеринг. Ваша страница должна выглядеть как пустая страница, прежде чем что-либо появится. Чтобы исправить это, используйте вместо этого Critical CSS или минимизируйте и объедините файлы CSS / JS.

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

5. Важные показатели PageSpeed для улучшения

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

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

Крупнейший компонент содержимого (LCP)

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

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

First Contentful Paint (FCP)

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

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

Общее время блокировки (TBT)

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

6. Другие лабораторные показатели для улучшения

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

Time to Interactive (TTI)

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

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

Индекс скорости

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

Накопительное смещение макета (CLS)

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

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

7. Какое другое средство проверки скорости страницы я могу использовать в качестве альтернативы Google PSI?

Хотите еще раз проверить скорость своей страницы на других платформах? Вы можете перейти к GTmetrix и WebPageTest, чтобы дважды или даже трижды проверить скорость своей страницы. GTmetrix использует оценки от PageSpeed Insights и YSlow.

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

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

Важно обеспечить воспринимаемую скорость страницы.

Оценка выше в Google PageSpeed Insights

На этом заканчивается наше руководство по Page Speed 101.

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

У вас есть вопросы о Google PageSpeed Insights? Хотите узнать, как мы можем помочь вам улучшить ваш показатель PSI? Свяжитесь с нами сегодня!

— Скорость страницы завышена?

Веб-мастера в наши дни нервничают, когда дело доходит до их оценки Google Page Speed Insights.Хорошо известно, что забота о скорости страницы вашего веб-сайта является хорошей практикой, однако достоверность оценки Google Pagespeed Insights вызывает несколько сомнений. И все же люди, похоже, одержимы максимальной оценкой Google Pagespeed Insights. «Если вы хотите, вы можете бесплатно получить отчет о производительности от эксперта ShimmerCat, чтобы найти узкие места и варианты увеличения скорости».

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

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

PageSpeed Insights не является инструментом ускорения страницы

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

Что такое «Google Page Speed Insights»

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

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

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

Ответ на этот вопрос — да или нет.

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

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

Page Speed, безусловно, является фактором ранжирования. Но это один из 200 факторов ранжирования.

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

Этого никогда не бывает.

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

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

Анализ Pagespeed Insights

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

Обратите внимание, что все эти веб-сайты были созданы на WordPress. Есть много веб-сайтов с отличным показателем Page Speed и оптимальным временем загрузки, но не WordPress дает им возможность.Платформы имеют большое значение.

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

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

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

Веб-сайт 1: Блог о еде

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

Рейтинг сайта оценивается по 186 000 ключевых слов. При этом 4700 из них находятся в пятерке лидеров. Общее количество обратных ссылок превышает 1000. Несмотря на то, что PageSpeed Insights Scores составляет 17 мобильных и 32 настольных ПК.

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

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

Веб-сайт 2: Блог о питомцах

Ужасное время загрузки не помешало успеху этого блога.

Блог оценивается примерно по 101 000 ключевых слов, из которых 2 900 занимают первые пять позиций. Обратных ссылок больше 900.

Удивительно, но этот замечательный веб-сайт загружается за семь секунд, согласно тесту WebPage.Оценка Google Pagespeed Insights составляет 18 для мобильных устройств и 40 для компьютеров.

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

Веб-сайт 3: Маркетинговый веб-сайт и блог

Рейтинг Pagespeed Insights не так велик, но скорость отличная.

Блог оценивается примерно по 1 миллиону ключевых слов, тогда как 2 900 из них занимают первые пять позиций. Обратные ссылки пересекают 66 000 цифр.

65 для мобильных и 97 для настольных ПК. Это баллы Google Pagespeed Insights. Но с помощью теста WebPage Test выяснилось, что веб-сайт загружается всего за 2,7 секунды.

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

Проблемы, выявленные Google PageSpeed Insights

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

Веб-сайт 4: SEO Компания

Оценка

Insights очень низкая. Время загрузки тоже очень низкое.

Тем не менее, веб-сайт оценивается примерно по 13 000 ключевых слов, в то время как 423 из них занимают первые пять позиций.Обратных ссылок больше 4000.

25 мобильных и 58 настольных компьютеров — это оценка Google Pagespeed Insight. Согласно тесту WebPage, для загрузки документа требуется 6,5 секунд.

Разве это не звучит иронично? SEO-компания с медленной скоростью.

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

Веб-сайт 5: ПО для тестирования конверсии

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

оценок Pagespeed Insights столь же плачевны, как 7 мобильных и 48 настольных ПК. Время загрузки теста WebPage по-прежнему не превышает четырех секунд. Представьте, насколько завуалирована оценка Google Pagespeed Insights.

Веб-сайт 6: Образ жизни старше 40 лет Блогер

Невероятный рейтинг с неутешительной оценкой Google Pagespeed Insights.

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

Вот как он набирает очки. Время тестовой загрузки веб-страницы составляет 14 секунд. Pagespeed Insights получил 16 баллов на мобильных устройствах и 45 на компьютерах.

Веб-сайт 7: Мамочка-блоггер

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

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

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

Веб-сайт 8: Хостинговая компания (WP Engine)

Это должно быть включено, чтобы подчеркнуть точку зрения. Даже компании, которые продают свои услуги на основе Pagespeed, не получают хороших результатов в Pagespeed Insights от Google. Документ завершается за 4,8 секунды.

Принимая во внимание, что 34 мобильных и 72 настольных компьютера — это оценка Insights.

Веб-сайт 9: Хостинговая компания (GetFlyWheel)

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

Что ж, их оценка составляет 21 мобильный и 68 настольных ПК. Время на документирование составляет 6,2 секунды.

Теперь, надеюсь, вы нашли ответ на вопрос, заданный в самом начале. Google Pagespeed Insights в современном мире становится более важным, чем он должен быть на самом деле.

То же самое и рекомендация WPRocket. Компания известна оптимизацией скорости. Они не хотят, чтобы вы беспокоились о результатах Pagespeed Insights.

Хостинг

: самая большая проблема скорости

Это причина низких оценок Pagespeed Insights, а также других инструментов. Например, GTMetrix и WebPageTest. Ваш счет всегда будет плохим, независимо от того, сколько еще вещей вы успешно исправите.

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

Для чего нужен Pagespeed Insights?

Есть много чего.

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

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

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

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

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

Скорость страницы, когда Google наказывает

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

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

Подведение итогов

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

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

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

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

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