Site speed google: Make the Web Faster | Google Developers

Содержание

программа для массовой проверки по 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 в 2021 году

Оптимизация скорости загрузки сайта для GooglePage Speed

Как ускорить загрузку страниц и увеличить ранг в PageSpeed рейтинге? — советы экспертов

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

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

Рассмотрим основные аспекты оптимизации скорости загрузки сайта

Оптимизация базы данных (связи, индексы)

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

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

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

Кеширование результатов SQL запросов

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

Пример кеширования результатов SQL запросов в PHP

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

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

Все изображения на сайте сжать, используя онлайн инструменты Compressor.io и TinyPNG. Данные инструменты бесплатные, но есть ограничения — не более определенного количества фото. Данные сервисы уменьшают размер графического файла примерно на 60-80% при этом качество фото может ухудшится.
Также следует уменьшить размеры фото до нужного реального размера например 200x200px, а подгоняться при помощи стилей CSS width/height.

Подключение файлов JavaScript/CSS и шрифтов Fonts и отложенная загрузка

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

Также нужно добавить свойство async (асинхронная загрузка) для подключаемых скриптов. После добавление этого свойства в GPSpeed пропадет замечание по поводу асинхронной загрузки. Также старайтесь использовать сложные и массивные JS библиотеки по минимуму.

В данном примере все JS скрипты объединены вместе с библиотекой jQuery в один файл core.min.js и загружается асинхронно async и defer — отложено

Пример отложенного вызова CSS файла через JavaScript

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

Пример на CSS

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

При этом обязательно нужно подключить lazyload.min.js

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

Минимизация (сжатие) JavaScript, CSS и HTML

Минимизация (сжатие) JavaScript, CSS, HTML позволяет сократить вес файлов, устраняя пробелы, переносы строк, ненужные символы и комментарии. Разработчики при разработке сайта оставляют много места на отступы и комментарии, что существенно удваивает объем JavaScript и CSS.

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

Включение сжатия gzip

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

Включить gzip сжатие файлов вы можете в настройках вашего хостинга.

Рекомендации по установке GZIP сжатия можете посмотреть здесь: https://developers.google.com/speed/docs/insights/EnableCompression

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

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

Более детально можно посмотреть по ссылке: https://developers.google.com/speed/docs/insights/BlockingJS#InlineJS

Оптимизация версии сайта для мобильных устройств

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

Для любителей сайтов на бесплатных CMS, таких как: WordPress, Joomla, Drupal, Opencart, Magento, ModX, ImageCMS и другие.. проводить оптимизацию скорости загрузки сайта для рейтинга гугл будет достаточно сложно или невозможно. Это связано с спецификой программной организации бесплатной CMS и использованием шаблонных решений, которые оптимизировать не всегда удается или удается на небольшой процент(: Плюс не каждый специалист сможет это сделать так как данный процесс требует определенные знания и опыт, и нужно будет вносить коррективы в ядро системы.

Помогла ли вам статья?

349
раз уже помогла

Комментарии: (1)

Написать комментарий

Google PageSpeed для анализа скорости сайта

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

Для проведения анализа достаточно просто ввести URL нужной страницы сайта. После этого Вы увидите список рекомендаций.

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

Leverage browser caching

Очень важно

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

Optimize images

Очень важно

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

Enable compression

Очень важно

Сжатие gzip уменьшает размер текстовых данных, получаемых клиентом. Экономия может достигать 70%. Все современные браузеры (в т.ч. мобильные) поддерживают сжатие, т.к. оно является частью протокола HTTP 1.1.

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Желательно для страниц приземления

[ad]

Любой внешний вызов Javascript либо CSS приостанавливает загрузку страницы до того момента, пока не будет получен ответ (css или js файл). Это не для страниц приземления, т.к. это приведет к более медленной загрузке страницы. На страницах приземления следует использовать асинхронный Javascript и встроенные стили.

Avoid landing page redirects

Желательно

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

Minify CSS/JS/HTML

Желательно

Минификация Javascript, CSS и HTML – это специальная методика удаления лишних символов из кода (пробелы, табы и переносы строк). Иногда это дает экономию до 20% от размера файлов. YUI compressor – удобное и простое решение для минификации статики.

Prioritize visible content

Нужно обратить внимание

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

Reduce server response time

Нужно обратить внимание

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

Самое важное

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

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

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

Даже сейчас, когда скорость интернета у большинства провайдеров превышает 100 Мбит/сек, а мобильные операторы развивают 5G, вопрос о скорости загрузки сайта остается актуальным. Этот параметр существенно влияет на конверсию, показатель отказов, посещаемость и другие важные для бизнеса KPI. Потому что при прочих равных условиях человек выберет тот сайт, который быстрее загружается и не заставляет его ждать. Об этом нам говорят логика, личный пользовательский опыт и многочисленные исследования на тему, которые можно найти в сети. Вот, например, исчерпывающая подборка кейсов с цифрами, как компании экспериментировали со скоростью загрузки.

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

В статье мы расскажем:

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

Клиенты уходят к конкурентам — им проще вернуться в поисковик и выбрать следующий сайт.
Задержка загрузки на 0,1 секунду уменьшает конверсию на 7% (согласно исследованию Akamai).
Снижается вероятность, что пользователи вернутся на сайт. Google говорит, что из-за негативного пользовательского опыта вероятность повторной покупки снижается на 60%. Правда, речь про мобильные версии.
Скорость загрузки влияет на ранжирование сайта в поисковиках. Если сайт долго грузится, робот поисковой системы может не успеть его полностью проиндексировать.

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

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

Есть много онлайн-сервисов, которые позволяют проверить быстроту загрузки страниц — достаточно ввести нужный URL. Рассмотрим три самых интересных, на наш взгляд. Для примера будем использовать сайт https://shop.googlemerchandisestore.com/.

1. PageSpeed Insights

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

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

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

Кстати, рекомендации PageSpeed Insights можно увидеть в отчете Google Analytics «Ускорение загрузки», если кликнуть на ссылку в соответствующем столбце:

Вообще, группа отчетов «Скорость загрузки сайта» (Site Speed reports) в GA — полезная штука. Если раньше вы не уделяли должного внимания этим отчетам, рекомендуем периодически их просматривать, чтобы отслеживать показатели в динамике и вовремя реагировать на проблемы.

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

Допустим, ваша целевая аудитория находится в Германии. Если вы посмотрите на отчет выше, то увидите, что одна из важных страниц вашего сайта в этой стране грузится очень медленно (19,24 сек.), при этом у нее 140 просмотров. Чтобы ускорить загрузку, нужно оптимизировать страницу. Если же в этом регионе или у этого провайдера скорость интернет-соединения слишком мала для вашего сайта, можно создать альтернативные страницы, адаптированные для низкой пропускной способности.

2. Pingdom Tools

Это один из самых информативных и популярных сервисов для проверки скорости. У него есть бесплатная и платная десктоп-версии, а также мобильное приложение с 14-дневным trial.

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

Кроме того, в бесплатной версии Pingdom Tools вы можете:

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

3. GTmetrix

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

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

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

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

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

1. Страницы большого размера

Чтобы сократить объем данных, передаваемых в браузер пользователя, используйте сжатие GZIP. Это позволит уменьшить размер веб-файлов на 70% без ухудшения их качества. Проверить, доступен ли этот метод сжатия для вашего сайта, можно с помощью сервиса GiftOfSpeed или GTmetrix.

2. «Тяжелые» изображения

Изображения большого размера и разрешения значительно тормозят загрузку страницы. Чтобы этого избежать, используйте JPEG картинки вместо PNG — они весят в 5 раз меньше, не уступая при этом в качестве. Уменьшить размер изображения вы можете с помощью любого онлайн-оптимизатора: Optimizilla, Compressor, Imagify, TinyPNG и т.д. Или, например, можно прогнать картинку через Photoshop и сохранить ее в специальном формате, предназначенном для веб-сайтов. Главное — не переусердствовать и найти золотую середину между качеством и размером файла.

3. Много запросов от браузера

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

Удалить лишние изображения, JS-файлы, коды сторонних сервисов.
Объединить несколько небольших элементов (иконки, кнопки) в один CSS-спрайт с помощью CSS Sprites generator, CssSpritegen, Spritebox или любого другого генератора.
Использовать кэширование. Каждый раз, когда человек заходит на сайт, его браузер загружает все веб-файлы с сервера. Если включить кэширование, браузер сохранит данные на компьютер пользователя и при повторных визитах будет загружать их уже оттуда. Вы можете подобрать себе кэш-плагин для ускорения работы сайта в зависимости от того, какая у вас CMS. Например, для WordPress подойдут WP Super Cache, W3 Total Cache, Hyper Cache.

4. Перегруженный код JavaScript и CSS

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

Сократить название функций и почистить код с помощью специальных сервисов, например: JavaScript/CSS/HTML Compressor, CSS Compressor, JSCompress.
Разместите CSS-файлы в самом начале страницы — так она будет отображаться постепенно, по компонентам.
Вынесите JS-файлы в конец страницы. Благодаря этому браузер будет сначала загружать контент страницы, а и уже потом скрипты.

5. Большое расстояние между сервером и пользователем

Чем дальше от компьютера находится сервер вашего хостинг-провайдера, тем медленнее загружается сайт. «Сократить» это расстояние помогут сети доставки контента CDN: Amazon CloudFront, Incapsula, Akamai и другие. Когда человек заходит на сайт, CDN загружает веб-файлы со своего сервера, находящегося ближе всего к пользователю. Эта схема прекрасно иллюстрирует принцип работы CDN-сетей:

6. Медленный хостинг

Если вы попробовали все описанные выше советы, а скорость сайта оставляет желать лучшего, проверьте время ответа сервера. Например, это можно сделать в отчете Google Analytics «Скорость загрузки сайта» → «Обзор»:

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

Как регулярно мониторить скорость сайта

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

Если вы собираете данные в Google BigQuery с помощью

OWOX BI Pipeline

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

Получить шаблон дашборда

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

Количество пользователей.
Количество сеансов.
Количество просмотров страниц.
Ошибки JavaScript.
Ошибки 404.
Среднее время загрузки страниц.
Среднее время соединения с сервером.

На втором листе можно узнать подробную информацию по ошибкам JavaScript:

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

На третьей странице представлена подробная информация об ошибках 404:

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

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

На четвертой странице информация по десктопу:

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

Теперь вы знаете, как заставить свой сайт «летать» 🙂 Если у вас остались вопросы или вы знаете другие способы уменьшить время загрузки страниц, пишите их в комментариях.

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

Решайте Проблемы И Становитесь Экологичными

Оптимизация Google PageSpeed

Google PageSpeed Insights [1] — отличный инструмент, чтобы увидеть, как работает ваш сайт. Если у вас плохой результат, вот серия статей с простыми в применении решениями для решения большинства проблем.

Google PageSpeed Insights

Это позволило мне перейти к зеленому значению Google PageSpeed Insights [1], повысившись с 17 баллов на мобильных устройствах (Рис. 1) до 89 (Рис. 14) и с 35 (Рис. 3) до 89 на рабочем столе (Рис. 16). ).

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

