Speed Index は、Lighthouse レポートのパフォーマンスセクションで追跡される6つのメトリックの1つです。各メトリックは、ページの読み込み速度のいくつかの側面をキャプチャします。 スピードインデックスの測定値 速度インデックスは、ページの読み込み中にコンテンツが視覚的に...
Speed Index は、Lighthouse レポートのパフォーマンスセクションで追跡される6つのメトリックの1つです。各メトリックは、ページの読み込み速度のいくつかの側面をキャプチャします。
スピードインデックスの測定値
速度インデックスは、ページの読み込み中にコンテンツが視覚的に表示される速度を測定します。Lighthouseはまず、ブラウザに読み込まれるページのビデオをキャプチャし、フレーム間の視覚的な進行を計算します。次に、LighthouseはSpeedlineNode.jsモジュール を使用してSpeedIndexスコアを生成します。
Lighthouseがスピードインデックススコアを決定する方法
速度インデックススコアは、HTTPアーカイブのデータに基づいて、ページの速度インデックスと実際のWebサイトの速度インデックスを比較したものです 。
スピードインデックススコアを向上させる方法
ページの読み込み速度を改善するために行うことはすべてスピードインデックススコアを改善しますが、これらの診断監査によって発見された問題に対処することは、特に大きな影響を与えるはずです。
- メインスレッドの作業を最小限に抑える
- JavaScriptの実行時間を短縮する
- Webフォントのロード中にテキストが表示されたままであることを確認します
全体的なパフォーマンススコアを向上させる方法
特定の指標に焦点を当てる特別な理由がない限り、通常は全体的なパフォーマンススコアの向上に焦点を当てたほうがよいでしょう。
Lighthouseレポートの[ Opportunities]セクションを使用して、ページに最も価値のある改善点を決定します。機会が重要であるほど、パフォーマンススコアへの影響は大きくなります。たとえば、以下のLighthouseのスクリーンショットは、レンダリングブロックリソースを削除すると 最大の改善が得られることを示しています。
最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- Claudeの「ポケモン配信」の見所を解説。「最初の草むらが怖くて引きこもる」「お月見山で78時間迷子」 | レバテックラボ(レバテックLAB)on 2025年7月31日 at AM 1:14
ITジャーナリスト 牧野 武文(まきの たけふみ) 生活とテクノロジー、ビジネスの関係を考えるITジャーナリスト、中国テックウォッチャー。著書に「Googleの正体」(マイコミ新書)、「任天堂ノスタルジー・横井軍平とその時代」(角川新書)など。 AIはますます進化をし、ついにはコーディング能力が高いと評判のAnthro...
- CSSの単位がたくさんあり何を使えばよいか迷った時に、フォント、スペース、ポジション、要素の幅・高さに最適な単位はon 2025年7月31日 at AM 1:00
CSSには便利な単位がたくさんあります。よく使用する単位として絶対単位(pxなど)や相対単位(em, rem, %など)をはじめ、Gridの単位(fr)やビューポート単位(vw, vhなど)があります。いくつかの単位は使う場所が限られていますが、複数もしくはどこにでも使用できる単位もたくさんあります。 Webサイトやスマホアプ...
- 小1の長男が義実家に泊まりに行ってて落ち着かないon 2025年7月31日 at AM 12:43
小1の長男がおとといから1人で隣の県の義実家に泊まりに行ってる。 夏休みで暇だし、義父も定年退職して暇だから行ってるんだ。プール行ったり温泉行ったり楽しんでるみたい。(水の事故にはマジで気をつけて欲しいが…。) 私は育休中で赤ちゃんの世話とかあるし、保育園児の次男もいるし、外は暑すぎるし、1日に1回くらい...
- クルド人が日本に自治区を作りたい云々のDMは、リベラル系(?)なりすましの釣りアカウントの自作自演では - 電脳塵芥on 2025年7月31日 at AM 12:24
https://x.com/KeiTakasann/status/1947908030491918702 上記の様な投稿が拡散していた。まず初めにだが、「高橋慶一郎🕊️平和、平等、共生@KeiTakasann」というアカウントは2021年8月に作られたアカウントだが、投稿そのものは2025年7月18日から投稿を始めており、それ以前には投稿の形跡は見当たらない。また「クルド」...
- フランス人『細い人がカフェでクロワッサン食べてカフェオレ飲んでるのオシャレ~♡みたいに思われてるけど違う、若い子はお金もないし時間もない!あれはパリジェンヌの吉牛』on 2025年7月31日 at AM 12:16
日経BOOKプラス @nikkeipub 【フランス人はなぜパンを食べても太らないのか】フランス人は食事の際のひと切れを大きな楽しみとし、昼食やおやつとしてもパンを選んでいます。それでも太らないのは、食べるときの基本ルールがあるからです。フランス人が実践するパンの食べ方とは。 bookplus.nikkei.com/atcl/column/11… ...
- 7000万ユーザーが使う「PayPay」の次 銀証連携・カード・若者・海外【鈴木淳也のPay Attention】on 2025年7月30日 at PM 11:44
7000万ユーザーが使う「PayPay」の次 銀証連携・カード・若者・海外【鈴木淳也のPay Attention】
- 知床国立公園内にてヒグマへの餌付けが疑われる事案が発生… 知床の財団からは「このような行為は多くの人を危険にさらしますので絶対にやめてください」との注意喚起on 2025年7月30日 at PM 11:43
Bear Safety Shiretoko @bear_shiretoko 7月29日、知床国立公園内にてヒグマへの餌付けが疑われる事案が発生しました。目撃者からの通報によると、車内からヒグマにスナック菓子を与えていたようです。人から食べ物を与えられたヒグマは行動がエスカレートしていくと人に危害を加えるようになります。 pic.x.com/Uvp0Zs1...
- Vibe code is legacy codeon 2025年7月30日 at PM 11:40
Despite widespread confusion, Andrej Karpathy coined "vibe coding" as a kind of AI-assisted coding where you "forget that the code even exists." Legacy code We already have a phrase for code that nobody understands: legacy code. Legacy code is universally despised, and for good reason. But why? Y...