Carl Youngblood said the following on 01/25/2011 05:01 PM:

> to respond to Anton's previous comments, firebug shows that nearly all
> the delay is spent waiting for the server.

Of course it is, but that isn't what I meant.

You have a lot of images of your page.
You have javascript and CSS.
You also have in-line Javascript and in-line CSS which is a drag on

You have images that sequence.  That big block run under javascript.
Why not combine those images into one and use a CSS sprite?  Yes, a
bigger download but only ONE download.  And there are various ways you
can optimise the image so that its size is actually less than the size
of the sum of the images.

Your page layout is such that your browser cannot render ANYTHING until
it has all arrived from the server.  If it has to scale images or wait
for (all) the images to arrive to work out the layout then things are
even worse!

Of your "30 seconds", 27 of them are the latency of downloading those
HTML and embedded CSS images.  You have over 60 images on that page.

If they are fetched sequentially, waiting for one to complete before
fetching the next, you have a worst-case situation.  You should set up
your browser to have multiple persistent parallel connections and fetch
them in parallel.  IE8 defualts to only 2 parallel connections, which
for the type of page you have is crippling.

Explaiantion at

There is also a differnece in how http/1.0 and http/1.1 handle this.
I see you are using 1.0.

whcih tweaks these settings:
user_pref("network.http.max-connections", 40);
user_pref("network.http.max-connections-per-server", 16);
user_pref("network.http.max-persistent-connections-per-proxy", 12);
user_pref("network.http.max-persistent-connections-per-server", 6);
user_pref("nglayout.initialpaint.delay", 0);

However this only makes sense if your Apapche is configured with http

See also

These pages on page design and layout address my other points
As it says:
Reducing the number of HTTP requests in your page is the place to start.
This is the most important guideline for improving performance for first
time visitors
You have a killer number of requests on your front page!

Layout of the elements of the page can also be critical
Take a look at the Cuzillion design tool to optimize your layout.

Looking at the soruce of your pages I see you are very ehavy on your DOM
elements.  You keep using constructs like

  <div ....   content-...-outer ..>
  <div ....   content-...-inner ..>

These could be merged in the CSS, making the CSS smaller (cna why not
compress it?) and fewer DOM elelment for the browser to deal with.

The number of DOM elements is easy to test, just type in Firebug's console:

Wherever you see a successful business, someone once made a courageous
   --Peter F. Drucker

Reply via email to