あなたの多くは、おそらくGoogleの素晴らしいサービスを使用しているでしょう:
PageSpeed Insights ? 100のうち、大切な100を取得したいですか?
注目を集める絵ちょっとしたこと。
だから、私のテストの結果。
たとえば、無料の既製のアダプティブWebサイトテンプレートを受け取り、ホスティングに転送してテストを開始しました。
最初のテストの結果 (
サイトへのリンク):
- モバイルの速度-79/100;
- コンピューターの速度-93/100;
悪くないでしょ?
不平を言う:
必ず修正してください:
ページの上部から表示をブロックしている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> </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> </head>
そして-乾杯! -
上記の
結果があり
ます (
サイトへのリンク):
- モバイルの速度-99/100;
- コンピューターの速度-99/100;
そして文句を言うのは:
可能であれば修正します。
HTMLをカット
HTMLコード(埋め込みJavaScriptまたはCSSを含む)を圧縮すると、データの量を減らして読み込みと処理を高速化できます。
しかし、この問題はコード圧縮によって解決できます。 このトピックは関係ありません。
また、やはり上記の問題を解決しなかったことを忘れないでください。
ページ上部のコンテンツ全体は、次のリソースをロードした後にのみ表示されます。 これらのリソースの読み込みを延期するか、非同期に読み込むか、最も重要なコンポーネントをHTMLコードに直接埋め込みます。
ファイルでどれだけの重さ、コードでどれほどの重さがあるか!
そして今、最も重要な質問:バグまたは機能?ありがとうございます!
UPD 09/07/2015 16:55 :
サイトの
スタイル (+圧縮されたcss)を5メガバイトに
増やし ました 。100のうち100を超える圧縮であっても
結果は同じです。