Physical Address

304 North Cardinal St.
Dorchester Center, MA 02124

Как сделать ваш сайт более удобным для мобильных устройств с помощью PageSpeed Insights

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

Низкое удобство использования может свести на нет преимущества быстрой загрузки страницы. Мы знаем, что загрузка страницы для мобильных устройств в среднем занимает более 7 секунд, и, используя инструмент PageSpeed Insights и следуя его рекомендациям по скорости, вы можете сделать так, чтобы ваша страница загружалась намного быстрее. Но предположим, что ваш быстрый мобильный сайт загружается всего за 2 секунды вместо 7 секунд. Если мобильным пользователям по-прежнему приходится тратить еще 5 секунд после загрузки страницы на изменение масштаба и прокрутку экрана, прежде чем они смогут начать читать текст и взаимодействовать со страницей, то, в конце концов, этот сайт не очень быстр в использовании. Новые правила взаимодействия с пользователями PageSpeed Insights помогут вам найти и устранить эти проблемы с удобством использования.

В настоящее время эти новые рекомендации охватывают следующие области:

  • Настройка области просмотра : без meta-viewport тега современные мобильные браузеры будут считать, что ваша страница не подходит для мобильных устройств, и вернутся к области просмотра на рабочем столе и, возможно, применят увеличение шрифта, что нарушит предполагаемый макет страницы. Настройка области просмотра на width=device-width должна быть вашим первым шагом в мобилизации вашего сайта.
  • Размер содержимого в области просмотра: Пользователи ожидают, что мобильные сайты будут прокручиваться вертикально, а не горизонтально. После настройки области просмотра убедитесь, что содержимое вашей страницы соответствует ширине этой области просмотра, имея в виду, что не все мобильные устройства имеют одинаковую ширину.
  • Используйте разборчивый размер шрифта: если пользователям приходится увеличивать масштаб только для того, чтобы прочитать текст вашей статьи на экране своего смартфона, значит, ваш сайт не подходит для мобильных устройств. PageSpeed Insights проверяет, достаточно ли большой текст на вашем сайте, чтобы большинству пользователей было удобно читать.
  • Выберите нужный размер для нажатия: Нет ничего более неприятного, чем пытаться нажать кнопку или ссылку на сенсорном экране телефона или планшета и случайно нажать не на ту, потому что подушечка вашего пальца намного больше курсора мыши на рабочем столе. Убедитесь, что на сенсорном экране вашего мобильного сайта целевые точки для касаний достаточно большие, чтобы их можно было легко нажимать.
  • Избегайте плагинов: Большинство смартфонов не поддерживают Flash или другие плагины для браузера, поэтому убедитесь, что ваш мобильный сайт не использует плагины.

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

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