Google Speed ​​Update: как быстро должна быть скорость страницы для SEO

1. Какова скорость страницы?
2. Метрики скорости страницы
3. Категории скорости страницы
4. Что такое обновление скорости Google?
5. Что такое хороший показатель скорости страницы Google?
6. Как оценить скорость вашего рабочего стола и мобильной страницы
7. 1. Скорость сканирования
8. 2. Скорость загрузки
9. 3. Цели сайта
10. 4. Скорость конкурентов
11. Как измерить скорость сайта
12. 1. Google PageSpeed ​​Insights
13. 2. GTmetrix
14. 3. Pingdom
15. 4. Проверьте мой сайт
16. Как увеличить скорость страницы в 2018 году
17. 1. Улучшите время отклика сервера
18. 2. Оптимизируйте для прогрессивного рендеринга HTML
19. 3. Используйте приоритетный рендеринг файлов CSS и JavaScript
20. 4. Удалите ненужные плагины
21. 5. Используйте кеширование браузера
22. 6. Используйте хорошо оптимизированные изображения
23. 7. Включите сжатие для больших файлов
24. 8. Минимизируйте вес своих страниц
25. 9. Используйте CDN ссылки JS, CSS и библиотек шрифтов
26. Вы чувствуете себя готовым сейчас?

Вы можете знать или не знать об «обновлении скорости Google».

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

Но насколько быстро это достаточно быстро на современном цифровом рынке ?!

Эта статья постепенно проходит каждую важную часть скорости страницы.

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

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

Поскольку я не верю в трату времени, давайте начнем настоящий разговор!

Какова скорость страницы?

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

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

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

Следовательно, с точки зрения скорости страницы вам нужно знать:

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

Метрики скорости страницы

У Google есть две технические метрики для вышеупомянутых терминов:

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

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

Категории скорости страницы

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

Что такое обновление скорости Google?

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

Если это вопрос, который вы имеете в виду, ответ одним словом - Да.

В 2010, Google сделал скорость страницы фактором ранжирования для рабочий стол ,

Но затем цифровой мир больше сместился в сторону мобильных устройств.

Следовательно, 17 января 2018 года Google объявил «скоростное обновление» для мобильных рейтингов только для небольшой части мобильных запросов.

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

Это обновление скорости страницы повлияет на сайты с медленным мобильным опытом.

Что это значит?!

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

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

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

Что такое хороший показатель скорости страницы Google?

В массивном Отчет о ранжировании в поисковых системах от Backlinko Брайан Дин объясняет, как веб-страницы с самым высоким рейтингом имеют скорость менее 3 секунд.

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

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

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

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

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

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

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

Google говорит: « Чем быстрее, тем лучше ».

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

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

1. Скорость сканирования

Googlebot время от времени запрашивает подключения к вашим веб-серверам. Этот процесс также называется сканированием.

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

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

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

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

2. Скорость загрузки

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

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

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

Гугл объясняет то же самое следующим образом:

3. Цели сайта

Скорость страницы Эффективность SEO также зависит от целей вашего сайта.

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

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

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

4. Скорость конкурентов

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

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

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

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

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

Вот некоторые из лучших инструментов:

1. Google PageSpeed ​​Insights

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

Как упоминалось ранее, инструмент использует метрики FCP и DCL для описания скорости вашего сайта.

В общем, вы можете получить отчет о:

• Скорость (Быстрая, Средняя или Медленная)
• Оценка по оптимизации (хорошая, средняя, ​​низкая)
• Предложения по оптимизации

2. GTmetrix

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

С GTmetrix вы можете получить:

• Время загрузки страницы
• Размер загрузки страницы
• Оценка PageSpeed
• Количество запросов

И многое другое!

3. Pingdom

Для простого, но всеобъемлющего теста вы можете выбрать Pingdom. Этот инструмент поможет вам с:

• Анализ веб-страниц (время загрузки, HTML, JS / CSS, изображения и др.)
• Отчеты с оценками
• Исторический отчет о производительности
• Мульти-локационная оценка скорости сайта

4. Проверьте мой сайт

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

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

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

Как увеличить скорость страницы в 2018 году

Вот 8 способов ускорить ваш сайт в 2018 году:

1. Улучшите время отклика сервера

Прежде всего,

Что такое время отклика сервера?

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

Время отклика сервера тестирования, предоставляемое Google, составляет 0,2 секунды .

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

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

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

Владельцы сайтов обычно начинают с дешевых общих планов хостинга. Что здорово на начальных этапах точно.

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

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

2. Оптимизируйте для прогрессивного рендеринга HTML

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

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

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

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

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

• Предоставить ограниченные ресурсы для начального просмотра
• Уменьшите размер начальных ресурсов просмотра
• Определите логическую зависимость рендеринга ресурса

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

