読み込み中にページサイズを縮小する方法を知っている人はいますか? とにかく、CSS ファイルのサイズと Javascript ファイルのサイズを小さくすることはできますか?
5 に答える
GZIP 圧縮は、スタイルシートや HTML などのテキストベースの応答には有効ですが、画像には有効ではありません。
縮小は、CSS と Javascript で効果的です (Javascript ではより効果的です)。言語とフレームワークに応じて、さまざまなソリューションを利用できます。これにより、空白を削除し、可能な場合は識別子名を短くすることで、送信されるコードが難読化されます。
複数のリクエストを 1 つにまとめると、帯域幅があまり節約されなくても、レイテンシが大幅に削減されます。これにより、ユーザーが認識する読み込み時間が短縮されます。複数の CSS ファイルを 1 つにまとめることができます。これは簡単です。画像では、スプライトと呼ばれる手法を使用できます。
バイトが転送されたということですか?その場合、HTML の GZIP 圧縮を使用します。Apache では、mod_deflateを使用します。そこにはサーブレットフィルターもあります。
w3compilerは、あなたが望むことを正確に実行するツールです。
これについては、 High Performance Web Sitesという優れた本があります。これは、クライアント側のパフォーマンス アップグレードのさまざまな手順を説明する O'Reilly の書籍です。CSS や JS のファイル サイズなど、提案されたトピックをカバーしています。