Japanese subtitles

← 03-28 The Preload Scanner

03-28 The Preload Scanner

Get Embed Code
6 Languages

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

  1. キャメロン この例について
  2. クリティカル・レンダリングパスの図を
    描いてみては?
  3. はい 最初にHTMLを要求します
  4. 次にDOM構築を始めて CSSファイルに遭遇します
  5. もちろん要求する必要があります
  6. DOM構築を続けて すぐにapp.jsに遭遇します
  7. これはパーサをブロックするので
    DOM構築と要求を休止してファイルを待ちます
  8. CSSを最終的に得るとCSSOMを構築して
  9. app.jsを実行できて DOM構築を続けます
  10. 次のスクリプトのtiming.jsにぶつかると
  11. ダウンロードで解析がブロックされます
    合っていますか?
  12. はい
    しかし これはかなりの時間を要します
  13. 最初にapp.jsでブロックされて
    それが届くのを待ちます
  14. 次にtiming.jsで届くのを待ちます
  15. このような例を最適化するため
  16. ブラウザはプリロードスキャナと呼ばれる
    特別なプロセスを備えます
  17. これは文書を先読みして
  18. 重要なCSSとtiming.jsのような
    JavaScriptファイルを発見しようとします
  19. それは賢いですね
  20. パーサがブロックされてもtiming.jsを発見できて
  21. クリティカルリソースとして
    ダウンロードを始めるのですね?
  22. そのとおりです
    CSSOM構築を待つ代わりに
  23. timing.jsの要求前にapp.jsを実行します
  24. プリロードスキャナは
    パーサがブロックされていても
  25. timing.jsを見つけて要求します
  26. すごいです とても興味深いです
  27. プリロードスキャナをもっと学べますか?
  28. 講師メモを確認すれば
    よいリソースを見つけるでしょう
  29. なぜプリロードスキャナが存在し
    どう働くかの説明に役立ちます