7

Web 最適化に関する CSS Wizardry の記事を読んでいます。 http://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/

素晴らしい記事です。みんなに読んでもらうことをお勧めします。

この記事では、CSS はクリティカル パスにあり、アセット ドメインを通じて提供されるべきではないことを示唆しています。これは、サブドメインを介してサービスを提供すると、時間がかかる DNS ルックアップが発生するためです。クリティカル パス = ページをリクエストしてから実際に何かが表示されるまでの時間。

ベスト プラクティスでは、CSS ではなく、サブドメインで多くのアセットを分割する必要があります。

しかし、Facebook や Apple などの大きな Web サイトのソース コードを表示すると、それらはサブドメインから CSS を提供しているのでしょうか? なぜ彼らはそれをしているのですか？

<link rel="stylesheet" href="http://static.ak.fbcdn.net/rsrc.php/v2/yz/r/Hwq5_AIg0hW.css" />
<link rel="stylesheet" href="http://static.ak.fbcdn.net/rsrc.php/v2/y-/r/UgmvVXsZ1MP.css" />
<link rel="stylesheet" href="http://static.ak.fbcdn.net/rsrc.php/v2/yY/r/uHqkbF3y3Er.css" />


<link rel="stylesheet" href="http://images.apple.com/global/styles/base.css" type="text/css" />
<link rel="stylesheet" href="http://images.apple.com/v/home/p/styles/home.css" type="text/css" />
<link rel="stylesheet" href="http://images.apple.com/v/home/p/styles/billboard.css" type="text/css" />
<link rel="stylesheet" href="http://images.apple.com/home/styles/home.css" type="text/css" />
4

2 に答える 2

1

お使いのコンピュータ/lan/ ISPがDNSルックアップと多くの場合cssファイルなどのリソースをキャッシュし、さらにAppleやfacebookのようなサイトには多くのリピートトラフィックがあるという事実を考えると、別々のドメイン/サブドメインを次のように使用する方が理にかなっています。これは、ブラウザが必要に応じてより多くのリソースを並行してダウンロードできることを意味します。また、これらのドメイン/サブドメインにCookieがない場合は、パフォーマンスがさらに向上します。FacebookやAppleが運営するドメインほど一般的なドメインには、DNSルックアップのペナルティは事実上ありません。

ヤフーとグーグルでいくつかの有用な情報

于 2013-01-29T23:47:46.377 に答える
1

フロントエンドのパフォーマンスの他の領域が最適化されており、あらゆる種類の専用サーバーがある可能性があります。私のようなキャップの場合、フロントエンドでできることは何でもします。レンダリング時間を微調整するのは私だけであり、チーム全体ではありません。

なぜ Apple と Facebook が決定を下すことを選択したのかはわかりませんが、私が CSS Wizardry から実践してきたすべてのことが役に立ったので、議論するつもりはありません。

Facebook は別のドメインから、Apple はサブドメインからサービスを提供しているようです。

于 2013-01-29T23:36:16.277 に答える