spirited-away1000h Tech Blog

avatar

このサイトは個人的に各種サービスを調査・使用した知見をメモ代わりに書いています。
掲載内容はあくまで私自身の見解であり、至らない箇所もある前提でお読みください。

このサービスの構成

  • ホスティングサービス
    • CloudFlare page (jamstack) : 無料プラン
      • http/3 : このページはhttp/3対応のブラウザ(chrome 等)で表示すると高速化されます。
  • 構成
    • gatsby (SSG)
      • PAW対応 : PWA対応ブラウザでインストール可能
        • PWAテスト検証はOSX : chrome
    • contentful (headless cms) : 無料プラン
      • graphql

Core Web Vitals


PWA 対応済表示になっています。
Core Web Vitals

google search consol MobileUsability


このページはモバイルフレンドリーです。
MobileUsability

build time (Cloudflare pages)


build time

検索エンジン登録 : SEO

sitemap


sitemap結果

検索エンジン インデックス登録


検索エンジン インデックス登録

PWA 対応

Core Web Vitals PWA項目

PWA INSTALLABLE
Core Web Vitals

PWA対応確認

chromeアドレスバー右側にPWAダウンロードボタンが表示される、選択するとインストールされます。

PWA対応

インストールしたPWAファイルの一覧表示

当ページインストールすると、chromeで下記アドレスを入力すると表示される。
chrome://apps
© 2023 Dev Blog