ウェブに関する情報

Astroブログの Lighthouse パフォーマンススコアを改善するために適用した画像最適化、CSS最適化、 ウェブフォント最適化、アクセシビリティ改善などの方法を共有します。

Pythonを使用してavifとwebpフォーマットの画像を生成し、LighthouseのServe images in next-gen formats問題を解決する方法について説明します。

ウェブページでGoogle Web Fontを使う時、フォントをロードする部分がウェブページのせいのに影響されないように最適化する方法について説明します。