Шаг 1: оптимизировать изображения для веба

Это позволило мне пройти тест Google PageSpeed [1] Оптимизировать изображения [2] на веб-сайте, поднявшись с 17 баллов на мобильных устройствах (Рис. 1) до 51 (Рис. 2) и с 35 (Рис. 3) до 59 на рабочем столе (рис. 4).

Оптимизация изображений PageSpeed Insights Google для разработчиков

Шаг 2: CSS и оптимизация JavaScript

Устранить блокировку рендеринга JavaScript и CSS в верхнем содержании.

Это позволило мне пройти тест Google PageSpeed [1] «Устранить блокировку рендеринга JavaScript и CSS в содержании, превышающем кратность» (наряду с кэшированием в браузере «Leverage» [6]) на веб-сайте, увеличившись с 51 балла на мобильных устройствах ( Рис. 5) до 72 (Рис. 6) и от 59 (Рис. 7) до 79 на рабочем столе (Рис. 8).

Шаг 3: включить кеш браузера

Использование кэширования в браузере позволило мне пройти тест Google PageSpeed [1]. Использовать кэширование в браузере [5] (наряду с устранением блокирования рендеринга JavaScript и CSS в содержании выше уровня [4]) на веб-сайте, увеличившись с оценки. от 51 на мобильном (Рис. 9) до 72 (Рис. 10) и с 59 (Рис. 11) до 79 на рабочем столе (Рис. 12).

