h-yoshikawa44 / change-of-pace-astro

個人ブログ(2023/07~)
https://changeofpace.site
5 stars 0 forks source link

[改善]Astroの画像最適化対応(動的インポート版) #158

Closed h-yoshikawa44 closed 7 months ago

h-yoshikawa44 commented 7 months ago

概要

157 で Astro の画像最適化機能を試していたが、動的インポートの方がよいのでは...?という気がしてきた。

動的インポートの方も試してみて、こちらの方がよければこちらを採用したい。

完了条件

h-yoshikawa44 commented 7 months ago

ローカルでのスコア記録

npm run dev でのもの。 本番ビルド時よりは少し下がる感じ。

タイミング デスクトップ モバイル
対応前 image image
対応後 image image
OGP 対応後 image image

スコアはまぁ、誤差の範囲かな。

h-yoshikawa44 commented 7 months ago

ローカルビルドでの記録

タイミング デスクトップ モバイル
対応前 image image
対応後 image image
OGP 対応後 image image

モバイルのパフォーマンスが下がった。 アクセシビリティ周りも対応したらスコア回復するかなぁ。