YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Japanese subtitles

← 03-06 Which stylesheets are render blocking?

03-06 Which stylesheets are render blocking?

Get Embed Code
6 Languages

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

  1. デフォルトではブラウザはCSSが
    ブロックすると仮定するのでしたね
  2. それゆえ最初のlinkタグは
    レンダリングをブロックします
  3. screenクエリはTrueと評価されます
  4. 画面に内容がレンダリングされるからです
  5. これもレンダリングをブロックします
  6. 3つ目の宣言は端末の向きに依存します
  7. この場合では 受話器がポートレイトの向きなので
  8. レンダリングをブロックする
    リソースにはなりません
  9. 最後の宣言はページが
    印刷されている時にのみ適用されます
  10. それゆえページがブラウザで
    最初に読み込まれている時
  11. レンダリングをブロックしません
  12. いいですね
    4つ中2つのみがレンダリングをブロックします
  13. もうページの読み込みが速まったように感じます