2016-11-19 30 views
0

我正在經歷一個關於我的WordPress網站的奇怪的情況。我一直在努力消除所有的錯誤,我在PC上有一個非常好的94/100,但在移動設備上只有71/100,奇怪的是,我在移動設備上看到的渲染阻止腳本不僅僅是我看到的腳本PC。渲染阻止腳本只出現在手機上

任何人都可以幫助我,讓我知道爲什麼會發生這種情況?

http://prntscr.com/d95npy - PC

http://prntscr.com/d95nuf - 移動

感謝您的時間提前。

回答

0

我假定您正在加載<head>標籤中的所有css。 PageSpeed向您建議的是優化CSS遞送

爲了實現它,嘗試看看以下資源:

理想的CSS設置會是這個樣子......

  • 不超過一個合理大小的外部CSS樣式表(小於75k左右)
  • 內嵌小型CSS到使用樣式標籤屏內容
  • 沒有了CSS @import調用喜歡你的div或您H1S HTML的東西沒有CSS(以元素CSS)HTML

你應該基本上不會從外部來源導入這些CSS,而是將它們包含在您的projet中。

如果你正在尋找一種更務實的態度,看看pagespeed documentation

0

您可以使用插件來優化CSS的交付,

https://wordpress.org/plugins/above-the-fold-optimization/

這個插件是不是一個簡單的「上/關'插件。它是優化專業人員和高級WordPress用戶實現Google Page Speed 100 Score的工具。

請檢查谷歌頁面rank.AMP的AMP插件是爲了移動網站優化。