44: OF LATE, WE HAVE GROWN FAT

“Yet in the past few years, as wideband became the norm, every mainstream site and its brother started acting as if bandwidth didn’t matter. Why use 1K of web form when you could use 100K of inline pseudo-Ajax? Why load a new page when you could load a lightbox instead?

Instead of medium-quality JPEGs with their unimportant details painstakingly blurred to shave KB, we started sticking high-quality PNG images on our sites.

As these bandwidth-luxuriant (and not always beautiful, needed, or useful) practices became commonplace on mainstream sites, many advanced, standards-focused web designers were experimenting with web fonts, CSS3 multiple backgrounds, full-page background images, and other devices to create semantic, structurally lean sites that were as rich (and heavy) as Flash sites.

So now we face a dilemma. As we continue to seduce viewers via large, multiple background images, image replacement, web fonts or sIFR, and so on, we may find our beautiful sites losing page rank.”

http://www.zeldman.com/2010/04/11/of-google-and-page-speed/

43: A few nice web tools online

Color contrast verification tool
Calculate a measure of readability
http://www.hp.com/hpinfo/abouthp/accessibility/webaccessibility/color_tool.html

staircase gradations generator
http://slayeroffice.com/tools/color_palette/

Page Credibility
http://www.lib.berkeley.edu/TeachingLib/Guides/Internet/Evaluate.html

Free Web Performance Assessment
http://zoompf.com/free

http://tools.pingdom.com/fpt/
The Full Page Test loads a complete HTML page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser. The load time of all objects is shown visually with time bars.