2016-02-11 3 views
0

Я пытаюсь увеличить оценку очков по параметрам PageSpeed, и я, вероятно, недопонимаю одну часть: размер содержимого в viewport, рекомендации показывают, что некоторые элементы html находятся за пределами области просмотра, как я могу исправить Это? Я попытался уменьшить размер шрифта, где текст действительно большой, но это не помогает, связано ли это только с CSS?Google PageSpeed ​​Insights Размер содержимого в viewport

Вот результаты: https://goo.gl/PB2yaA

+0

Когда вы переходите к ссылке google Insights, она сообщает мне, что некоторые ссылки javascript и CSS в верхней части вашего кода замедляют вашу страницу. Даже у моего браузера есть проблемы с этим ... PageSpeed ​​замечает это, когда замечает, что ваш код HTML указывает на блокирующий фрагмент кода JavaScript. Я мог бы объяснить вам детали, но ссылки на странице PageSpeed ​​расскажут вам то же самое. Решение: введите код, который должен быть выполнен в первую очередь. Таким образом, вашему браузеру не потребуется загружать файлы JS и может просто выполнить код. – JordyV

ответ

1

Ваше содержание в 361px - ~ 450px IST к большой. Google сообщает вам, что некоторые элементы (например, .nav-toggle) находятся за пределами области просмотра и не доступны для кликов.

Ваш код:

(max-width: 480px) 
html, body { 
width: 480px !important; 

не в порядке, потому что она заставляет окно просмотра, чтобы быть больше, чем возможный 440px просмотра. Удаление этого поможет вам.

+0

Спасибо, это помогло! Я немного почесал голову об этом, это было проще, чем я думал, теперь у меня есть еще три элемента, которые можно исправить, не могли бы вы проверить, какие изменения необходимы для его полного завершения? Кажется, я не знаю, на что смотреть. – Erasus

Смежные вопросы