コアWeb Vitalsの一つLCPを改善したい 対応策としては調査済みで、 改善方法 サーバーのレスポンス時間の改善 レンダーブロッキングスクリプトを避ける 効率的な画像エンコード 次世代フォーマットでの画像配信 テキスト圧縮の有効化 オリジンへの事前接続 …

prefetchとprerender というブラウザが今後必要としそうなリソースを推測してフェッチする仕組みをChromeが改良しようとしているという記事を読んだ web.dev prefetch prefetchは例えば以下のような記述をしておくと、次の画面で必要そうなページやソースを…

画像の圧縮方法を調べていたらlibsquooshというのを知った github.com web.devで記事になっていた web.dev そもそもsquoosh.appというのがあり、これがブラウザで画像を圧縮することができるPWAということ（オフラインでも動く）、そしてChrome DevSummit 20…

画像圧縮するためにimagemin-cliを使うことにした github.com インストールと使用方法はREADME通り $ npm install imagemin-cli $ npx imagemin --help Usage $ imagemin <path|glob> ... --out-dir=build [--plugin=<name> ...] $ imagemin <file> > <output> $ cat <file> | imagemin > <output> Options</output></file></output></file></name></path|glob>…

Google I/O 2021 で発表されたコンテンツから、日本のデベロッパーへ向けて特にお届けしたいテーマに焦点を当て紹介をするウェビナーを拝見した developersonair.withgoogle.com その中でCWV（Core Web Vitals）に関する話の個人的メモ 指標のアップデートに…