Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yutotnh/data-url-speed-test
Data URLの使用有無による画像表示速度を測定するためのデータを生成する
https://github.com/yutotnh/data-url-speed-test
bash-script shell-script
Last synced: about 2 months ago
JSON representation
Data URLの使用有無による画像表示速度を測定するためのデータを生成する
- Host: GitHub
- URL: https://github.com/yutotnh/data-url-speed-test
- Owner: yutotnh
- License: mit
- Created: 2023-01-31T14:25:39.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-05T12:28:15.000Z (almost 2 years ago)
- Last Synced: 2023-03-04T00:49:54.785Z (almost 2 years ago)
- Topics: bash-script, shell-script
- Language: Shell
- Homepage:
- Size: 52.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# data-url-speed-test
Data URL scheme を使った場合と使わなかった場合とでHTMLの表示速度がどの程度変わるのかを確かめるためのデータ置き場
## ディレクトリ構成
- images
- ファイル名と同じ容量のファイルが格納されている
- 1kB.svgの場合、1000Bになる (1024Bではない)
- html
- HTML ファイルが生成される
- standard ディレクトリ ... 相対パスで images ディレクトリにある画像を表示するHTMLがある
- dataurl ディレクトリ ... Data URL scheme を利用して画像を表示するHTMLがある
## 使い方
### データの生成
以下の手順で、画像とHTMLを生成し、data-url-speed-testフォルダを公開する
```bash
git clone https://github.com/yutotnh/data-url-speed-test.git
cd data-url-speed-test
cd images
bash generate_image.sh
cd ../html
bash generate_html.sh
```
### サーバー側(Apache)の設定
今回利用する画像(SVG)は転送時に圧縮されると容量に対して転送量が非常に小さくなるので、Apacheの設定を変更し、圧縮を行わないようにする
#### 設定方法例
マシンの情報
- Raspberry Pi 4 4GB
- Raspberry Pi OS (64-bit)
- Apache/2.4.54 (Debian)
```bash
sudo nano /etc/apache2/apache2.conf # 最後尾に 「SetEnv no-gzip dont-vary」を追加
sudo service apache2 restart
```