はじめに PageSpeed InsightsでWebページのパフォーマンスをチェックしていたところ、最近TBT(Total Blocking Time)の数値が悪化し、モバイル(携帯電話)のパフォーマンスが70ポイント台まで低下することが多くなりました。 同一ページを複数回テストすると、TBTが200ミリ秒以下の時もあれば、2000ミリ秒以上になる時もあり、何でこんなにバラツクのだろうと悩んでました。 DOMが非常に多いとJavaScriptのタスク処理が多くなりブロック時間が増えます。 しかし、コンテンツの量が変わらないのにTBTが大きく悪化するのは、アドセンスの自動広告で読み込む広告の種類が一因になっているのではと仮説を立て対策を考えて効果を確認してみました。 今回の記事は、自動広告を使ってもページスピードが悪化しない方法の説明で、同様の問題に悩んでいる方は参考にご覧ください。 ペー