我正在經歷一個關於我的WordPress網站的奇怪的情況。我一直在努力消除所有的錯誤,我在PC上有一個非常好的94/100,但在移動設備上只有71/100,奇怪的是,我在移動設備上看到的渲染阻止腳本不僅僅是我看到的腳本PC。渲染阻止腳本只出現在手機上
任何人都可以幫助我,讓我知道爲什麼會發生這種情況?
http://prntscr.com/d95npy - PC
http://prntscr.com/d95nuf - 移動
感謝您的時間提前。
我正在經歷一個關於我的WordPress網站的奇怪的情況。我一直在努力消除所有的錯誤,我在PC上有一個非常好的94/100,但在移動設備上只有71/100,奇怪的是,我在移動設備上看到的渲染阻止腳本不僅僅是我看到的腳本PC。渲染阻止腳本只出現在手機上
任何人都可以幫助我,讓我知道爲什麼會發生這種情況?
http://prntscr.com/d95npy - PC
http://prntscr.com/d95nuf - 移動
感謝您的時間提前。
我假定您正在加載<head>
標籤中的所有css
。 PageSpeed向您建議的是優化CSS遞送。
爲了實現它,嘗試看看以下資源:
理想的CSS設置會是這個樣子......
- 不超過一個合理大小的外部CSS樣式表(小於75k左右)
- 內嵌小型CSS到使用樣式標籤屏內容
- 沒有了CSS @import調用喜歡你的div或您H1S HTML的東西沒有CSS(以元素CSS)HTML
你應該基本上不會從外部來源導入這些CSS,而是將它們包含在您的projet中。
如果你正在尋找一種更務實的態度,看看pagespeed documentation
您可以使用插件來優化CSS的交付,
https://wordpress.org/plugins/above-the-fold-optimization/
這個插件是不是一個簡單的「上/關'插件。它是優化專業人員和高級WordPress用戶實現Google Page Speed 100 Score的工具。
請檢查谷歌頁面rank.AMP的AMP插件是爲了移動網站優化。