Nuxt SSG (jsあり)で Pagespeed Insight 携帯 90 越えする話、の本を書く予定

個人ブログのサイトを Nuxt.js で作っていて、ひたすらチューニングした結果、携帯版の Pagespeed Insight でスコアを割とコンスタントに 90 を越え始めたので、これまでにやってたことを Book にしようか考えていて、反応を見る目的でこの記事を書いています。

条件

• js あり
  • Nuxt では js を読み込まない構成を取れるが、今回はやっていない、という話。
• prefetch あり
  • リンクが画面に表示されると payload などを取得してくれる機能

構成など

• Nuxt 2.15.8
  • SSG
  • @nuxtjs/composition-api は利用している。
• Nuxt Content (記事の内容に利用)
• Nuxt Image (記事に画像を表示する際に使用)
• css フレームワーク: bootstrap
• firebase hosting (functions はなし)

実際に動いているページ

https://blog.yukii.work/

実装している機能

• 記事ページ
  • nuxt image を利用して静的画像を表示
    • https://blog.yukii.work/posts/2022-04-19-sentry-ignore-browser-extension
  • 数式も表示可能
  • mermaid なども利用可能
    • ただし、 mermaid をダウンロードする必要があるのでさすがに遅い。
    • https://blog.yukii.work/posts/2022-04-09-mermaid-on-nuxt/
• アーカイブページ
• タグページ

Disclaimer

• 一部の記事ページは、表示している記事の内容によっては遅いです。改善方法はあるのですが、少し時間がかかりそうなため手を付けていない感じです。

質問

こういう本があったら、購入しますでしょうか? 反応がありそうならば、書いてみる予定です。