Использование кэширования в браузере PageSpeed Insights Разработчики Google

Шаг 4: Включить сжатие htaccess

Включение сжатия в htaccess позволило мне пройти тест Google PageSpeed [1]. Использовать кеширование браузера [7] на веб-сайте, повысившись с 72 баллов на мобильных устройствах (рис. 13) до 89 (рис. 14) и с 79 ( Рис 15) до 89 на рабочем столе (Рис 16).

Оптимизация кодирования и передачи размера текстовых ресурсов — веб-основы

Зеленый цвет в инструменте Google PageSpeed Insights с помощью Site Speed Accelerator

Вернувшись к очень плохому баллу (18 баллов на мобильных устройствах и 29 на компьютерах) в рейтинге Google PageSpeed Insights, я обнаружил, что этот потрясающий инструмент — Site Speed Accelerator — выполняет все оптимизации за меня, просто одним щелчком мыши. после настройки моего веб-сайта на использование их DNS, что позволяет им отображать мой сайт от моего имени и тем временем оптимизировать его.

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

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

Вот как Ezoic Site Speed Accelerator может оптимизировать мои веб-страницы и доставлять их непосредственно пользователю с гораздо более высокой оценкой, чем я получил бы сам, убедитесь сами, как, просто активировав параметры своего веб-сайта, я пошел с оценка 18 на мобильных устройствах до 90 для зеленых и от 29 для красных на настольных компьютерах до… 99 для зеленых!

Список оптимизаций, предлагаемых Site Speed Accelerator, выглядит следующим образом, и он постоянно обновляется новыми оптимизациями веб-сайта, которые сделают ваш PageSpeed Insights зеленым баллом Google:

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

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

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

Вдобавок ко всему, если ваш веб-сайт соответствует требованиям (например, он должен иметь более 10 тысяч уникальных посетителей в месяц и иметь уникальный контент), вы также сможете увеличить свои ставки CPM и, следовательно, свои доходы, внедрив их удивительный Ezoic система посредничества AdExchange.

Site Speed Accelerator даже бесплатен в течение 30 дней, кредитная карта не требуется, а после этого его стоимость зависит от вашего трафика. Это может быть бесплатно, если вы используете систему посредничества Ezoic и зарабатываете с ними более 2000 долларов в месяц!

Июнь 2021 г. Редактировать: По состоянию на июнь 2021 года больше нет ограничений просмотра страницы, чтобы присоединиться к EZOOIC через программу Accessown, и SiteSpeedaccelerator был заменен новым и улучшенным продуктом, Ezoic Leap, который имеет еще больше доступных оптимизации сайта, полностью бесплатный для всех издателей!

Часто задаваемые вопросы о Google Page Speed Insights и ответы на них:

