Приоритет видимого содержимого | Проникающая страница на странице Google

Question

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

<script type="text/javascript"> 
    function resize() { 
     var heights = window.innerHeight; 
     document.getElementById("fill-screen1").style.height = heights + "px"; 
     document.getElementById("fill-screen2").style.height = heights + "px"; 
    } 
    resize(); 
    window.onresize = function() { 
     resize(); 
    }; 
</script> 

Это самозагрузки карусель.

Есть ли способ удалить это предупреждение ??

Answer 1

Эта страница документов должна отвечать на ваш вопрос. https://developers.google.com/speed/docs/insights/PrioritizeVisibleContent

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

"Above the Fold" - это термин веб-дизайна, означающий, что пользователь впервые видит, если вы этого не знали. Ваша цель должна заключаться в том, чтобы минимизировать время от запроса до полной загрузки. Если в документе говорится, что вы можете сделать пару вещей. Вы можете минимизировать свой CSS. Если вы загружаете изображения из внешних источников, используйте вместо этого CSS/SVG. Вы также можете попытаться помещать вещи, подобные сторонним виджетам, немного дальше по странице. В нем также говорится, что вы можете загрузить статью перед боковой панелью, если у вас есть такой макет сайта.

Я думаю, что ваша проблема может быть карусели. Если он включает в себя изображения, попробуйте просто использовать текст или поставьте карусель ниже того, что пользователь видит первым. Кроме того, вы можете загрузить внешние CSS и JS после загрузки HTML. Всегда загружайте CSS перед JS.