Что такое "лишний контент" в Google Pagespeed?

До недавнего времени мой сайт (www.heatexchangers.ca) набрал% 98 на Google Page Speed. Было несколько вещей, которые я мог ничего не делать, например строку запроса из веб-шрифтов. Я был очень доволен этим, поскольку это представляло все, что я мог сделать.

Недавно Google добавил что-то еще, что влияет на оценку скорости страницы, и теперь я получаю% 89 на скорости страницы и получаю это предложение:

Устранить внешние визуальные блокировки JavaScript и CSS в вышеприведенном содержании.

Попытка исправить это, похоже, включает в себя троллинг через все мои файлы .css и .js и разделение некоторых их частей и добавление их в мой html. Это вызывает у меня некоторую путаницу, так как я был под впечатлением, что мы должны максимально использовать JS и CSS из HTML.

Что такое контент "Над складкой"? Если это несколько стилей, таких как шрифт, цвет фона и т.д.; то я вижу, что это может быть не слишком большая сделка, чтобы включить встроенный. Я не смог найти список именно того, что это такое.

Ответ 1

Это связано с тем, что Google недавно изменил инструмент скорости страницы, чтобы лучше отражать все более мобильную сеть. Мобильные сети передачи данных имеют разные характеристики производительности, чем проводные или Wi-Fi, поэтому вам нужно делать разные вещи для оптимизации для них.

Выше (ATF) - это просто первый экран - все, что вам не нужно прокручивать, чтобы видеть. Очевидно, что это зависит от устройства и его ориентации, поэтому вам может понадобиться обобщить и, возможно, найти некоторые работоспособные общие параметры, возможно, таргетинг на смартфоны, один для планшетов и один для больших настольных компьютеров.

Что касается CSS, о котором они говорят, они действительно намереваются использовать все CSS, чтобы полностью соответствовать любому содержимому, отображаемому ATF. Чтобы определить время загрузки вашего содержимого ATF, они собираются сделать снимок экрана окончательной версии и сравнить это визуально со страницей по мере ее загрузки, и когда она будет достаточно похожа, они будут считать, что точка, в которой содержится контент ATF загружается.

Это видео-презентация от Google по этому вопросу:

http://www.youtube.com/watch?v=YV1nKLWoARQ

Акцент делается на том, чтобы заставить пользователей делать что-то в течение первой секунды. Обоснование того, что CSS для содержимого ATF непосредственно в HTML отражает их исследования производительности мобильных данных, показывает, что если CSS не существует, он не будет загружен достаточно скоро, чтобы быть в пределах первой секунды.

Они также предоставляют ссылки на инструменты, которые могут быть автоматизированы. Я не пробовал их и YMMV.

Ответ 2

Прочтения страниц google расскажут вам, сколько% css, ссылающихся на содержимое выше складки, загружается слишком поздно, и страница могла быть отображена ранее. Чем вы можете перемещать части css для достижения зеленого результата. я могу сделать это за вас: goo.gl/GsRxNc

ссылка от Google, описывающая "выше складки", https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

Ответ 3

Они ссылаются на блокирование отображения js, такие как аналитика или код отслеживания, поэтому они предлагают разместить эти сценарии "загрузить меня до всего остального" в нижнем колонтитуле, поскольку они будут загружены после того, как пользователь будет иметь сайт на экране.