Google PageSpeed Insightsの100のうち100(バグまたは機能)?

あなたの多くは、おそらくGoogleの素晴らしいサービスを使用しているでしょう: PageSpeed Insights ? 100のうち、大切な100を取得したいですか?

画像
注目を集める絵

ちょっとしたこと。

だから、私のテストの結果。


たとえば、無料の既製のアダプティブWebサイトテンプレートを受け取り、ホスティングに転送してテストを開始しました。 最初のテストの結果サイトへのリンク):

悪くないでしょ?

不平を言う:
必ず修正してください:
ページの上部から表示をブロックしているJavaScriptとCSSを削除します。
ページごとのCSSブロックリソースの数:3.コンテンツの表示を遅くします。
ページ上部のコンテンツ全体は、次のリソースをロードした後にのみ表示されます。 これらのリソースの読み込みを延期するか、非同期で読み込むか、最も重要なコンポーネントをHTMLコードに直接埋め込みます。
小さな詐欺をします。 ファイルからコードへのスタイルの転送:
それは:

<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="stylesheet" href="css/style.css"> <title></title> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> </head> 

次のようになりました:

 <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <style> article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; } /*    */ </style> <title></title> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> </head> 

そして-乾杯! - 上記結果がありますサイトへのリンク):
そして文句を言うのは:
可能であれば修正します。
HTMLをカット
HTMLコード(埋め込みJavaScriptまたはCSSを含む)を圧縮すると、データの量を減らして読み込みと処理を高速化できます。
しかし、この問題はコード圧縮によって解決できます。 このトピックは関係ありません。
また、やはり上記の問題を解決しなかったことを忘れないでください。
ページ上部のコンテンツ全体は、次のリソースをロードした後にのみ表示されます。 これらのリソースの読み込みを延期するか、非同期に読み込むか、最も重要なコンポーネントをHTMLコードに直接埋め込みます。
ファイルでどれだけの重さ、コードでどれほどの重さがあるか!

そして今、最も重要な質問:バグまたは機能?
ありがとうございます!

UPD 09/07/2015 16:55サイトスタイル (+圧縮されたcss)を5メガバイトに増やし ました 。100のうち100を超える圧縮であっても結果は同じです。

Source: https://habr.com/ru/post/J266357/


All Articles