エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
外部CSSファイルの中身を<style>タグの中にコピーしてレンダリングブロックを回避しよう
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
外部CSSファイルの中身を<style>タグの中にコピーしてレンダリングブロックを回避しよう
こんにちは。みなさんは、サイト制作時にCSSをどのように読み込ませてるでしょうか? style.cssなどを<h... こんにちは。みなさんは、サイト制作時にCSSをどのように読み込ませてるでしょうか? style.cssなどを<head>内に<link>などで読み込ませる方法はよく使いますよね。 私もよくこの方法でCSSを読み込んでますが 「ブラウザは外部にあるファイルを読み込む場合、そのファイルの読み込み完了まで次に進まない(レンダリングブロック)」 とゆうことを知って以来、できる限り</head>の直前にCSSを書くようにしています。 レンダリングブロックを回避できれば、表示速度の高速化に繋がります。 ■ BEFORE: 外部CSSの読み込み <head> <link rel="stylesheet" href="../common.css"> </head> ↓ ■ AFTER: <head> > <style>内に直接CSSを書く <head> <style> 〜ここにCSSを書く〜 </styl