これはしばらくの間私をイライラさせてきました。Ajax を使用してコンテンツをロードする友人向けのサイトの開発を開始しましたが、画像ギャラリーをロードするたびに非常に時間がかかります。厄介なのは、自分のサーバーでテストしたときにそうではなかったことです。
テストサイトはこちら: http://www.europeanbob.co.uk/phil/index.html
実際のサイトはこちら: http://www.philmarsdenphotography.co.uk
テストはdreamhostでホストされ、実際のテストはkrystalでホストされていますが、違いがある場合は?
あなたは奇妙なことをしていますが、Stack Overflow はデバッグ サービスではありません。ネットワーク ペインをざっと見たところ、 をクリックするとGallery > People、同時に2 つの/inc/people.php要求がありました。一方は 4 ～ 4.5 秒、もう一方は 8 ～ 9 秒かかります。セッションまたはデータベースが原因である可能性があります。これらのスクリプトは 4k を少し下回る値を返すため、長い遅延はネットワーク遅延では説明できません。これはサーバー側で行っていることです。幸運を。
問題の一部は、画像が読み込まれる前にすべてを読み込まなければならないjavascriptファイルとcssファイルがたくさんあることです。
リンクするすべての外部ファイル（つまり、非インラインファイル）には、個別のDNSルックアップと取得が必要です。問題は、ブラウザが一度に数個しか検索せず（TCP / IPプロトコルの制限）、次のものを検索する前に、ブラウザがそれらが戻るのを待たせることです。解決策は、これらのjavascriptファイルとcssファイルのいくつかを8程度から2〜3に結合することです。これは約2秒で削れるはずです