5

I'm developing a website and I'm getting a lot of inconsistencies with loading when refreshing a page. Clicking on links functions as expected; no issues there. The problem only occurs when REFRESHING a page. You will notice how it takes forever to load, and in some instances, refuses to load at all.

http://annualreview.com.au/caltex/2012/

The site was built using WordPress 3.5.1 (http://wordpress.org) and Foundation 3.2.5 (http://foundation.zurb.com/).

Any assistance on this matter would be greatly appreciated. I'm out of ideas.

Thanks.

Update: This may not be IE related. The problem seems to exist in other browsers as well.

4

3 に答える 3

1

Firebug を見ると、画像をロードしようとすると大幅な遅延が発生します。前の画像が読み込まれるまで、各画像がブロックされます。ページを数回更新しようとすると、画像が毎回 1 ～ 11 秒かかります。

Firebug の結果の画像: https://s17.postimg.org/i3jtmbz1r/firebug_results.jpg

私は画像の最適化についてあまり詳しくありませんが、簡単に検索したところ、読み込み時間を最適化する方法がいくつか見つかりました。

  • CSS スプライト- これは、画像のサイズを確認するのに役立つ可能性は低く、画像のフェードを実装するのは難しいかもしれませんが、Web サイト内の他の場所に実装できる場合に備えて言及する価値があります.
  • 他に試すことができるのは、Flickr や Amazon S3 などの他の画像ホスティング サイトを使用することです。ブラウザは、一度に同じサーバーに 2 つの接続しかできない傾向がありますが (すべての画像が同じサーバーにあるため、ブロック時間が長くなります)、同時に 8 つの異なるサーバーに接続できるため、3 つ目のサーバーを使用します。パーティー サイトを使用すると、読み込み時間が改善される場合があります。
于 2013-04-15T23:08:52.503 に答える
0

Respond.js を次のスクリプトに置き換えたところ、問題は自然に解決しました。http://code.google.com/p/css3-mediaqueries-js

于 2013-04-22T02:55:44.477 に答える