2017-02-13 157 views
0

已經工作的網站,並通過把引導CDN渲染延遲

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

在頭部分已經通過MAX CDN使用的自舉。

Google Pagespeed顯示:

您的頁面有1個阻止CSS資源。這會導致渲染頁面延遲。 如果不等待加載以下資源,則無法呈現頁面上的上述摺疊內容。嘗試推遲或異步加載阻止資源,或直接在HTML中嵌入這些資源的關鍵部分。下面的 優化CSS交貨:

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css 

反正是有解決這個的?

感謝

回答

0

要麼改變了CDN(這將最有可能什麼也不做你),或簡單地存儲文件在本地。這會提高您的Google Page Speed速度。

下載您正在使用,並將其存儲像這樣root/css/bootstrap.min.css

哪裏root是您的項目文件夾中的引導文件的副本。

CDN主要用於測試目的(即時訪問文件),或用於具有多個不能滿足本地要求的大型項目。

Read this thread to better understand.

雖然,谷歌給你可能不適合你的項目是一個嚴重問題的錯誤,它總是在本地使用你的資源,讓您的網站可以通過自身加載一個很好的做法,不引用類似於單獨查詢的外部源。

靜態文件=更好的加載時間=開心Google。

+0

非常感謝,謝謝。無論如何照顧'我們的頁面有1個阻止CSS資源。這會導致渲染頁面延遲。「錯誤,任何人都知道? – Walruss

+0

嘗試添加一個'media =「all」'到你的css鏈接。而且..你的CSS文件中是否有任何'@ import'規則?你連接了多少個CSS文件? – snkv

+0

謝謝你試圖幫助我。兩個css文件,bootstrap.min.css和styles.css沒有@import規則。 – Walruss