Имеет ли значение Google PageSpeed?: Хотя Google PageSpeed не является самым важным с точки зрения рейтинга веб-сайтов, он может повлиять на показатель отказов. Посетители обычно не ждут загрузки страницы более нескольких секунд перед уходом.
Влияет ли PageSpeed на SEO?: Смотрите выше — это может не сильно повлиять на рейтинг веб-сайта, но может повлиять на показатель отказов.
Какое время загрузки страницы хорошее?: Хорошее время загрузки страницы — менее одной секунды.
Как я могу увеличить скорость страницы Google?: Вы можете повысить свой рейтинг Google PageSpeed Insights либо вручную, реализовав все возможные оптимизации веб-сайта, либо с помощью ускорителя скорости сайта‌, который сделает все это от вашего имени.
Как я могу увеличить время загрузки моего сайта?: Вы можете увеличить время загрузки своего веб-сайта, уменьшив длину контента, удалив неиспользуемые HTML, CSS и JS, минимизируя все файлы, а также используя кеш и услуги CDN — или используя ускоритель скорости сайта‌, который сделает все за вас.
Наказывает ли Google медленные сайты?: Похоже, что Google не наказывает медленные сайты, однако, если загрузка контента слишком долгая, он не может анализировать и оценивать веб-страницы.
Как увеличить время полной загрузки?: Вы можете увеличить время полной загрузки веб-страницы за счет уменьшения содержимого в HTML (также называемого длиной DOM), используемых CSS и JS и других плагинов.
Как я могу увеличить скорость моей целевой страницы?: Увеличьте скорость вашей целевой страницы, внедрив кеш, используя CDN, ускоритель скорости сайта‌ и внедрив все передовые веб-практики.
Каков хороший показатель Google Page Speed?: Оценка Google Page Speed выше 90.
Какая скорость загрузки страницы является хорошей?: Хорошая скорость загрузки веб-страницы — менее секунды.
Как быстро должен загружаться сайт в 2020 году?: В 2020 году сайт должен загрузиться менее чем за секунду.
Что такое хороший показатель отказов?: Хороший показатель отказов — это любое значение ниже ста, что означает, что некоторые пользователи действительно остаются на вашем сайте. Ниже 50 — это уже потрясающе.
Почему сайты Google такие медленные?: Сайты Google могут работать медленно из-за вашего подключения к Интернету или из-за запущенных на компьютере программ и приложений. Подумайте о выборе VPN, чтобы увеличить скорость соединения.
Как мне увеличить скорость моей страницы Google?: Уменьшите количество загружаемых ресурсов и их размер.
Влияет ли статистика PageSpeed на SEO?: Это может иметь небольшой эффект, но его главная проблема — возможное увеличение показателя отказов трафика.
Как я могу увеличить скорость моей страницы?: Скорость страницы может быть увеличена за счет внедрения передовых веб-практик и уменьшения количества, сложности и размера загружаемых ресурсов.
Что такое хорошая скорость страницы?: Хорошая скорость страницы — это зеленый балл выше 90.
Как использовать статистику Google PageSpeed?: Чтобы использовать аналитику Google PageSpeed, вам просто нужно зайти на их веб-сайт, ввести один из URL-адресов своего сайта, дождаться анализа и проверить результаты.
Насколько точна статистика Google PageSpeed?: Google PageSpeed Insights довольно точен, поскольку представляет время, необходимое одному серверу Google для загрузки вашего сайта в качестве бота. Фактический посетитель из другого места и с другим подключением может иметь другие результаты, обычно худшие.
Как работает Google Page Speed?: Google Page Speed загружает вашу веб-страницу, как и браузер, включая весь контент, и проверяет время, необходимое для полной загрузки и обработки всех компонентов, описанных в DOM страницы.
Что такое хорошая скорость сайта?: Хорошая скорость сайта должна быть зеленой при оценке теста скорости, скорость сайта лабиринта выше 90 и загрузка менее чем за секунду.

Оптимизация Google PageSpeed

Как добавить сайт на EZOIC? Часть 2: активация скачки

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Как использовать Google Lighthouse для повышения скорости сайта

Согласно Google, ваш показатель отказов может увеличиться на 123%, если скорость загрузки вашей страницы увеличится с 1 до 10 секунд.

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

Что такое Google Lighthouse?

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

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

Что такое Core Web Vitals?

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

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

Три ключевых основных показателя сети:

Крупнейшая отрисовка содержимого (LCP): сколько времени требуется для загрузки самого большого содержимого в верхней части страницы. Узнайте больше о LCP из нашего полного руководства.
Задержка первого ввода (FID): , сколько времени требуется странице, чтобы ответить после взаимодействия с пользователем. Ознакомьтесь с нашим руководством по FID.
Совокупный сдвиг макета (CLS): , какая часть содержимого перемещается при загрузке страницы. Узнайте больше о CLS здесь.

Рекомендуемая литература: Core Web Vitals: Руководство по повышению скорости страницы

Core Web Vitals может быть легко

с помощью аудита сайта Semrush

Что вы можете проверить с помощью Google Lighthouse

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

Как использовать Google Lighthouse

Вы можете запустить Google Lighthouse с помощью браузера Chrome (в Devtools) или как расширение Chrome.

После выполнения аудита вашей веб-страницы Lighthouse сгенерирует отчет по 5 различным областям:

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

Снимок экрана: приложение Ionic Firebase

Как использовать Lighthouse в Chrome Devtools

В браузере Chrome вы можете запустить аудит Google Lighthouse из Chrome Devtools.

Чтобы получить к нему доступ, вам необходимо:

