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