リソース読み込みでサイトパフォーマンス改善 - Qiitaリソース読み込みでサイトパフォーマンス改善方法 読む込むリソースの大きさと数を減らす レンダリングをブロックする読み込み ブラウザとサーバー間の遅延を減らす ブラウザのキャッシュを活用する 具体的な方法 HTML/CSS/JavaScriptを最小化する 不要な空白などのバイト列を削除する 適切な画像形式を選択する 画像ファイルの最適化する 不要なデータの削減やデータの整理、現職などで画像容量を削減する。 CSSのimportを避ける 外部CSSを読み込みする@importが利用できる。 HTTPリクエストを減らすという原則に反するだけでなく、レンダリングエンジンはstyle.cssをHTTTPで取得し、パースしてから初めて@import文を解釈でしゅおくす。 @import文で指定したCSSファイルは、並列で取得されるのは出なく、一旦@import文を記述したCSSファイルが取得・読み込
