Это правило срабатывает, когда PageSpeed Insights обнаруживает, что некоторые точки, нажатые на цель (например, кнопка, ссылка или поле формы), могут быть слишком малы или расположены слишком близко, чтобы пользователю было неудобно нажать вовремя на сенсорный экран.
Вы должны убедиться, что наиболее важные точки на веб-сайте достаточно большие по целевым показателям (наиболее часто используемые пользователями), то есть высота/ширина должна быть не менее 48 пикселей CSS (если вы правы).Настройка видового экрана), чтобы пользователь мог легко нажимать. Размеры нечасто используемых ссылок могут быть меньше, но все же необходимо держать определенное расстояние между другими ссылками, чтобы избежать неосторожного нажатия пальцев шириной 10 мм на две ссылки одновременно. Пользователю не нужно закрывать пальцы (или полагаться на другие функции интерфейса браузера, чтобы исключить помехи нажатия точки пальца, такие как всплывающая лупа для Chrome), и он может легко и точно нажимать нужную кнопку или ссылку.
將重要的點(diǎn)按目標(biāo)設(shè)置得足夠大以易于點(diǎn)按
Этот способ лучше подходит для наиболее часто используемых вашими пользователями точек по целевым показателям, таким как часто используемые кнопки, поисковая строка, другие важные поля формы, а также основные навигационные ссылки. Эти точки должны быть не менее 7 мм по размеру цели (если вы правильно配置您的視口48 пикселей CSS) и должно быть оставлено достаточное пространство вокруг него, если оно меньше 7 мм.
Убедитесь, что меньшие точки имеют достаточное пространство между целями
Для нечасто используемых ссылок или кнопок нет проблем с размером меньше рекомендуемых 7 мм. Тем не менее, не должно быть других точек в его поперечном и продольном диапазонах 5 мм (32 пикселя CSS) для нажатия на цель, чтобы избежать случайного нажатия на другие точки, когда точка пальца пользователя нажимает на одну точку для нажатия на цель.
Except as otherwise noted, the content of this page is licensed under the?Creative Commons Attribution 3.0 License, and code samples are licensed under theApache 2.0 License. For details, see our?Site Policies.