リソースの読み込みを助けるウェブブラウザ API の世界

ウェブブラウザはネットワークから様々なリソースを集め、それらを処理して組み合わせてウェブページをレンダリングします。リソースが揃わないとレンダリングできないので、この一連の処理のどこかが遅れるとページの表示も遅くなります。レンダリングをすみやかに開始できるようにウェブブラウザはリソースの取得やその処理を最適化するための API を提供しています。本記事ではそれらを網羅的に紹介し、ウェブアプリの性能改善を図る上でどのようなブラウザ機能が使えるのかを知ってもらうことを目的としています。各機能の具体的な適用事例については他の記事に委ねます。 本記事の内容は記事公開時点での情報に基づいており、閲覧時点では既に古くなっている可能性があります。最新の正確な情報は一次情報源を参照してください。また特定のブラウザ実装について言及する場合は、断りがない限り Chrome を想定しています。誤りや補足、質問な

[efcl]

先読みや読み込みの優先度などウェブブラウザにおけるリソースロードのHintとなるAPIや仕組みについてのまとめ

[NOV1975]

遅延読み込みが誤爆を誘う広告表示を可能にしてる感じがするのがなんともなあ

[tetsu040e]

とてもわかりやすくまとめられていて勉強になった。 実際の開発で毎回考慮するのは大変だけど、必要なときに引き出せるようにしたい。

[kazuhooku]

とても助かるまとめ。今後参照すること多そう

[kita-tuba]

知らないAPIばかりで勉強になった。1xx系コードとか意識したことなかったな

[yarumato]

“レンダリングをすみやかに開始するにはリソースフェッチやロードを素早く終わらせる。その手段：自体の処理時間を短くする。重要なリソースを先読みする。重要じゃないリソースを後回しにする。具体方法”

[secseek]

こんなにいろいろあるんですね。なにより、このページの読み込みが速いのが説得力あります

[tossy_yukky]

すぐ使えそうで良いなこれ

[ko-ya-ma]

ほとんどが知ってるだけで使えるレベル。実情の解説がありがたい

[tofu-kun]

ありがたい

[Pasta-K]

仕様とかbugとかにリンクを貼ってまとめてあって便利