amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Как оптимизировать сайт с помощью PageSpeed Insights

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

Как пользоваться и что делать с результатами

Для начала анализа сайта вам нужно лишь ввести его доменное имя. Система оценит его по различным параметрам и представит вам наглядный отчет. Что именно в нем будет?

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

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

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

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

Обратите внимание: PageSpeed Insights покажет вам даже конкретные проблемные объекты. Так, например, если у вас недостаточно оптимизированы изображения, вам будут выведены URL-адреса изображений, процент сжатия, который принесет вам наилучший эффект, и изменение размера страницы, которое вы получите. Вам остается только начать реализовывать исправление этих ошибок!

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

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

Адель Гадельшин

View Comments

  • Спасибо за информацию, нужно будет попробовать эту замечательную штуку)

  • Адель, спасибо за огромное количество нового полезного материала.

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

8 месяцев ago

Как сделать запуск инфопродукта

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

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago