Japanese subtitles

← 02-32 Cameron's Netflix Optimizations

02-32 Cameron's Netflix Optimizations

Get Embed Code
6 Languages

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

  1. お気に入りのWebサイトの
    Netflixを見ることにしました
  2. Macの場合はCmd+Opt+Iを押して
  3. デベロッパーツールを開き
    Emulationをオンにします
  4. Timelineを表示します Cmd+Shift+Rを押して
  5. 完全に更新します ページが読み込まれている間に
    起こるイベントを
  6. 見ることができます
    最初のいくつかを見てみましょう
  7. ホームページへの要求を送信していることが
    分かるはずです
  8. これはページを読み込むために必要な
    HTMLファイルです
  9. スクロールしましょう
    HTMLファイルの読み込みが終わると
  10. HTMLを解析することが分かります
    これを開きましょう
  11. includeと呼ばれる2つの異なるファイルへの
    要求があります
  12. 最初の1つをクリックすると
    このCSSファイルを表示します
  13. スクロールダウンすると このファイルには
    2つの最適化が
  14. 適用されるとはっきり分かります 最初の最適化は
  15. CSSの縮小やすべてのホワイトスペースの削除です
  16. ホワイトスペースは
    単に人が読みやすくなるだけです
  17. ブラウザがファイルを解析する助けにはなりません
  18. そのため実際には
    すべてのホワイトスペースを削除すれば
  19. データからかなりの量のバイトを削除するでしょう
  20. 2つめの最適化は重要なCSSを埋め込むことで
  21. ページを装飾するCSSファイルに
    さらなる要求を送信しなくてすみます