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のスクリーンショットは、レンダリングブロックリソースを削除すると 最大の改善が得られることを示しています。
最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- [25話]おかえり水平線 - 渡部大羊 | 少年ジャンプ＋2026年5月23日 に PM 3:00 に
おかえり水平線 渡部大羊 <隔週日曜更新！最新2話無料>海辺の街で、祖父と銭湯を営む遼馬。いつものように学校帰りに開店準備をしていると、父の隠し子を名乗る玲臣という少年がやって来て――？舞台は銭湯。義兄弟が繰り広げる、ビターで温かいヒューマンドラマ開幕！ [JC3巻発売中]
- [95話]クソ女に幸あれ - 岸川瑞樹 | 少年ジャンプ＋2026年5月23日 に PM 3:00 に
クソ女に幸あれ 岸川瑞樹 <毎週日曜更新！最新3話無料>「実は4股してるの ゴメンね」。中学生時代、人生で初めての彼女にヒドイ振られ方をした秋吉直（あきよし・すなお）。「もう誰かを好きになることなんてない」と思っていたが、大学生となり映画サークルの先輩に惹かれ始め…。だが、そんな折に自分を振った元カノと...
- 「踏み込みすぎだ」と批判 沖縄・玉城知事、辺野古事故巡る文科省の判断に2026年5月23日 に PM 2:36 に
沖縄県の玉城デニー知事は23日、同県名護市辺野古沖の船転覆事故で文部科学省が同志社国際高（京都）の学習プログラムは政治的中立に反すると判断したことを巡り「学ぶ環境を提供することは平和教育の根幹。そういうところに踏み込んでくるのは、踏み込みすぎだ」と批判した。同県うるま市で開かれた支援者の集会後、報...
- 文科省判断「踏み込みすぎ」 沖縄知事が批判、辺野古事故で | NEWSjp2026年5月23日 に PM 1:48 に
沖縄県の玉城デニー知事は23日、同県名護市辺野古沖の船転覆事故で文部科学省が同志社国際高（京都）の学習プログラムは政治的中立に反すると判断したことを巡り「学ぶ環境を提供することは平和教育の根幹。そういうところに踏み込んでくるのは、踏み込みすぎだ」と批判した。同県うるま市で開かれた支援者の集会後、報...
- 「どんな色がすき」という歌に対して子供が「ひどい。ひどい歌だよね」と言い出したので何事かと思って聞いたら…とんでもない勘違いをしていた話2026年5月23日 に PM 12:47 に
浅木胡逸（あさぎこいち） @asagiko 以前、子が「どんないろがすき？」の歌を「ひどい。ひどい歌だよねぇ。」と言っていたので、どういう事かと思ったら 好きな色を訊かれて正直に返したら、ふざけた様子でその色のクレヨンを奪われる歌だと思っていた。 2026-05-22 12:51:07 浅木胡逸（あさぎこいち） @asagiko 「一番...
- 「本日の握手会、ヲタク約1名。」アイドルの伝説のツイートがついに1億インプレッションを達成し表彰される「ファンの"方"のお陰です」2026年5月23日 に PM 12:18 に
相川暖花（SKE48） @honoka_ske48 team Sリーダー 相川暖花（あいかわほのか）🩵🧡/ 2003.10.22 / SKE48 ラーメン部 部長🍜 / グランパスSTADIUM!サブMC instagram.com/aikw_honoka?ut…
- 「物理法則超越してるだろこれ」とある水族館の不思議な水槽が話題→水槽から突き出したポケット部分からは魚に餌やりできるが、どうして水があふれない？水族館も反応し解説2026年5月23日 に PM 12:18 に
回路師@エンジニア @frombit3301 無料で使えるリモート接続ツールを作っています！ リモートデスクトップだけでなく、AI自動操作・SSH・ファイル転送・録画再生・チャットまで1つにまとめています。 Windows / macOS / Linux 対応です。 宣伝失礼しました！ 配布サイト: flashdesk.io pic.x.com/IU2hOeMEiJ 2026-05-23 1...
- 「私たちの声は届いていないのか」止まる工事現場、追いつめられる中小建設業者の切実な声【報道特集】 | TBS NEWS DIG2026年5月23日 に AM 11:59 に
特集は、中東情勢の影響で工事が止まる現場も出てきた建設業界についてです。「私たちの声は届いていないのではないか」。これはある建設業者の声です。経営を維持できるか、生活していけるのか。切実な訴えをお聞…
