6

いわゆる 1 ページ Web アプリ (1 つの html ページ + ajax) を構築しました。
できるだけ多くの http 呼び出しを削減するために、JS と CSS を 2 つのファイルにバンドルしました。

一方、モバイル向け Google バズの構築方法を調べたところ、興味深い点がいくつかありました。

  • インライン SCRIPT と STYLE
  • 外部 JS および CSS なし
  • data:url ではなく CSS の画像 (...)

したがって、さらに進んで、2 つの JS ファイルと CSS ファイルを SCRIPT タグと STYLE タグで「インライン化」しました。2 つの貴重な http 呼び出しを削除します。

デスクトップブラウザでそれを行う際に問題を経験した人はいますか?

私は目立たないことについて宗教的な議論を始めようとしているわけではありません;)それはパフォーマンス、ネットワーク遅延、モバイルページなどに関するものです...

4

6 に答える 6

4

ここで、インライン CSS <style/> ブロックは、競合が発生した場合にリンクされた CSS ファイルより優先されることに注意してください。

例えば

<style type="text/css">
  div .whiteBG {
    background-color: #fff;
  }
</style>

を含むリンクされた CSS ファイルに勝る

  div .whiteBG {
    background-color: #ccc;
  }

リンクされたファイルが最後に呼び出された場合でも。

于 2010-02-24T17:31:14.350 に答える
2

一度もない。それらを html head に入れて、最初にロードされ、心配しないようにします。

于 2010-02-24T17:01:28.090 に答える
2

事実上、誰も Google のトラフィックに対処する必要はありません。Google の最適化に追従する価値はほとんどないと思います。

于 2010-02-24T17:09:58.903 に答える
0

インラインおよびリンクされた CSS とスクリプト ファイルは同等です。HTTP が取得する以外に違いはありません。

于 2010-02-24T17:01:25.877 に答える
0

Google Buzz や Gmail のようなシステムで表示される出力を実際にコーディングした人は誰もいないという事実を見過ごしていると思います。彼らは、Python と C で構築された非常に洗練されたシステムに依存してソースをコンパイルし、彼らが持っている自家製の「プッシュ」システムに非常に使いやすいものにしています。

出力が複数のリクエストであるほど気にする必要はないと思います。この問題は、アプリをビルドしてデプロイできるようにするために、完全に二次的なものだと思います。後は、すべての JS と CSS を head に配置することに集中してください。これは、デプロイ時に実用的に行うことができます。

于 2010-02-24T17:37:41.763 に答える
0

現在、パフォーマンスに問題がありますか? 10 万人の同時ユーザーをサポートするために Google が行っていることは、必ずしもあなたがすべきことではありません。CSS や JavaScript などを個別のインクルード ファイルに保存すると、コードの管理がはるかに簡単になることがわかりました。やむを得ない理由がある場合にのみ、良いコーディング プラクティスと見なすものを破ります。最初の使用後にユーザーのブラウザーによってキャッシュされる 2 つのインクルード ファイルのトラフィックによって、1 ページのアプリが強制終了されることは想像に難くありません。

于 2010-02-24T17:06:43.650 に答える