Загрузите и установите Google Chrome для ПК (если у вас его еще нет).
Посетите веб-страницу, которую хотите проверить в Google Chrome.
Щелкните правой кнопкой мыши в любом месте страницы и выберите Проверить.
Функция проверки откроет панель внизу или справа от веб-страницы. Выберите Lighthouse на панели инструментов панели. (Если вы не можете найти опцию Маяк, нажмите на две стрелки в конце панели инструментов.)
Панель откроется для инструмента Маяк. Выберите Создать отчет.

Чтобы получить доступ к Lighthouse с помощью Chrome Devtools, попробуйте следующие 3 шага:

Откройте браузер Chrome, затем откройте меню, выбрав три вертикальные точки справа от адресной строки.
Выберите Дополнительные инструменты.
Выберите Инструменты разработчика.

Как использовать Lighthouse в качестве расширения Chrome

Загрузите Google Chrome для ПК.
Посетите Интернет-магазин Chrome.
Загрузите и установите расширение Lighthouse для Chrome.
Перезагрузите браузер.
Щелкните символ маяка в адресной строке.
Выберите «Создать отчет».

Снимок экрана: приложение Ionic Firebase

Core Web Vitals может быть легко

с аудитом сайта Semrush

В чем разница между Lighthouse и PageSpeed Insights?

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

Оба инструмента проверяют схожие аспекты вашей веб-страницы, включая скорость страницы и Core Web Vitals. Однако Page Speed Insights фокусируется только на повышении скорости вашей веб-страницы, в то время как Lighthouse охватывает несколько аспектов вашей веб-страницы.

Мы рекомендуем использовать оба инструмента для повышения скорости страницы и показатели Core Web Vitals.

Как использовать PageSpeed Insights

Чтобы использовать PageSpeed Insights, вам необходимо:

Посетить PageSpeed Insights.
Скопируйте и вставьте URL-адрес своей веб-страницы.
Щелкните Анализировать.

Другие способы улучшить ваш веб-сайт

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

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

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

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

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

Чтобы начать работу с инструментом аудита сайта:

Войдите в свою учетную запись Semrush. Если у вас нет существующей учетной записи, вы можете создать ее бесплатно.
На панели инструментов выберите «Проекты» в разделе «Управление», чтобы просмотреть свои проекты:
Щелкните нужный проект, затем выберите «Аудит сайта» на панели управления проекта.
Инструмент предложит вам настроить параметры аудита. Вы сможете установить объем сканирования, запретить URL-адреса и добавить дополнительную информацию для входа на веб-сайт.
Выберите Начать аудит сайта.

Рекомендуемая литература: Обновление Core Web Vitals 2021: оценка первоначального воздействия

Резюме

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

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

Core Web Vitals может быть легко

с помощью Semrush Site Audit

Google PageSpeed Insights, о которых вы должны знать

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

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

Это то, что Google измеряет, учитывая скорость страницы

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

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

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

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

Скорость страницы Google влияет на ваш рейтинг

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

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

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

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

Увеличить рейтинг и уменьшить скорость страницы

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

Обратите внимание на свой JavaScript
Что такое изображения с отложенной загрузкой и как они работают?
Как CDN помогает ускорить страницу?
Зачем кэшировать изображения?
Следует ли сжимать изображения?
Какой тип файла изображения использовать?
Как ваша CMS влияет на скорость страницы?
Влияют ли услуги хостинга на скорость загрузки страниц?
Почему и как удалить лишний CSS?

1.Обратите внимание на свой JavaScript

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

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

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

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

2. Что такое ленивая загрузка изображений и как они работают?

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

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

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

3. Как скорость справочной страницы CDN?

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

4. Зачем нужно кэшировать изображения?

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

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

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

5. Следует ли сжимать изображения?

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

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

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

6. Какой тип файла изображения использовать?

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

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

7. Как ваша CMS влияет на скорость страницы?

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

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

8. Влияют ли услуги хостинга на скорость загрузки страниц?

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

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

9. Почему и как удалить лишний CSS?

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

Что делать, если предложения Google не улучшают скорость загрузки страницы так, как прогнозирует Google?

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

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

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

Частое тестирование скорости вашей страницы

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

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

Работа над техническими проблемами скорости страницы

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

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

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

