Preserved Topic: cutting down HTML size

(yes, I've posted this in this thread too, but I don't want to get that too offtopic.

I need a little help...

I'm making a site for the competition at http://www.the5k.org . The goal is to make a site with just 5 KB. Right now, my submission is 5671 bytes. The maximum is 5120 bytes. I'm no HTML mastermind, and right now the HTML file is the biggest of the bunch.

The site is at http://www.mahjqa.com/5k/ ... you could start with removing the text, but it doesn't help that much....

If you want to download it, the whole site is zipped at http://www.mahjqa.com/stuff/mahjqa5k.zip

Could anyone help me out by stripping some useless stuff from the HTML file? I believe I did anything I could without messing up the page.



[This message has been edited by mahjqa (edited 05-14-2002).]

Each newline character is a byte - those can be removed (but make a copy before you remove them, so you have a readable copy in case you need to change something).

Technically, it's not correct HTML, but you can remove the quotes around all your attributes (for instance, valign="bottom" can be changed to valign=bottom)

By using style="" inside the body tag, you may be able to elliminate your font tag and save some space that way. Plus you can set the background and text color in the same style="" attribute.

Hope that helps. Gotta run.

majhqa: Nice page. Slime has passed on some good tips there (although they all, in ordinary circumstances, would give me The Fear). The thing that is really killing you is the table tags. Your images are sliced up a lot and so need more table cells. I'd aim to make everything to the left of the text one graphic in one long cell and then have the cell on the right divided up into 5 cells (from the top: graphic, text, graphic, text). I could run up and example of the table structure if you like.

You might also want to have a look at this:
http://hotwired.lycos.com/webmonkey/98/43/index4a.html?tw=authoring

especially useful is that bit about leaving out closing tags:
http://hotwired.lycos.com/webmonkey/98/43/index4a_page5.html?tw=authoring

Good luck!!

Emps

Hey majqa! In case you're not also looking at that other thread, I posted some thoughts there, at http://www.ozoneasylum.com/Forum1/HTML/004388.html - I'm not sure you'll be able to trim that HTML too much farther with just style differences, quotes and such-like optimizing. I was thinking the images could be re-worked, as in this example maybe.

url: http://www.ozoneasylum.com/examples/mahjqa5k/

I'm also working on my own <5K animation, this is *fun*.

Your pal, -doc-



[This message has been edited by DocOzone (edited 05-15-2002).]

Thank you all, and I think I'm getting the hang of this .... surely, there's no way in hell I'm going to win, but it's fun to do