you have a lot of wasted bytes in the underlying html code...
a lot. unnecessary 'old-school' font tags, etc.. that are duplicated, triplicated, quadruplicated... you get the idea.... 64k of code (in just the 'content' area, at the time i grabbed a copy) for 24k of actual text.... example:
Code: Select all
<a name="why-rent-coop"></a><font color="#900000"><strong>17. So, Why rent in a co-op?</strong></font><br />
<br />
</u></strong></u></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></strong><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#900000"><font color="#000000">
remove all inline styles and html formatting tags. move that all to css. wrap the page's content around a div.. example:
[ page content here ]
to make it easier to style without cluttering up the code with a bazillion class or id declarations.
then, in your css, add the styles for this new div.... example:
#qa h2 {color:#800;margin:0 0 1em 0;} /* style the page heading */
#qa h3 {color:#800;margin:1.5em 0 .5em 0;text-align:center;} /* style the questions */
#qa ol {font-weight:bold;} /* style the list of questions */
#qa ol li {margin-bottom:1em;} /* style the list of questions */
#qa p {color:#000;margin:0 0 1em 0;line-height:125%;} /* style the paragraphs */
p.rtn {text-align:center;font-weight:bold;} /* style 'return to questions' (optional) */
etc...
the cleaned up code on the page (the page's content block) would look something like this:
Page Heading
Intro paragraph.
[ your submission form ]
Another intro paragraph.
{anchor anchor='question-one' text='This is Question One?'}
{anchor anchor='question-two' text='This is Question Two?'}
This is Question One?
This is the answer to question one.
{anchor anchor='qa' text='Back to questions'}
This is Question Two?
This is the answer to question two.
{anchor anchor='qa' text='Back to questions'}
besides being more efficient and easier to read, search engines will love the cleaner code, too.
at the rate the html was bloated, you should be able to get about 3x the content within the same size limit. anything more than this and you should probably look at a faq/q&a type script or module to manage the content for this section of your site....