Google PageSpeed: Создание критической CSS для CSS файла служил с CDN

Question

Мы пытались оптимизировать сайт с помощью Google PageSpeed ​​и теперь возникли некоторые проблемы:

Мы используем nginx_pagespeed модуль Попытка включить prioritize_critical_css фильтр С файлы CSS загружаются из внешнего домена CDN, критический фильтр css не работает. Когда бежал с PageSpeedFilters = отлаживать, следующая ошибка генерируется в источнике HTML

Статус Краткое описание вычисления для CriticalCssBeacon

Ресурс 0 https://mycdndomain.com/styles/screen-2d470013.css: Невозможно создать ресурс: либо его домен является несанкционированным и InlineUnauthorizedResources не включен , или он не может быть извлечен (проверьте журналы сервера)

Где mycdndomain - это наш домен CDN.

Может кто-нибудь помочь мне решить эту проблему. Какие изменения конфигурации nginx pagespeed необходимы?

Также, что такое InlineUnauthorizedResources?

Answer 1

По умолчанию mod_pagespeed только перезаписывает ресурсы в том же домене, что и HTML, чтобы включить переписывание ресурсов на другие домены, которые необходимо явно разрешить переписывание и, возможно, выполнить некоторую настройку.

Наиболее просто, вы можете разрешить домен для перезаписи с помощью pagespeed Domain декларации:

pagespeed Domain https://mycdndomain.com; 

Это будет инструктировать mod_pagespeed переписать ресурсы из этой области.

Но будьте осторожны, это просто инструктирует mod_pagespeed переписать URL-адреса, вам нужно убедиться, что ваш CDN может обслуживать переписанные URL-адреса! Если он просто вытаскивает контент с вашего сервера, это должно быть хорошо, но если это push CDN, он будет ломаться при изменении URL-адресов.

См. https://developers.google.com/speed/pagespeed/module/domains для полного описания разрешающих и отображающих доменов.