Total Blocking Time（TBT）は、Lighthouseレポートのパフォーマンスセクションで追跡されるメトリックの1つです。各メトリックは、ページの読み込み速度のいくつかの側面をキャプチャします。 TBTが測定するもの TBT は、マウスクリック、画面タップ、キーボードの...
Total Blocking Time（TBT）は、Lighthouseレポートのパフォーマンスセクションで追跡されるメトリックの1つです。各メトリックは、ページの読み込み速度のいくつかの側面をキャプチャします。
TBTが測定するもの
TBT は、マウスクリック、画面タップ、キーボードの押下などのユーザー入力にページが反応しないようにブロックされている時間の合計を測定します。この合計は、First Contentful Paint から Time to Interactive までの間のすべての長いタスクのブロック部分を加算して計算されます。50ms 以上実行されるタスクはすべてロングタスクです。50ms以降の時間がブロッキング部分となります。例えば、Lighthouseが70msの長いタスクを検出した場合、ブロッキング部分は20msとなります。
LighthouseがTBTスコアを決定する方法
TBTスコアは、モバイルデバイスに読み込まれたときの上位10,000サイトのページのTBT時間とTBT時間の比較です。トップサイトのデータには404ページが含まれています。
TBTスコアを改善する方法
ChromeDevToolsのパフォーマンスパネルを使用して長いタスクの根本原因を診断する方法を学びます。
一般に、長いタスクの最も一般的な原因は次のとおりです。
- 不必要なJavaScriptのロード、解析、または実行。パフォーマンスパネルでコードを分析しているときに、メインスレッドがページの読み込みに実際には必要のない作業を行っていることに気付く場合があります。 コード分割によるJavaScriptペイロードの削減、未使用のコードの削除、または サードパーティのJavaScriptの効率的な読み込みにより、TBTスコアが向上するはずです。
- 非効率的なJavaScriptステートメント。たとえば、パフォーマンスパネルでコードを分析した後、document.querySelectorAll(‘a’)2000ノードを返す呼び出しが表示されたとします。10ノードのみを返すより具体的なセレクターを使用するようにコードをリファクタリングすると、TBTスコアが向上するはずです。
全体的なパフォーマンススコアを向上させる方法
特定の指標に焦点を当てる特別な理由がない限り、通常は全体的なパフォーマンススコアの向上に焦点を当てたほうがよいでしょう。
Lighthouseレポートの[ Opportunities]セクションを使用して、ページに最も価値のある改善点を決定します。機会が重要であるほど、パフォーマンススコアへの影響は大きくなります。たとえば、以下のLighthouseのスクリーンショットは、レンダリングブロックリソースを削除すると 最大の改善が得られることを示しています。
最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- AI×開発組織Summit 2026｜2026年10月16日(金) 汐留開催2026年8月25日 に AM 1:07 に
2025年、ソフトウェア開発におけるAI技術の浸透は目覚ましい発展を遂げました。多くの企業でコード生成・レビュー・テスト・設計補助などが日常レベルで活用され始めました。 2026年も半ばに差し掛かった現在、各社が直面しているのは「AI導入が浸透した」その先。“組織自体をどう再設計するか” という、まだ誰も答えを...
- 【賛否】電車内でハンディファン使用はアリ？ナシ？「あんたの汗を気化させた風が…」タレントがSNS投稿で物議 “髪の毛が吸い込まれる”トラブル報告も（読売テレビ） - Yahoo!ニュース2026年8月25日 に AM 12:32 に
タレント・コラムニストの小原(こばら)ブラスさんは、歯に衣着せぬ論客として活躍する関西育ちのロシア人です。そんな小原さんが2026年7月25日、SNSに投稿したのが…。 (小原ブラスさんのSNSより) 『あのさぁ、電車ではハンディファン、オフにしてもらえる？あんたの顔に当たって、あんたの汗を気化させたキモい風が、隣...
- 警視庁で警察官「3000人」足りず 採用不調で治安にも影響か（毎日新聞） - Yahoo!ニュース2026年8月25日 に AM 12:14 に
首都・東京の事件捜査や警備を担う警視庁で今年度、4万3619人の警察官の定員に対して3060人の欠員が生じている。充足率は4月時点で93・0％と全国平均の97・1％を大きく下回り、最下位だ。「東京都民に不安を与えたくない」（幹部）として警視庁は詳細を公表していないが、110番の対応時間が延びるなど、治安上の影響が出...
- 新「マイナアプリ」きょうスタート 「デジタル認証アプリ」統合、水色→ピンクに2026年8月25日 に AM 12:12 に
デジタル庁は8月25日、「マイナポータルアプリ」と「デジタル認証アプリ」の機能を統合した新「マイナアプリ」の提供を始めた。 マイナンバーカードを使った手続きの際、従来はマイナポータルアプリとデジタル認証アプリの2つを使い分ける必要があったが、マイナアプリへの統合により、1つで済むようになる。 すでにマイ...
- 子供たちが低学年の頃、親主導で夏休みの宿題が終わるように進めさせていたが、小5に「うるせーばばあ」と言われたので好きなようにやらせたら、先送りばかりで終わらない2026年8月24日 に PM 11:53 に
かおり @kaori_h84 子供たちが低学年の頃は親主導で７月中に夏休みの宿題を終わらせられるように計画を立てて(どうやって立てるのかみたいなのも教えたつもり)進めさせてたんだけど、小5にうるせーばばあと言われたのでほな旅行までに終わるように自分で好きなようにやりなさいと言ったら先送りばっかで結局終わらず、 2...
- 何年か前に子持ちの友達から「子供作らないの？」と聞かれ、経済的理由で余裕がないと伝えたら、「子供なんて貯金20万くらいあれば産めるよ」と言われた→波紋を呼ぶ展開に2026年8月24日 に PM 11:45 に
淡雪 @pmaoo6 何年か前に子持ちの友達が「子供作らないの？」って聞いてきたから、子持ちの人に子供いらないんだよね〜って言うのなんか気が引けるから謙遜して「うちはそんなに裕福じゃないから子供育てる余裕は無いかなぁ〜」つて言ったんだよね。そしたら「子供なんて貯金20万くらいあれば産めるよ！」 2026-08-24 17...
- 警視庁で警察官「3000人」足りず 採用不調で治安にも影響か | 毎日新聞2026年8月24日 に PM 11:45 に
首都・東京の事件捜査や警備を担う警視庁で今年度、4万3619人の警察官の定員に対して3060人の欠員が生じている。充足率は4月時点で93・0％と全国平均の97・1％を大きく下回り、最下位だ。「東京都民に不安を与えたくない」（幹部）として警視庁は詳細を公表していないが、110番の対応時間が延びるなど、治安上の影響が出...
- 裁判Plus 司法のリアル：使えなかった「お守り」 福祉が救えなかった老夫婦の悲劇 | 毎日新聞2026年8月24日 に PM 11:45 に
介護保険サービスを利用していないのに、サービスを受けるために必要な要介護認定は受けている――。 制度を担う自治体の担当者たちは、そんな状態のことを「お守り認定」とひそかに呼んでいる。 「いつかに備えた認定で本来は不要。余計な仕事が増えて大変だ」とやゆする意味が含まれている。 しかし、本当にそうだろうか...
