Comments on: Speeding Up Web Page Rendering http://www.kalzumeus.com/2008/03/25/speeding-up-web-page-rendering/ B2C stands for "Bingo To Customer" Wed, 10 Mar 2010 12:30:39 +0000 http://wordpress.org/?v=2.9.1 hourly 1 By: James http://www.kalzumeus.com/2008/03/25/speeding-up-web-page-rendering/#comment-1303 James Sun, 30 Mar 2008 02:45:54 +0000 http://microisvjournal.wordpress.com/?p=393#comment-1303 Ah, you crazy fool, you couldn't see the forest for the trees :-) Open the images in Photoshop, and "Save For Web" in GIF format. The images are visually identical (I checked), but are only 43Kb each, a total saving of around 120Kb on your homepage. 8-O Ah, you crazy fool, you couldn’t see the forest for the trees :-)

Open the images in Photoshop, and “Save For Web” in GIF format. The images are visually identical (I checked), but are only 43Kb each, a total saving of around 120Kb on your homepage.

8-O

]]> By: Oliver http://www.kalzumeus.com/2008/03/25/speeding-up-web-page-rendering/#comment-1302 Oliver Sat, 29 Mar 2008 17:41:56 +0000 http://microisvjournal.wordpress.com/?p=393#comment-1302 Another way to solve the problem would have been to put the button images in a hidden div at the top of the page. Another way to solve the problem would have been to put the button images in a hidden div at the top of the page.

]]> By: David Blake http://www.kalzumeus.com/2008/03/25/speeding-up-web-page-rendering/#comment-1301 David Blake Thu, 27 Mar 2008 15:08:50 +0000 http://microisvjournal.wordpress.com/?p=393#comment-1301 The JPEG vs. GIF/PNG comparison for screenshots is here: http://www.codinghorror.com/blog/archives/000464.html The JPEG vs. GIF/PNG comparison for screenshots is here:
http://www.codinghorror.com/blog/archives/000464.html

]]> By: David Blake http://www.kalzumeus.com/2008/03/25/speeding-up-web-page-rendering/#comment-1300 David Blake Thu, 27 Mar 2008 15:03:39 +0000 http://microisvjournal.wordpress.com/?p=393#comment-1300 Here is a good tool for benchmarking your page load time: http://www.websiteoptimization.com/services/analyze/ Another tip--screen shots that don't have gradients are better compressed and PNG rather than JPEG. JPEG will also create artifacts around the text in the screenshot. More on this here http://www.codinghorror.com/blog/archives/000810.html If you have access to Photoshop Elements or higher, then I've found the conversion to indexed color using a perceptual bias doesn't degrade the image much, and then saving to indexed PNG results in a much smaller file that doesn't degrade the image much. Here is a good tool for benchmarking your page load time:
http://www.websiteoptimization.com/services/analyze/

Another tip–screen shots that don’t have gradients are better compressed and PNG rather than JPEG. JPEG will also create artifacts around the text in the screenshot.

More on this here
http://www.codinghorror.com/blog/archives/000810.html

If you have access to Photoshop Elements or higher, then I’ve found the conversion to indexed color using a perceptual bias doesn’t degrade the image much, and then saving to indexed PNG results in a much smaller file that doesn’t degrade the image much.

]]> By: y0mbo http://www.kalzumeus.com/2008/03/25/speeding-up-web-page-rendering/#comment-1299 y0mbo Tue, 25 Mar 2008 21:04:40 +0000 http://microisvjournal.wordpress.com/?p=393#comment-1299 Cool, I learned something new today. I didn't know that's how the HTTP spec specified to download content. Cool, I learned something new today. I didn’t know that’s how the HTTP spec specified to download content.

]]> By: Sergey Petrov http://www.kalzumeus.com/2008/03/25/speeding-up-web-page-rendering/#comment-1304 Sergey Petrov Tue, 25 Mar 2008 14:42:58 +0000 http://microisvjournal.wordpress.com/?p=393#comment-1304 Patrick, take a look at WSOP: http://www.web-site-test.com :) Patrick, take a look at WSOP: http://www.web-site-test.com :)

]]>