速度をあげることでユーザがページを閲覧するときの体感速度をぐっと上げることができます。計測ツールでも重要な一つの指標になっています。アプリケーションに適用する方法を模索した結果を共有します。ピクセルに変換していくステップのことです。最適化することで、描画速度を改善することができます。Model)を作る必要があります。早くブラウザに読み込ませるかが重要です。ついてはこちらの記事がわかりやすいので興味があれば見てみてください。通常ではレンダリングブロックする対象となります。ツリーの構築が完了するまで描画が行われないということを意味しています。ファイルを作成して試してみます。出力するようにしてみます。秒たってようやくページが表示されています。タブで解析してみます。なっているのが分かります。直前に移動してみます。ツリーの構築が終わり、その分の描画がされます。フォントサイズはデフォルトのまま大きいです。ツリーを構築してスタイルを適用するので、このような描画になります。速度を改善するという意味ではこれで良いのですが、ユーザ体験からすると表示されたページのレイアウトがガタガタするのは好ましくありません。速度を向上させるようにすれば良いということになります。リソースを読み込むのは同期的になります。実現するライブラリがあります。開発しているチームが記事で紹介しています。判断してリソースの読み込みをスキップします。イベントが発火したタイミングで改めて必要なリソースをさせることで非同期を実現しています。実装シェアが広がるまでの一時的なハックなので、採用するかどうかはちゃんと判断したほうが良いと思いますが...。