GZIPT CSSファイルが提供されているかどうかをテストするにはどうすればよいですか?
-
27-10-2019 - |
質問
私は使用しています ジャムミット Data-uriの埋め込み Railsアプリ. 。ただし、これはジャムミットやレールの特定の質問ではありません。
生成されたCSSファイルごとに、Jammitは2つのバージョンを作成します。
- style-datauri.css(75kb)
- style-datauri.css.gz(40kb)
私のプロダクションアプリがFirefoxとChromeにデータ-URIを提供しているため、すべてが機能していることを知っています。 ブラウザーショット すべてが順調であることを示唆しています。
Q1: StyleSheetのGZIPTバージョンがブラウザに提供されているものであることをテストするにはどうすればよいですか?ファイルが大幅に小さいので気にします。
(私は非GZIPT CSSファイルのフォントサイズを変更して、何が起こるかを見ることができると思いますが、私はより簡単な方法があることを望んでいます - おそらく使用する カール か何か)
Q2: アプリはHerokuでホストされており、私はから知っています 彼らのドキュメント 彼らはあなたのためにすべてをgzipしているが、私はまた、ジャムミットが最高の圧縮レベルを使用しており、ヘロクはしないと言われている。私のファイルは2回gzipしますか?ジャムミットで一度、そしてもう一度nginxによって?
解決
Q1
HTTPヘッダーを検査できます 推測してみて 何が起こっていますか; Nginxは、GZIPTバージョンのCSSを提供したり、その場でZiptipバージョンを作成するように言われたりすることができますが、クライアントの観点からサーバーであることを簡単に言うことができるかどうかはわかりません。
Q2
Herokuは、Nginxとワニスを搭載した強力なキャッシュ /最適化フロントエンドシステムを備えています。彼らはあなたのアプリをより少ないリソースを消費する方法をあなたに説明して喜んでいます。
ボーナス
Webアプリのホームページをロードすると、ブラウザは1MB以上のデータをダウンロードします。それをsnappierにするために、JavaScriptを介して怠zyなロード画像ができます。