Как быть на вершине инструмента Google PageSpeed ​​Insights?

Введение

Всегда приятно быть в курсе всего и вся. Google Page Speed - это то, что в значительной степени влияет на производительность вашего веб-сайта. Google Page Speed - это скорость загрузки вашего сайта в целом. Вы должны сократить количество элементов, которые отягощают ваш сайт. Таким образом, вы можете увеличить скорость страницы вашего сайта и занять высокий рейтинг. Это также увеличивает общий рейтинг SEO. Давайте посмотрим в этой статье, как понять суть Google Page Speed ​​Insights, а также сформулировать и реализовать наиболее подходящие алгоритмы, чтобы стать лидером в тесте скорости страницы Google !

1. Google Page Speed ​​Insights

После просмотра 900 000 рекламных объявлений аналитики из Google Page Speed ​​Insights обнаружили, что обычная портативная страница презентации складывается за унизительные 22 секунды. Это более чем в несколько раз дольше, чем может выдержать большинство обеспокоенных веб-клиентов, прежде чем отдать страницу - 53%, если быть точным. Если ваша страница складывается более 3 секунд, большая часть ваших потенциальных клиентов уходит еще до того, как они ее заметят. Как будто этого было недостаточно, аналитика страниц показала, что с каждым мучительным моментом страница не складывается, многие другие гости пропускают.

С помощью машинного обучения в инновациях SOASTA ученые обнаружили связь между временем загрузки, весом страницы (измеряется данными) и скоростью преобразования. По сути, «тяжелее» означает медленнее. В частности, когда количество компонентов (контент, изображения и т. Д.) На странице увеличивается с 400 до 6000, ваши шансы сменить гостя уменьшаются на 95%.

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

2. Выводы Google PageSpeed ​​Insights

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

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

Итак, как PageSpeed ​​Insights оценивает ваш сайт? Он позволяет взглянуть на автономные части выполнения страницы в системе: расположение серверов, структуру HTML страницы и использование ею внешних ресурсов, например изображений, JavaScript и CSS.

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

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

1. первая содержательная краска
2. задержка первого ввода

Два вышеуказанных параметра оцениваются тремя разными способами:

1. быстро
2. среднее
3. Медленно.

Вот что означают эти два измерения простым языком.

2.1.Первая отрисовка содержимого (FCP)

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

2.2.Задержка первого ввода (FIP)

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

3. Почему важна скорость загрузки страниц

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

Согласно Kissmetrics, почти 50% веб-клиентов ожидают, что веб-сайт будет складываться за две секунды или меньше, и в целом они откажутся от адресатов, которые не складываются в течение трех секунд. В сумме 79 процентов онлайн-клиентов, испытывающих трудности с запуском веб-сайта, не вернутся на веб-страницу для повторной покупки, и около 44 процентов из них сказали бы компаньонам, если бы они не прошли через неудачные покупки в Интернете, что является негативное влияние на ваш сайт. Вот почему PageSpeed очень важен.

4. Суть PageSpeed ​​Insights

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

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

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

5. Каковы преимущества использования Google PageSpeed ​​Insights?

5.1. PageSpeed представляет подробный отчет о своих открытиях

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

5.2. PageSpeed улучшает пользовательский опыт

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

5.3. PageSpeed включает дополнительные языки

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

5.4. PageSpeed прост в использовании

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

5.5. PageSpeed бесплатно

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

6. Советы, чтобы набрать 100% очков в Google Pagespeed Insights

Вот несколько советов, которые вы можете использовать, чтобы набрать 100% очков в Google PageSpeed ​​Insights .

6.1. DNS

Мы используем Cloudflare, но ни один из них не ускоряет оптимизацию. В наших тестах мы обнаружили, что он работает медленнее. Если вы находитесь в состоянии взаимного содействия, Cloudflare, скорее всего, очень поможет. Во всяком случае, для нас конкретно с выделенным сервером было лучше, когда все выключено. Если у вас нет возможности или времени для внедрения Cloudflare в качестве опции, вы можете использовать вспомогательных поставщиков, например, WP-Engine, Presslabs, Pantheon.io. Они вместе работали над серверным магазином и организацией CDN.

6.2. МФО

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

6.3. Прохождение времени ответа сервера

Тест 0,2 секунды. Что-нибудь сверх этого, и Google отметит вас. Наш сайт продолжает работать на высокопроизводительном сервере с множеством записей. Большая часть того, что вы читаете в Интернете, порекомендует вам перейти на более быструю учетную запись WordPress (с присоединением партнеров), что является наиболее простым способом, но я не был готов отказаться от нашего собственного состояния, ни в коем случае не попытавшись.

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

