2

CSS の読み込みに関しては、Google PageSpeed には相反する推奨事項があります。

一方では、すべての CSS をヘッドにロードするように指示されます: https://developers.google.com/speed/pagespeed/service/MoveCSSToHead?csw=1

一方、優先 CSS のみを先頭に配置し、ページが完全に読み込まれた後に残りを挿入するように指示します: https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

では、どのルールに従うのですか？また、「onLoad」の後に Javascript を使用して CSS をロードする方法の例を誰かが教えてくれれば、とても感謝しています。

4

3 に答える 3

1

99% の確率で、すべての CSS は外部リンクの形で頭の中にあるはずです。また、すべての js は body タグの直前にある必要があります。css を本体に入れるように指示されている場合、それは間違っています。ページ速度は実際の速度だけではありません。それは知覚速度でもあります。頭に css を追加すると、ページの読み込みが速くなるように見えます。私が知っている js で CSS をロードするすべての方法を次に示します。 http://www.websitecodetutorials.com/code/javascript/add-css-with-javascript.php .

于 2013-09-16T15:03:45.873 に答える
0

こんにちは最近、私たちは「エレガントなフレームワーク」と呼ばれるオープンソースの nodejs フレームワークを作成しました。これは、高速な Web アプリケーションの構築に役立ち、すべてのページでデスクトップとモバイルの両方で 100% の Google ページ速度を達成することに成功しました。次の URL で確認できます。

https://developers.google.com/speed/pagespeed/insights/?url=getelegant.com

ページのソースを見ることで学べることがたくさんあります。また、わからないことがあればコメントしてください。

于 2014-01-09T21:04:41.877 に答える
0

ここでの考え方は、ページが実際に最初にレンダリングする必要のある CSS ルールを head タグにインライン化し、残りの CSS のロードをページのロード後まで延期するというものです。

例については、http://www.iispeed.com/mod_pagespeed_example/prioritize_critical_css.html?PageSpeed=on&PageSpeedFilters=rewrite_css ,flatten_css_imports,inline_import_to_link,prioritize_critical_css を参照してください。

于 2013-10-04T11:00:42.500 に答える