谷歌的PageSpeed：對於CSS文件生成關鍵CSS從CDN

Question

我們試圖使用谷歌的PageSpeed優化網站，現在有一些問題提供：

我們使用nginx_pagespeed模塊 試圖使prioritize_critical_css過濾 由於CSS文件正從外部CDN域加載，關鍵的css過濾器不起作用。 當與運行PageSpeedFilters =調試，在html源代碼會產生以下錯誤

彙總計算地位CriticalCssBeacon

資源0 https://mycdndomain.com/styles/screen-2d470013.css：無法創建資源：要麼其領域是未經授權而InlineUnauthorizedResources未啓用，或者無法讀取（檢查服務器日誌）

其中mycdndomain是我們的CDN域。

有人可以幫我解決這個問題。需要什麼nginx頁面速度配置更改？

什麼是InlineUnauthorizedResources？

Answer 1

默認情況下，mod_pagespeed僅重寫與HTML相同域中的資源，以便在需要明確授權重寫的其他域上重寫資源，並可能進行一些配置。

最簡單的，你可以授權域與pagespeed Domain聲明改寫：

pagespeed Domain https://mycdndomain.com; 

這將指示的mod_pagespeed從該域改寫資源。

但要小心，這只是指示mod_pagespeed重寫網址，您將不得不確保您的CDN可以爲重寫的網址提供服務！如果它只是從你的服務器上提取內容，這應該沒問題，但如果它是推送CDN，當你改變URL時它會中斷。

有關授權和映射域的完整說明，請參見https://developers.google.com/speed/pagespeed/module/domains。