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のスクリーンショットは、レンダリングブロックリソースを削除すると 最大の改善が得られることを示しています。

最新ニュース
coron's Source - 全国 generated by Nordot
- イチローさん殿堂博物館に寄贈へ 全個人コレクション、米NY州by 共同通信 on 2025年2月15日 at AM 6:25
【ニューヨーク共同】米大リーグのマリナーズなどで活躍し、アジア人で初めて米国野球殿堂入りしたイチロー...
- 長野3人殺傷事件で46歳男を再逮捕by 共同通信 on 2025年2月15日 at AM 6:24
- 「ラブライブ!スーパースター!! 」鈴原希実 初の写真集 “出来栄えは99.99999点!”by TBS NEWS DIG on 2025年2月15日 at AM 6:21
「ラブライブ!スーパースター!!」桜小路きな子役の鈴原希実さんが、『鈴原希実 1st写真集 届け』発...
- 米政権、AP通信外し加速 「メキシコ湾」改称巡りby 共同通信 on 2025年2月15日 at AM 6:16
【ワシントン共同】トランプ米政権によるAP通信外しが加速している。政権がメキシコ湾をアメリカ湾に改称...
- 【衝撃】住宅街の十字路で「ドン!」車同士が出合い頭に衝突する瞬間…押し飛ばされた黒い車が住宅の壁と白い車に挟まれボンネットに乗り上げる 周辺住民が救助に トルコby FNNプライムオンライン on 2025年2月15日 at AM 6:05
トルコ北西部の住宅街にある十字路で、2台の車が出合い頭に衝突する事故が発生。衝突された方の車は衝撃で...
- 【杉浦太陽】バレンタインに辻希美と仲良し2ショット「ありがとうっ!愛してるよ〜」家族へ感謝by TBS NEWS DIG on 2025年2月15日 at AM 5:46
14日、俳優・タレントの杉浦太陽さんがインスタグラムを更新。バレンタインプレゼントと、妻・辻希美さん...
- 小中学校にAI教材導入 宮崎、苦手分野を自動分析by 共同通信 on 2025年2月15日 at AM 5:42
宮崎県は、児童生徒の苦手分野克服に役立つという人工知能(AI)を使った学習教材を県内全ての公立小中学...
- 自民・森山幹事長「“筋の通る”ものなら各会派の意見聞き予算案を修正」by FNNプライムオンライン on 2025年2月15日 at AM 5:40
自民党の森山幹事長は15日、福島市で講演し、「予算案について、いろんな修正の話があるが、筋の通るもの...