谷歌速度優化的Css優化

Question

第一次測試運行結果：該CSS沒有正確優化。 https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.tdb.lt%2F

從谷歌optization建議我換成我的CSS加載方法https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

之後見解下開始的（顯示截圖）不加載CSS。

用這個代替CSS加載方法：CSS delivery optimization: How to defer css loading?（RafaSashi的回答）。 Pagespeed Insight開始正常顯示（使用CSS），但出現了相同的提示 - 「CSS未正確優化」。

如何正確加載CSS，以便在Insights中加載並且沒有修復建議？

Answer 1

最後我想通了。

所有你需要的是

1. 要創建core.css（小單，其中包含主站點的佈局框架部件）和輸出它的頭內嵌的形式，像這樣：

<style>body{border: 0px} footer{background-color:#c0c0c0;}</style>

1. 其餘的CSS你需要把JavaScript代碼放在這裏，你可以在這裏找到：https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

Answer 2

通過CSS文件

我的頁腳簡單的請求解決我的問題：

require_once("pub/css/inlinecss.php"); 

Inlinecss.php

$files = array("clean.css","pr.css", "steps.css", "default.css","screen.css","tablet.css","mobile.css"); 
$path = 'pub/css/'; 
foreach($files as $f) 
{ 
    include($path . $f); 
} 

隨着修復我沒有CSS優化99/100 PageSpeed Insights的建議。 此刻我面臨着其他問題：

整個CSS輸出在頁面源代碼。這對於頁面加載不太好......頁面加載速度更快，CSS包含403響應頭。有什麼建議麼？