カテゴリー
【Linuxコマンドでウェブサイト運営術】Alpine LinuxでGzip/Brotliを試す
※ 当ページには【広告/PR】を含む場合があります。
2021/01/21
無圧縮ではレスポンスが重すぎる
20MBのファイルで月間10万回アクセス
10MBのファイルで月間10万回アクセス
Brotliの使い方
BrotliとGzipを簡単な使い方
brotli
$ apk update && apk upgrade && apk add --no-cache brotli
$ brotli --version
brotli 1.0.7
gzip
$ gzip --version
gzip: unrecognized option: version
BusyBox v1.31.1 () multi-call binary.
$ ls -lh dist/
total 17M
12.2K extension-worker.js
33.7K favicon.ico
1.5K fcec474a1ea82bfe2add.worker.js
869 index.html
16.7M main.js
869 player.html
main.js
$ ls -lh
16.7M main.js
#👇best compression level (=11)
$ brotli -v -n -k -q 11 main.js
5.1M main.js.br
#👇high compression level (=9)
$ brotli -v -n -k -q 9 main.js
5.7M main.js.br
#👇moderate compression level (=5)
$ brotli -v -n -k -q 5 main.js
6.3M main.js.br
#👇lowest compression level (=0)
$ brotli -v -n -k -q 0 main.js
7.7M main.js.br
#👇best compression level (=9)
$ gzip -k9 main.js
6.6M main.js.gz
#👇moderate compression level (=5)
$ gzip -k5 main.js
6.9M main.js.gz
#👇lowest compression level (=1)
$ gzip -k1 main.js
7.1M main.js.gz
AWS S3から配信する
プロパティ
Content-Encoding
br
br
AWS CLIでのアップロード対応
--content-encoding
$ aws s3 sync [アップロードするローカルのフォルダパス] s3://[アップロード先のS3バケットのパス]/ \
--exclude '*' --include 'index.html' --include '*.js' --include '*.css'\
--content-encoding='br' --delete
まとめ
記事を書いた人
ナンデモ系エンジニア
主にAngularでフロントエンド開発することが多いです。 開発環境はLinuxメインで進めているので、シェルコマンドも多用しております。 コツコツとプログラミングするのが好きな人間です。
カテゴリー