Japanese subtitles

← 03-30 Cameron Analyzes Example 2

03-30 Cameron Analyzes Example 2

Get Embed Code
6 Languages

Showing Revision 1 created 12/10/2014 by Udacity.

  1. 例の2を描くことにしました
  2. 最初にページを要求してHTMLの受信が始まります
  3. すぐに解析を始めてDOMを構築します
  4. 2つのスタイルシートに遭遇します
  5. style.cssと
    印刷用のメディアクエリのあるprint.cssです
  6. 印刷しないので print.cssは
  7. クリティカル・レンダリングパスの
    部分ではありません
  8. style.cssへの要求を送る必要があるだけです
  9. そのままDOMの解析を続けます
  10. bodyの終わりで2つのscriptタグに遭遇します
  11. 1つはapp.jsで もう1つはanalytics.jsです
  12. analytics.jsはasyncなので
  13. クリティカル・レンダリングパスの
    部分ではありません
  14. CSSが届いてCSSOMが構築されるのを待つ間は
  15. app.jsへの要求を発しないで
    DOMの構築を休止します
  16. CSSOMを得ると
    JavaScriptエンジンはブロックされなくなり
  17. app.jsを実行できて DOMの構築を終えて
    ページをレンダリングします
  18. そう悪くない例ですね