問題タブ [web-performance]

cssスプライトを作成するための優れたツールはありますか？

理想的には、画像のディレクトリと、それらの画像を参照する既存の.cssファイルを指定して、すべての小さな画像で最適化された大きな画像を作成し、.cssファイルを変更してそれらの画像を参照するようにします。

少なくとも、画像のディレクトリを取得して、大きなスプライトと、それぞれを背景として使用するために必要な.cssを生成する必要があります。

これを行うための優れたフォトショッププラグインまたは本格的なアプリはありますか？

HTTP サーバー (コメット、リバース AJAX など) への中断された接続をいくつか作成しています。正常に動作しますが、ブラウザは、特定のドメインへの一時停止された 2 つの接続しか同時に許可しないことがわかります。したがって、ユーザーがブラウザの Tab1 で私の Web サイトを見ていて、それを Tab2 でも読み込もうとすると、サイトへの 2 つの許可された接続が使い果たされてしまいます。

HTTPサーバーに次のようなサイトへのアドレスを解決させるワイルドカードドメインのことを行うことができると思います:

それで：

すべてがまだ ( www.example.com/webapp) を指していますが、ブラウザーはそれらを異なるドメインと見なすため、2 つの接続制限に遭遇しません。これは本当ですか？

それが本当だとしても、すべてのドメインにわたって、ブラウザーごとのアクティブな接続数に制限はありますか? 上記のスキームを使用するとします。たとえば、Firefox では常に 24 の並列接続しか許可されませんか? 何かのようなもの：

例として 24 個の接続/Firefox を選択しました。

誰でもWebパフォーマンスについて説明できますか、外部cssをロードします（結合されたcss）外部javascriptをロードします（結合されたjavascript）インラインcss /インラインjavascript <-他のリソースのダウンロードをブロックします。外部cssの前にjavascriptを置くことをお勧めします

javascript を組み合わせたときに、外部 css の前に javascript を配置するにはどうすればよいですか? インライン JavaScript を外部スクリプトにせずに画像の読み込みをブロックしない方法はありますか?

更新
明確にするために、Web パフォーマンスのブログ/記事によると、最初に外部のものをロードする必要があり、javascript の前に最初に外部 css をロードします。次に、インライン スタイル/javascript を実行しますが、外部リソースをロードした後にインライン javascript を実行すると、スタック (画像) の下の他のリソースがブロックされるため、インライン javascript に問題があります。

6つの接続があるFirefoxで（仮定）、外部css /外部javascriptで2つの接続を開くと、まだ4つの接続が残っているため、その開いている接続を利用したいのですが、問題はインラインjavascriptがあることです他のリソースのダウンロードをブロックし、インライン JavaScript が実行された後にのみダウンロードを続行します。

開いている接続を利用するには、外部の前にインライン JavaScript を配置する必要があると言う人もいますが、問題は、外部からの参照が必要であり、外部リソースの前に配置できないことです。他のブログ/記事では、インライン JavaScript を外部に配置し、それらを組み合わせて 1 つの外部 JavaScript (バックエンドでキャッシュ) を作成する必要があると述べていましたが、これは現在のサイトで多くの作業を行っているようです。

外部 JavaScript を必要とする/依存するインライン JavaScript がある場合、Web パフォーマンスを利用する方法はありますか? ありがとう

WCFサービスを介したデータベース接続は、本質的に直接データベース接続よりも低速ですか？それとも、それをどのように実装するかという問題ですか？ WCFサービス接続を直接接続と同じくらい高速にすることを不可能にする特定の何かがありますか：XMLベースの形式、使用される伝送プロトコル、または他の何か？

私の質問はかなり一般的なものです。それは、問題の本質を把握しようとしているためです。たとえば、理解するために：データベースがローカルネットワーク内にあるかクラウドのどこかにあるかにかかわらず、原則として（アプリのパフォーマンスに関して）違いがない可能性はありますか？

ブラウザは、同じドメインから同時にいくつかのファイルしかロードできないことを知りました。したがって、画像を別のドメインまたはサブドメインに配置して、ページのパフォーマンスを高速化する必要があります。そんな感じ...

このような Web サイトを構築する価値はありますか? それとも、ブラウザーはこの機能をすぐに変更しますか? それとも、彼らはすでに持っていますか？

ページのパフォーマンスを向上させるために、他のドメインから画像を読み込む必要がすぐになくなるのでしょうか?

私が現在構築している Web サイトには、CDN でホストされているイメージがありません。

ファイルに手順を記述して、webpagetest を使用して Web ページのパフォーマンスを測定したいと考えています。

しかし、私が実行するwebpagetest test <url>/<script>と、以下のエラーが発生します:

API キーをリクエストして受け取りましたが、それでもエラーが発生します。私は何を間違っていますか？

Webページのページ/アクションごとのパフォーマンスを表示するために使用できるものは他にありますか?

現在の Chrome バージョン (46) では、DevTools タイムラインに多数の新しいグラフが含まれています。これらのチャートのほとんどの意味は、私には明らかではありません。残念ながら、それらに関するドキュメントも見つかりませんでした。誰かがそれらのチャートの意味を説明できますか?

製品画像のデフォルトの遅延読み込みが発生しないようにするバリエーションでサイトを分割テストしようとしています。代わりに、画像をいつ読み込むかをユーザーが制御できる「さらに読み込む」ボタンを表示します。これはテストページです: http://www.dunelm.com/category/home-and-furniture/bedding/bedding-sets

問題は、サイトが簡単にアクセスできる遅延ロード用のプラグインを使用していないように見えることです。Chrome Dev Tools のネットワーク タブから、AJAX 呼び出しを開始するコード行を確認できますが、これは縮小されたメインの JavaScript ファイルの一部であり、かなり複雑です。これはオーバーライドすることさえ可能ですか？

( http://www.dunelm.com/wcsstore/public/js/main.min.js行 3,863):

Chrome デベロッパー ツールのタイムラインにシナリオを記録しました。タイムラインをコンピューターに「保存/エクスポート」しましたが、ファイルが 0 バイトであることがわかりました (何も保存されていないことを意味します)。その後、ファイルをインポートしようとすると、間違った JSON 形式に関して例外が発生します。

タイムラインを保存し、その後 chrome dev ツールにインポートするにはどうすればよいですか?

ありがとう