このリポジトリはフロントエンドのパフォーマンス改善のための実験用です。
題材のサイトに関しては、自作ではなく海外の学習サイトの「パフォーマンス最適化されていないサイトの見本」として公開されていたものを使用し、一部さらに遅く改造したりしたものです。
それを自分のやり方で改善したものがfastフォルダの内容となります。
Fast:https://oimo-tools.com/frontend_performance/fast/
Slow:https://oimo-tools.com/frontend_performance/slow/
- webpackによるjs,cssファイルのbundle化,minify化
- gzipによる配信
- scriptタグのdefer/asyncの使用
- 画像の圧縮