Google Page Speed Insightsで100/100スコアを取得しようとしています。しかし、それはいくつかのCSSファイルが折りたたみの上のコンテンツをブロックしていることを私に伝え続けます。メインコンテンツをロードした後、これらのファイルがロードされていることを確認するにはどうすればよいですか? Page Speed Insightsでこれ以上表示されないようにする。ロードCSSファイルを遅延する方法(Googleスピードインサイト用)
jqueryを使用してファイルを非同期にロードしようとしましたが、この方法ではメッセージがまだページスピードツールでポップアップしています。
私は次のことを試してみました。私自身のファイルパスで
<script>
var loadMultipleCss = function(){
//load local stylesheet
loadCss('myawesomestyle.css');
//load Bootstrap from CDN
loadCss('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');
//load Bootstrap theme from CDN
loadCss('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css');
}
var loadCss = function(cssPath){
var cssLink = document.createElement('link');
cssLink.rel = 'stylesheet';
cssLink.href = cssPath;
var head = document.getElementsByTagName('head')[0];
head.parentNode.insertBefore(cssLink, head);
};
//call function on window load
window.addEventListener('load', loadMultipleCss);
</script>
ofcourseの。
Google PageSpeed Insightsではこれは機能しませんでした。
のcouldnt単にあなたが、それら? –
@Jonaswいいえ、私が試してみると、私のCSSはコンテンツをブロックしていてJSはブロックしていると言います。だから問題は増えただけです:P – twan