Назад | Перейти на главную страницу

mod_pagespeed блокировка рендеринга собственных js и css

Мой mod_pagespeed дает более низкий балл, потому что его собственные js и css блокируют рендеринг. Учитывая, что инструмент предназначен для ускорения, а не замедления, я не думаю, что это желаемое поведение по замыслу. Кто-нибудь сталкивался с этим раньше?

Вот рекомендации Google PagSpeed ​​Insights:

Remove render-blocking JavaScript:

http://pacifika.ru/…_pagespeed_static/js_defer.IRaJtkfeqL.js

И

Optimize CSS Delivery of the following:

http://pacifika.ru/…d626d8e8.css.pagespeed.cf.Kr0UOart5j.css
http://fonts.googleapis.com/css?family=Bitter&subset=latin

Здесь вы можете увидеть полную картину Pagespeed

Я нахожусь на сервере Apache, использую кеш Varnish, и вот правила mod_pagespeed, которые я включил:

ModPagespeedEnableFilters extend_cache,combine_javascript,local_storage_cache,rewrite_images
ModPagespeedEnableFilters rewrite_javascript,rewrite_css,sprite_images,rewrite_style_attributes
ModPagespeedEnableFilters collapse_whitespace,elide_attributes,remove_comments
ModPagespeedEnableFilters outline_css,move_css_above_scripts,move_css_to_head
ModPagespeedEnableFilters make_google_analytics_async,inline_google_font_css
ModPagespeedEnableFilters defer_javascript,prioritize_critical_css

Я знаю, что inline_google_font_css не работает, так как он все еще блокирует рендеринг.

Привет от команды mod_pagespeed.

Я думаю, вы правы по обоим пунктам. js_defer.IRaJtkfeqL.js потенциально блокирует рендеринг, хотя он загружается в конце HTML-файла. Мы разработали то, что, по нашему мнению, является хорошим механизмом для обеспечения загрузки некритических ресурсов после рендеринга для priority_critical_css, но мы еще не применили это к вспомогательному скрипту js_defer.

Я отслеживаю эту проблему как https://code.google.com/p/modpagespeed/issues/detail?id=997

RE http://pacifika.ru/… D626d8e8.css.pagespeed.cf.Kr0UOart5j.css загружается с блокировкой в ​​голове, не похоже, что на вашем сайте работает Prioritize_critical_css правильно. Маяки отправляются, и сервер правильно отвечает 204. Однако данные с маяков не применяются.

Я заметил, что на вашем сервере работает mod_pagespeed 1.7, который довольно старый. Мы отметили версию 1.8 как стабильную, а версию 1.9 - в бета-версии. Сможете ли вы перейти хотя бы на наш стабильный канал? В 1.8 внесены некоторые улучшения в механизм передачи маяков, которые могут помочь Prioritize_critical_css работать на вашем сайте.

Проблема со шрифтами - сложная. Мы решили не встраивать весь шрифт, потому что он большой и кешируемый. Но inline_google_font_css по-прежнему помогает мне встраивать косвенное обращение к CSS, удаляя один обходной путь до того, как ваш сайт сможет отобразить. По сути, если вам нужен собственный шрифт, он должен быть загружен клиенту, прежде чем ваша страница может быть нарисована, и здесь мы думаем, что лучше иметь его кешируемым, чем встраивать.