Camen Design Forum

Web Optimization

append delete NickPfen

This article was awesome: http://camendesign.com/website_optimisation_measures

I never realized the amount you can do to save bytes and make your site more effective and efficient.

“Combine ImageOptim, PNGNQ, base-64 encoding and GZip and you will defy the very Gods with your insane levels of compression.”

Do you recommend using ImageOptim and PNGNQ together, for the same png file you want to post on the web? Or using only one of the programs (ImageOptim or PNGNQ)?

What are some other web optimization techniques that the community does for their site?

Reply RSS

Replies

append delete #1. Kroc

ImageOptim is lossless - your pixels will not be modified at all, but the file will be smaller.

PNGNQ converts to 256-colours so you lose quality. Only use PNGNQ when appropriate, and always compare output / size to see if you're getting worthwhile results.

---

Wow, that article feels really old now. O_o

I think one of the biggest optimisations I can recommend these days is to hone your site's structure and design so that each type of page is focused on the one thing. Don’t make confused pages that don’t know what they’re for and what they’re doing. NNF is very clear: index / thread / append / delete. No cross-over.

Kroc added on

Sorry, lateness/tiredness blinded me to the question at hand.
YES, you absolutely should use ImageOptim on the result of PNGNQ (if used--see above).

Remember that most PNG-writing software is not optimised. Therefore you should use ImageOptim on _any_ PNG file that's been saved / re-saved by any other software.

append delete #2. Wannes

I must say that I didn't use any web optimization techniques, except kicking the bloat-html out :) I do think that compressing images smartly is the biggest leap forward, next to minimizing usage of scripts.

Or use Kroc's 'dogma': only solve your own problem (or: only make the site for you, only add when the need is there, not beforehand, and revise revise revise...)

append delete #3. Johann

For optimizing PNG files on windoze:

http://www.jonof.id.au/forum/index.php?topic=846.45
http://www.css-ig.net/scriptpng.html

The second is newer, faster while getting better results with anything I tried, but doesn't like spaces in path names last time I checked.

Reply

(Leave this as-is, it’s a trap!)

There is no need to “register”, just enter the same name + password of your choice every time.

Pro tip: Use markup to add links, quotes and more.

Your friendly neighbourhood moderators: Kroc, Impressed, theraje, Martijn