Closed Thread Icon

Preserved Topic: cutting down HTML size Pages that link to <a href="https://ozoneasylum.com/backlink?for=20506" title="Pages that link to Preserved Topic: cutting down HTML size" rel="nofollow" >Preserved Topic: cutting down HTML size\

 
Author Thread
mahjqa
Maniac (V) Mad Scientist

From: The Demented Side of the Fence
Insane since: Aug 2000

posted posted 05-14-2002 22:40

(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).]

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 05-14-2002 23:03

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.

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 05-14-2002 23:51

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

DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Stockholm, Sweden
Insane since: Mar 1994

posted posted 05-15-2002 04:18

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).]

mahjqa
Maniac (V) Mad Scientist

From: The Demented Side of the Fence
Insane since: Aug 2000

posted posted 05-15-2002 08:21

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

« BackwardsOnwards »

Show Forum Drop Down Menu