こんにちは。id:nanimono_demonaiです。はてなブログMediaのWebアプリケーションエンジニアをしています。2カ月ほど前になりますが、はてなブログで、はてなフォトライフの画像を貼り付けたときの表示方法が変わりました。 今回は、私がこの変更に加えた改善の内容を、故郷の両親にも伝えられるようにまとめてみました。 見た目は変わらないのに何が良くなったのか? imgタグに画像の縦横長を追加した 表示のズレの改善を指標で表す CLSとは何か? はてなブログでCLSがどのくらい向上したか? SEOにおける改善も 遅延読み込みによって閲覧も軽快に おわりに 参考文献 見た目は変わらないのに何が良くなったのか? 今回の変更では、はてなのWebアルバムサービスであるはてなフォトライフに保管した画像を、はてなブログに表示する方法を改善しました。と言っても、これによって画像の見た目が変わったワ
![画像の表示で画面がズレないよう変更したことで、はてなブログの何が改善されたのか - Hatena Developer Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/97c4965113962a9f26e457f31a2d7435f6a87fc3/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fn%2Fnanimono_demonai%2F20210805%2F20210805102004.png)