Самые большие ошибки, связанные со скоростью страницы Google, совершают владельцы сайтов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Миссия

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

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

Рейтинг

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

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

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

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

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

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

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

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

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

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

Google Фактор скорости страницы в рейтинге поиска в мае

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

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

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

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

За последние несколько месяцев мы наблюдали рост числа пользователей, использующих Lighthouse и Page Speed Insights, в среднем на 70%, и многие владельцы сайтов используют отчет Core Web Vitals в Search Console, чтобы определить возможности для улучшения.

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

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

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

FTC: Мы используем автоматические партнерские ссылки для получения дохода. Подробнее.

Посетите 9to5Google на YouTube, чтобы узнать больше:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Погрузимся …

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

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

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

Из Google:

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

От Nielson Norman Group:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Search Console

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

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

PageSpeed Insights

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

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

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

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

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

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

Маяк

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

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

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

Chrome DevTools

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

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

Web.dev

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

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

Отчет

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

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

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

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

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

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

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

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

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

Site speed google: Make the Web Faster | Google Developers

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

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

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

Оптимизация скорости загрузки сайта для Google в 2021 году

Оптимизация скорости загрузки сайта для GooglePage Speed

Как ускорить загрузку страниц и увеличить ранг в PageSpeed рейтинге? — советы экспертов

Оптимизация базы данных (связи, индексы)

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

Кеширование результатов SQL запросов

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

Подключение файлов JavaScript/CSS и шрифтов Fonts и отложенная загрузка

Минимизация (сжатие) JavaScript, CSS и HTML

Включение сжатия gzip

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

Оптимизация версии сайта для мобильных устройств

Google PageSpeed для анализа скорости сайта

Leverage browser caching

Optimize images

Enable compression

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Avoid landing page redirects

Minify CSS/JS/HTML

Prioritize visible content

Reduce server response time

Самое важное

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

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

1. PageSpeed Insights

2. Pingdom Tools

3. GTmetrix

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

1. Страницы большого размера

2. «Тяжелые» изображения

3. Много запросов от браузера

4. Перегруженный код JavaScript и CSS

5. Большое расстояние между сервером и пользователем

6. Медленный хостинг

Как регулярно мониторить скорость сайта

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

Решайте Проблемы И Становитесь Экологичными

Оптимизация Google PageSpeed

Шаг 1: оптимизировать изображения для веба

Шаг 2: CSS и оптимизация JavaScript

Шаг 3: включить кеш браузера

Шаг 4: Включить сжатие htaccess

Зеленый цвет в инструменте Google PageSpeed ​​Insights с помощью Site Speed ​​Accelerator

Часто задаваемые вопросы о Google Page Speed ​​Insights и ответы на них:

Оптимизация Google PageSpeed

Как добавить сайт на EZOIC? Часть 2: активация скачки

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

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

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

Заключение

Как использовать Google Lighthouse для повышения скорости сайта

Что такое Google Lighthouse?

Что такое Core Web Vitals?

Что вы можете проверить с помощью Google Lighthouse

Как использовать Google Lighthouse

Как использовать Lighthouse в Chrome Devtools

Как использовать Lighthouse в качестве расширения Chrome

В чем разница между Lighthouse и PageSpeed ​​Insights?

Как использовать PageSpeed ​​Insights

Другие способы улучшить ваш веб-сайт

Резюме

Google PageSpeed ​​Insights, о которых вы должны знать

Это то, что Google измеряет, учитывая скорость страницы

Скорость страницы Google влияет на ваш рейтинг

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

Что делать, если предложения Google не улучшают скорость загрузки страницы так, как прогнозирует Google?

Частое тестирование скорости вашей страницы

Работа над техническими проблемами скорости страницы

Самые большие ошибки, связанные со скоростью страницы Google, совершают владельцы сайтов

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

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

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

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

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

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

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

Зеленый цвет в инструменте Google PageSpeed Insights с помощью Site Speed Accelerator

Часто задаваемые вопросы о Google Page Speed Insights и ответы на них:

В чем разница между Lighthouse и PageSpeed Insights?

Как использовать PageSpeed Insights

Google PageSpeed Insights, о которых вы должны знать

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

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

PageSpeed Insights