PageSpeed Insights低分。 1阻止CSS資源

PageSpeed Insights中出現以下錯誤。我進入Minify「手動」模式並添加了下面的CSS。但Google仍然抱怨CSS。我只有64/100的分數。請幫忙。PageSpeed Insights低分。 1阻止CSS資源

您的頁面有1個阻止CSS資源。這會導致渲染頁面延遲。如果不等待加載以下資源，則無法呈現頁面上的上述摺疊內容。嘗試推遲或異步加載阻止資源，或直接在HTML中嵌入這些資源的關鍵部分。優化下面的CSS傳遞： https://www.northfloridacricket.com/wp-content/cache/minify/000000/4799b/default.include.4feacd.css

來源

2015-02-09 Vijay Panneerselvam

讓您找到一個解決辦法？ – bernhardh 2015-02-11 08:51:43

你使用wordpress嗎？我發現有人可以用wordpress獲得100/100。檢查PageSpeed得分[*此處*]（https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.webdesignerland.com&tab=mobile）。在他詳細解釋[*這裏*]（http://kaspars.net/blog/wordpress/page-speed-score-100）他已經做了什麼來實現它。 – hyip 2015-04-13 16:33:42

看看這裏https://stackoverflow.com/questions/18013648/eliminate-external-render-blocking關於這個問題的更多想法。 – lafeber 2017-07-06 11:09:38

僅僅通過縮小CSS對於頁面速度見解通常是不夠的。 Page speed更喜歡涉及內容「頂部摺疊」（頂部600px）的內容（即加載到標籤中）的CSS。所有其餘的CSS應該推遲到最重要的ATF內容之後加載。

請參閱從giftofspeed

Q此的例子：一個CSS文件，我應該按照負荷？
答：您應該推遲加載阻止頁面呈現的所有CSS文件。
答：不要推遲加載一個小或中等大小的CSS腳本。從頁面速度的角度來看，您將從內聯所有CSS中獲益更多。

JavaScript代碼段用於推遲CSS文件：

<script type="text/javascript"> 
/* First CSS File */ 
var giftofspeed = document.createElement('link'); 
giftofspeed.rel = 'stylesheet'; 
giftofspeed.href = '../css/yourcssfile.css'; 
giftofspeed.type = 'text/css'; 
var godefer = document.getElementsByTagName('link')[0]; 
godefer.parentNode.insertBefore(giftofspeed, godefer); 

/* Second CSS File */ 
var giftofspeed2 = document.createElement('link'); 
giftofspeed2.rel = 'stylesheet'; 
giftofspeed2.href = '../css/yourcssfile2.css'; 
giftofspeed2.type = 'text/css'; 
var godefer2 = document.getElementsByTagName('link')[0]; 
godefer2.parentNode.insertBefore(giftofspeed2, godefer2); 
</script> 

<noscript> 
<link rel="stylesheet" type="text/css" href="../css/yourcssfile.css" /> 
<link rel="stylesheet" type="text/css" href="../css/yourcssfile2.css" /> 
</noscript>

來源

2015-02-16 03:57:01

這隻會優化主頁上的CSS。網站上的所有其他頁面仍然存在渲染阻塞問題。 – 2016-10-12 00:27:47

PageSpeed Insights低分。 1阻止CSS資源

回答

相關問題