CSSの@importを無くしただけで劇的にレンダリング速度が速くなった | チバのブログ

暮らしカテゴリーの変更を依頼記事元:

blog.chibatch.jp

26 usersがブックマークコメント

コメント

11

記事へのコメント11件

注目コメント
新着コメント

mimimi0101 @importより<link>の方が早いらしい。試してみよう

2009/03/01 リンク

stdic へー

2009/02/05 リンク

pakpak ほんとに？

2009/02/05 リンク

tailtame そりゃあそうだろうなｗ css読むよー→@import→おｋ css読むよー→おｋ一経由するしね(´ω｀*)

CSS
tips

2009/02/05 リンク

hisasann @import用のcssファイルを使わずに普通にhtml上に書いたほうが速い？・・・ホント？ｗ

CSS

2009/02/05 リンク

popup-desktop キャッシュじゃね？

css

2009/02/05 リンク

t32k こんなん見つけたーhttp://developer.yahoo.com/performance/rules.html#csslink - Tags: #performance

2009/02/05 リンク

asiamoth ↓ふと、@import と link とではキャッシュの利き方が（ブラウザによっても）違うのでは、と思った。どこかでまとめ記事を読んだような……。

2009/02/05 リンク

caraldo_k 重いんだ、まぁ重そうだよね、PHPでまとめて吐き出すとかが無難かも、ローカルで面倒か・・・

css

2009/02/03 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

CSSの@importを無くしただけで劇的にレンダリング速度が速くなった | チバのブログ

今日、仕事で試してみたのですがとても効果があったので書いておこうと思います。なにかというと共通の... 今日、仕事で試してみたのですがとても効果があったので書いておこうと思います。なにかというと共通のCSSとかjavascript用のCSSとかをまとめて@importで読み込むためにimport.cssとかって作ったりしますが、そこで読み込んでいる順番で<head>に書いてえば@importで読み込んでいるCSSが多い時はサイトのレンダリングの時間がかなり早くなります。 import.cssの場合例えばこんな感じでCSS内で共通のCSSをインポートしていると思います。で、それを各ページ用のCSSでまたimportするみたいな感じです。 @import 'reset.css'; @import 'font.css'; @import 'thickbox.css'; 変更後これを以下のように変えるだけで今回の案件では劇的にレンダリングの速度が変わりました。 <head> <link re

ブックマークしたユーザー

agektmr2009/05/30
bartleby09112009/03/10
tamai09112009/03/10
junjunks2009/03/07
mimimi01012009/03/01
maRk2009/02/06
kaeru3332009/02/05
stdic2009/02/05
pakpak2009/02/05
yosshi2009/02/05
tailtame2009/02/05
hisasann2009/02/05
eclucifer2009/02/05
K-Taro2009/02/05
popup-desktop2009/02/05
t32k2009/02/05
retlet2009/02/05
asiamoth2009/02/05

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

設定を変更しましたx