ブログのWebパフォーマンス改善（PRPL） | hellopeople前回の記事でPHPベースからREST API + Nuxt.jsのアーキテクチャに変更したことでブログのパフォーマンスを改善したことを書きました。 今回、HTTP/2やServiceWorkerなどの技術を取り入れることで、さらにWebパフォーマンスを改善することができました。これは完全に適用できている訳ではありませんが、PRPLパターンを参考にしています。 ▼改善後にLighthouseで検証した結果 Webパフォーマンスの改善にあたって、取り組んだことは以下です。 Firebaseへ移行してHTTP/2を利用 @nuxtjs/pwaを使ってPWA化 ServiceWorkerを使ったリソースのキャッシュ ResourceHintsを使ったリソースの先読み Firebaseへ移行してHTTP/2を利用 これまでレンタルサーバーを使っていたので、残念なことにHTTP/2を利用することが出来
