レンダリングブロックせずにCSSを非同期的に読み込ませる簡単なテクニック - Sassyブログ
はじめに preloadやpreconnectのResourse Hintsを使う？ media属性とonload属性を使った非同期読み込みテクニック 最後に はじめに CSSは画面描画をブロックするリソースとして扱われます。 developers.google.com 今回はパフォーマンス改善の一環としてCSSを非同期に読み込ませるテクニックを紹介していきます。 知っている方は結構いるかと思いますので知らない方へ紹介出来たらなと思います！ サイトの表示に時間がかかったりする時に色々なパフォーマンス改善のテクニックがあるかと思います。 例えばJavaScriptを記述する場所はbodyの閉じタグの直前にするとか、async属性やdefer属性を付けるとか。 こうすることでJavaScriptに関してはHTMLのレンダリングをブロックせずに実行させることができます。 ではlinkタグで読み込
【CSS】最新版｜widthとheightを完璧に使いこなそう！
width、heightで使う値の単位についてwidth、heightはpx(ピクセル)で指定するだけではなく、その他様々な要素を指定することができます。 基本的なものでは以下のようなものがあります。 width: 100px;width: 100%;width: 100vw;height: 100vh;ちなみにデフォルト値はwidth:auto;になります。 autoの場合はコンテンツ幅によって自動で幅が調整されます。 autoの使い方ですが、初期値であるため基本的にはリセット目的で使うことが主です。width・heightのリセット方法については後述します。 width、heightの単位の使い分けについてwidth、heightの意味や使い分けについては、ほとんどの方がすんなり理解できるかとおもいますが、指定する単位の使い方については分からないという人もいるのではないでしょうか。 前
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