Самым большим отличием, которое мы увидели для уменьшения времени реакции сервера, был переход на PHP 7. Не все хосты поддерживают PHP 7, но, к счастью, у нас есть свои собственные локали. Смешанные онлайн-отчеты демонстрируют прирост скорости от 20 до 50 процентов при переходе на PHP 7.

Несмотря на реальную ставку, у нас было требование к Pagespeed, и нам нужно было его протестировать. Если вы не знаете, какой вариант PHP у вас запущен, представьте этот модуль, и вы увидите его в «Кратком обзоре» на панели управления администратора.

Прежде чем идти дальше, вы должны проверить, хорош ли сайт. К счастью, есть модуль проверки сходства PHP, который вы можете загрузить для WordPress, который просматривает ваш код и распознает любые проблемы, связанные с переходом на PHP 7. Результаты Page Insights продемонстрировали несколько вещей, которые требовали решения, и мы быстро с этим справились. .

Наконец-то мы были готовы перейти на PHP 7. Для перехода из WHM вы попадете в «Multi PHP Manager», выберите нужный веб-сайт и измените версию PHP. На случай, если вы не подойдете к WHM, спросите администраторов сервера, но убедитесь, что вы делаете это в условиях тестирования / продвижения - не рекомендуется ломать ваш рабочий сайт.

6.4. Обновленный дизайн и верстка веб-сайта

Grid Layout - это разговоры о дизайне и верстке веб-сайтов. С точки зрения Google Page Speed ​​Insight , сетка имеет больше преимуществ. Кроме того, я обнаружил, что на моем сайте было предложено больше основных моментов, чем мне нужно, поэтому я стал искать базовую умеренную тему. Я открыл для себя Фрэнк, тему, специально запланированную для скорости. Целевая страница родительского субъекта по умолчанию выполняет девять запросов к базе данных и содержит только два HTTP-запроса общим весом около 29 КБ. Эта тема слишком легкая - никаких структур JavaScript и лишних картинок, только базовая и отзывчивая тема. После знакомства с темой Фрэнка количество HTTP-запросов, ожидаемых для загрузки моего сайта, уменьшилось с 31 до четырех.

6.5. Оптимизация домашней страницы

Есть несколько простых подходов к дополнительному ускорению вашего сайта:

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

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

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

Снимки с высоким разрешением складываются намного дольше, чем обновленные изображения, а чрезмерно существенная шлифовка определенно может снизить скорость страницы . WPMU DEV предлагает великолепный (бесплатный!) Модуль под названием WP-Smush.it. Когда вы массово используете smush-изображения с помощью этого модуля, вы обнаружите, что размер ваших изображений будет колоссально уменьшен без ущерба для визуального качества. В то время как мы говорим о теме изображений, апатичное наложение изображений может также повысить скорость страницы .

JPEG 2000, JPEG XR и WebP - это форматы изображений, которые имеют лучшие характеристики давления и качества по сравнению с их более известными партнерами JPEG и PNG. Кодирование ваших изображений таким образом, в отличие от JPEG или PNG, подразумевает, что они будут загружаться быстрее и потреблять меньше мобильных данных, что повысит производительность Google Page Speed . WebP поддерживается Chrome и Opera и обеспечивает лучшее сжатие с потерями и без потерь для изображений в Интернете.

6.7. Отложить неиспользуемый CSS

Неиспользуемый CSS сдерживает разработку программой дерева рендеринга. Дерево рендеринга напоминает дерево DOM, но на самом деле оно дополнительно включает стили для каждого концентратора. Чтобы построить дерево рендеринга, программа должна пройти все дерево DOM и проверить, какие правила CSS применяются к каждому концентратору. Чем больше неиспользуемого CSS, тем больше времени, которое программе может потребоваться для определения стилей для каждого узла, что отрицательно скажется на скорости Google Page Insight Speed .

6.8. Включить сжатие текста и кодировать изображения

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

6.9. Минимизировать CSS, HTML, JavaScript

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

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

• Минификатор HTML для минимизации HTML.
• CSSNano и csso для минимизации CSS.
• UglifyJS2 и компилятор Closure для минимизации JavaScript.

Другой вариант, очевидно, - использовать AMP и AMP Google для рекламных систем. Эти два проекта позволяют инженерам создавать страницы в упрощенной форме HTML, CSS и JavaScript. Результатом являются страницы и рекламные акции, которые накапливаются за считанные секунды.

6.10. Избегайте переадресации целевой страницы

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

• com использует адаптивную архитектуру веб-сайта, никаких отвлекающих действий не требуется - быстро и идеально!
• ком? m.example.com/home - многократное наказание для разноплановых клиентов.
• ком? www.example.com? m.example.com - умеренный разносторонний опыт.

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

6.11. Устранение JavaScript, блокирующего рендеринг

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

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

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

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

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

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

7. Заключение

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

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