/FrontendPerformance

フロントエンドパフォーマンス最適化のための実験リポジトリ

Primary LanguageCSS

概要

このリポジトリはフロントエンドのパフォーマンス改善のための実験用です。

題材のサイトに関しては、自作ではなく海外の学習サイトの「パフォーマンス最適化されていないサイトの見本」として公開されていたものを使用し、一部さらに遅く改造したりしたものです。

それを自分のやり方で改善したものが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の使用
  • 画像の圧縮

Lighthouseによる計測

slow

2019-02-09 0 45 00

fast

2019-02-09 0 44 09