search

notwo / youknowFrontend

youknowのフロントエンドを担当
0 stars 0 forks source link

レスポンシブの高速化 #100

Closed notwo closed 8 months ago

notwo commented 9 months ago

Lighthouseでパフォーマンスが悪化している箇所を修正

挙動としては初回読み込み(First Contentful Paint)が致命的に遅い 解決策の例としてはLighthouseの提案以外にもSPA の First View 表示速度を改善するなどがある

notwo commented 9 months ago

見たところCloudflare経由でnormalize.cssを読み込んでいるのが遅い CSSのrel=preloadを使った遅延読み込みによる高速化に倣ってCSSの遅延読み込みが有効かもしれない

現状は以下 ligthouse

本番環境だと以下のようになった lighthouse JSのビルド、最小化がされているので、それだけでかなりパフォーマンス向上されている よって他の部分でスコアを上げる必要がある