AVIF（画像の形式・拡張子）についての考察
画像を軽くする話になると、たいてい AVIF が出てきます。WebP よりさらに小さい。Lighthouse も「次世代フォーマットでの配信」と言ってくる。使わない理由がなさそうに見えるんですよね。 このサイトでは使って […]
ARTICLES
技術ログ
表示速度の計測と改善について、実務で確認していることを書いています。判断の材料としてお使いください。
4
POSTS
WordPress の問い合わせフォームを、プラグインなしで作る
4項目のフォームのために Contact Form 7 を入れると、全ページに CSS と JavaScript が乗ります。素の POST で受ける実装を、nonce をあえて置いていない理由まで含めて書きます。このサイトのフォームがその実装です。
Lighthouse の TBT が 0ms でも、JavaScript が軽いとは限らない
わざと重い JavaScript を積んだデモを作ったのに、TBT は3回とも 0ms でした。長時間タスクは毎回出ています。TBT が FCP から TTI までの区間しか数えないためです。遅いサイトほど TBT が低く出る、という逆転が起きます。
見た目が同じサイトを2つ作って測ったら、モバイルスコアが57点と93点になった
表示内容も写真の枚数も文章もまったく同じにして、実装だけを変えたサイトを2つ作りました。モバイルスコアは57点と93点、LCPは22.2秒と2.8秒。何を変えたら何が動いたのかを、実測値のまま置いておきます。