3. Используйте приоритетный рендеринг файлов CSS и JavaScript

Если HTML-файлы являются строительными блоками, CSS обеспечивает привлекательность, а JavaScript предоставляет интерактивные свойства вашим веб-страницам.

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

В зависимости от интерактивного характера, вы должны определить файлы JavaScript и CSS, которые критически важны для рендеринга HTML. Все эти файлы будут помещены в элемент <head> , который является частью HTML.

В элементе <head> :

• Все приоритетные CSS-файлы будут идти с тегом <style> .
• Все приоритетные файлы JS будут идти с тегом <script> .

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

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

Для некритических файлов CSS вы можете использовать JavaScript. Вот как вы можете использовать JavaScript для асинхронной загрузки определенных CSS-файлов:

<noscript id = "async-styles"> <link rel = "stylesheet" type = "text / css" href = "style.css" /> </ noscript> <script> window.addEventListener ('DOMContentLoaded', function ( . ) asyncStylesHiddenNode.parentElement.removeChild (asyncStylesHiddenNode);}; var frame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || , 0);});} else {window.addEventListener ('load', loadAsyncStyles);}}); </ Скрипт>

4. Удалите ненужные плагины

Используете ли вы WordPress или настроенную систему CMS, слишком много плагинов вредны.

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

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

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

5. Используйте кеширование браузера

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

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

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

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

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

• Для CSS-файлов - 1 год
• Для HTML-файлов - 0 секунд
• Для JavaScript - 1 год
• Для медиафайлов - 1 месяц
• Для веб-шрифтов - 1 месяц
• Другие файлы - 1 неделя

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

6. Используйте хорошо оптимизированные изображения

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

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

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

• Фоновые изображения - 10 КБ или меньше
• Изображения баннера - 60 КБ или меньше
• Фотографии - 100 КБ или меньше
• Иконки и кнопки

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

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

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

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

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

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

Для информации:

7. Включите сжатие для больших файлов

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

Ты можешь использовать Gzip , которое является программным обеспечением для сжатия и распаковки. Но используйте это только для HTML, JavaScript и CSS. Избегайте сжатия изображений с помощью Gzip, чтобы вы могли вручную контролировать качество изображения.

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

<IfModule mod_deflate.c> <IfModule mod_setenvif.c> <IfModule mod_headers.c> SetEnvIfNoCase ^ (Accept-EncodXng | X-cept-Encoding | X {15} | ~ {15} | - {15}) $ ^ (( gzip | deflate) \ s *,? \ s *) + | [X ~ -] {4,13} $ HAVE_Accept-Encoding RequestHeader добавить Accept-Encoding "gzip, deflate" env = HAVE_Accept-Encoding </ IfModule> </ IfModule> <IfModule mod_filter.c> AddOutputFilterByType DEFLATE "application / atom + xml" \ "application / javascript" \ "application / json" \ "application / ld + json" \ "application / manifest + json" \ "application / rdf + xml "\" application / rss + xml "\" application / schema + json "\" application / vnd.geo + json "\" application / vnd.ms-fontobject "\" application / x-font-ttf "\ "application / x-javascript" \ "application / x-web-app-manifest + json" \ "application / xhtml + xml" \ "application / xml" \ "font / collection" \ "font / eot" \ "шрифт / opentype "\" font / otf "\" font / ttf "\" image / bmp "\" image / svg + xml "\" image / vnd.microsoft.icon "\" image / x-icon "\" text / cache-manifest "\" text / calendar "\" text / css "\" text / html "\" text / j avascript "\" text / plain "\" text / markdown "\" text / vcard "\" text / vnd.rim.location.xloc "\" text / vtt "\" text / x-component "\" text / x-cross-domain-policy "\" text / xml "</ IfModule> <IfModule mod_mime.c> AddEncoding gzip svgz </ IfModule> </ IfModule>

8. Минимизируйте вес своих страниц

Коды вашего сайта (JavaScript, CSS, HTML-коды) содержат ненужные данные, такие как пробелы, комментарии к коду, неиспользуемые коды, форматирование и другие. Вы можете минимизировать свои страницы, удалив всю ненужную информацию и ускорить ваш сайт в процессе.

Вот ресурсы по минимизации кода, рекомендованные Google для JavaScript, CSS и HTML кодов.

9. Используйте CDN ссылки JS, CSS и библиотек шрифтов

Библиотеки файлов предлагаются различными ведущими провайдерами, такими как JQuery, Bootstrap, Font Awesome, Google Fonts и другими. Эти библиотеки помогают в создании функций дизайна и разработки на вашем сайте.

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

Вы чувствуете себя готовым сейчас?

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

Ударь меня своими вопросами внизу. Мы здесь, чтобы помочь!

Похожие

Комментарии