Comments on: How To: Optimize Your Site with Image Sprites http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites Tech News, Reviews and Guides Fri, 19 Mar 2010 22:31:46 -0400 http://wordpress.org/?v=abc hourly 1 By: Site Redesign: Everything’s Bigger In Texas Edition — PaulStamatiou.com http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-179704 Site Redesign: Everything’s Bigger In Texas Edition — PaulStamatiou.com Mon, 04 May 2009 05:08:11 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-179704 [...] a bunch of the CSS files into one CloudFronted stylesheet. Oh and I’ll need to revisit my CSS/image sprites tutorial to combine several images I’m using into [...] [...] a bunch of the CSS files into one CloudFronted stylesheet. Oh and I’ll need to revisit my CSS/image sprites tutorial to combine several images I’m using into [...]

]]> By: How To: Optimize Your Apache Site with Mod Deflate - PaulStamatiou.com http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-179353 How To: Optimize Your Apache Site with Mod Deflate - PaulStamatiou.com Thu, 23 Apr 2009 21:17:00 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-179353 [...] How To: Optimize Your Site with Image Sprites [...] [...] How To: Optimize Your Site with Image Sprites [...]

]]> By: phpgamespace.com http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-174789 phpgamespace.com Tue, 03 Mar 2009 11:11:44 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-174789 <strong>Tools - CSS Image Sprites...</strong> The idea of combining images into a larger one and displaying this using CSS tricks has been around for awhile. There are a couple big benefits to doing this: First it reduces the number of HTTP requests that the browser has to make, by combining say 5... Tools – CSS Image Sprites…

The idea of combining images into a larger one and displaying this using CSS tricks has been around for awhile. There are a couple big benefits to doing this: First it reduces the number of HTTP requests that the browser has to make, by combining say 5…

]]> By: Wordpress Theme Modification : Designers community http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-173110 Wordpress Theme Modification : Designers community Fri, 02 Jan 2009 06:06:36 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-173110 [...] [*]Combine the images used in the design, to use Image Sprites (http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites). [...] [...] [*]Combine the images used in the design, to use Image Sprites (http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites). [...]

]]> By: Faster Loading Pages with CSS Background Image Sprites :: Synapse Studios Blog http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-162263 Faster Loading Pages with CSS Background Image Sprites :: Synapse Studios Blog Mon, 02 Jun 2008 17:28:32 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-162263 [...] Paul Stamatiou - How To: Optimize Your Site with Image Sprites [...] [...] Paul Stamatiou – How To: Optimize Your Site with Image Sprites [...]

]]> By: Sebastian Bauer (IT-Blog) » Blog Archiv » Webentwicklung: Performance Optimierung durch Image Sprites http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-149572 Sebastian Bauer (IT-Blog) » Blog Archiv » Webentwicklung: Performance Optimierung durch Image Sprites Fri, 09 Nov 2007 20:25:35 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-149572 [...] (via Paul Stamatiou) [...] [...] (via Paul Stamatiou) [...]

]]> By: Advanced Guide On How To Choose A Good Web Host http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-143840 Advanced Guide On How To Choose A Good Web Host Sun, 23 Sep 2007 16:33:34 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-143840 [...] http://www.vandelaydesign.com/blog/design/designing-pages-to-load-quickly/ http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/ http://www.thinkvitamin.com/features/dev/enhance-your-page-performance [...] [...] http://www.vandelaydesign.com/blog/design/designing-pages-to-load-quickly/ http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/ http://www.thinkvitamin.com/features/dev/enhance-your-page-performance [...]

]]> By: Is Minimizing the Number HTTP Requests Worthwhile? | The Light Bulb Cluster http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-137063 Is Minimizing the Number HTTP Requests Worthwhile? | The Light Bulb Cluster Fri, 24 Aug 2007 23:22:26 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-137063 [...] A technique I’ve been using for a while is one that Paul Stamatiou explains well called image sprites. A future post on this blog will explain some other things I like to do to “merge” a [...] [...] A technique I’ve been using for a while is one that Paul Stamatiou explains well called image sprites. A future post on this blog will explain some other things I like to do to “merge” a [...]

]]> By: Joey Primiani http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-135195 Joey Primiani Sun, 19 Aug 2007 18:45:51 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-135195 I have been experimenting with Sprites for a while, haven't implemented them yet. I really want to start using Amazon S3 like you said to save on speed. Great article! I have been experimenting with Sprites for a while, haven’t implemented them yet. I really want to start using Amazon S3 like you said to save on speed. Great article!

]]> By: Optimizing Wordpress for Best Performance http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-133573 Optimizing Wordpress for Best Performance Mon, 13 Aug 2007 14:02:42 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-133573 [...] Image Sprites can be extremely helpful in reducing HTTP requests. For more details on how to use Image Sprites see this excellent howto written by Paul Stamatiou. [...] [...] Image Sprites can be extremely helpful in reducing HTTP requests. For more details on how to use Image Sprites see this excellent howto written by Paul Stamatiou. [...]

]]> By: Sebastian Bauer (IT-Blog) http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-130170 Sebastian Bauer (IT-Blog) Mon, 30 Jul 2007 19:29:31 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-130170 <strong>Webentwicklung: Performance Optimierung durch Image Sprites...</strong> Auch wenn die Internetanbindungen immer breitbandiger werden ist die Performance stets ein wichtiges Thema bei der Entwicklung von Webanwendungen. Eine relativ einfache Möglichkeit für mehr Geschwindigkeit zu sorgen ist die Reduzierung der Zu... Webentwicklung: Performance Optimierung durch Image Sprites…

Auch wenn die Internetanbindungen immer breitbandiger werden ist die Performance stets ein wichtiges Thema bei der Entwicklung von Webanwendungen. Eine relativ einfache Möglichkeit für mehr Geschwindigkeit zu sorgen ist die Reduzierung der Zu…

]]> By: Jonathan Solichin http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129813 Jonathan Solichin Sat, 28 Jul 2007 01:46:47 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129813 Thanks Paul, I'll be sure to do this in my next re-design! Thanks again! Thanks Paul, I’ll be sure to do this in my next re-design! Thanks again!

]]> By: Jeremy David http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129790 Jeremy David Fri, 27 Jul 2007 17:14:55 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129790 Thanks Paul! Thanks Paul!

]]> By: Paul Stamatiou http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129756 Paul Stamatiou Fri, 27 Jul 2007 06:24:23 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129756 @Jeremy - honestly, it's up to you. I've pretty much only used (mt) and have had a good experience with great service. You could always pickup a really cheap/crappy webhost and host images on Amazon S3 so they'd be fast and all, but that seems like another step between you and your readers. @Jeremy – honestly, it’s up to you. I’ve pretty much only used (mt) and have had a good experience with great service. You could always pickup a really cheap/crappy webhost and host images on Amazon S3 so they’d be fast and all, but that seems like another step between you and your readers.

]]> By: Jeremy David http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129755 Jeremy David Fri, 27 Jul 2007 06:20:04 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129755 Hey Paul, 'just had a quick question about your webhosting... thought it was sort of relevant to this post. I'm having a terrible time deciding where to host the blog I'm making for my around-the-world-trip. I'm obsessed with having a fast loading page, but at the same time I'm not expecting a considerable amount of traffic. Unless for some reason people start to care about my trip, ha ha. Is shelling out the extra $10 / month for hosting like media temple worth it? Cheers dude, Jeremy Hey Paul,

‘just had a quick question about your webhosting… thought it was sort of relevant to this post.

I’m having a terrible time deciding where to host the blog I’m making for my around-the-world-trip. I’m obsessed with having a fast loading page, but at the same time I’m not expecting a considerable amount of traffic. Unless for some reason people start to care about my trip, ha ha.

Is shelling out the extra $10 / month for hosting like media temple worth it?

Cheers dude,

Jeremy

]]> By: Blake Brannon http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129709 Blake Brannon Thu, 26 Jul 2007 16:24:15 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129709 Paul, Any idea if there are browsers that do not support CSS code for sprite images or mobile browser that will render the image incorrectly? Paul,

Any idea if there are browsers that do not support CSS code for sprite images or mobile browser that will render the image incorrectly?

]]> By: Links for 7/26/07 [my NetNewsWire tabs] http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129707 Links for 7/26/07 [my NetNewsWire tabs] Thu, 26 Jul 2007 13:01:37 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129707 [...] How To: Optimize Your Site with Image Sprites – PaulStamatiou.com [...] [...] How To: Optimize Your Site with Image Sprites – PaulStamatiou.com [...]

]]> By: JD http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129699 JD Thu, 26 Jul 2007 11:38:37 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129699 The interesting thing is that, in the past, people would advocate splitting images into several pieces so that they would load in parallel (faster)... ^_^ The interesting thing is that, in the past, people would advocate splitting images into several pieces so that they would load in parallel (faster)… ^_^

]]> By: Mike Papageorge http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129692 Mike Papageorge Thu, 26 Jul 2007 09:34:46 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129692 Nice write-up, Paul. I <a href="http://www.fiftyfoureleven.com/weblog/web-development/css/css-sprites-images-optimization" rel="nofollow">wrote about this topic a while back</a> and have some explanation on packet sizes, http requests and optimizing if yer interested: http://www.fiftyfoureleven.com/weblog/web-development/css/css-sprites-images-optimization Nice write-up, Paul.

I wrote about this topic a while back and have some explanation on packet sizes, http requests and optimizing if yer interested:

http://www.fiftyfoureleven.com/weblog/web-development/css/css-sprites-images-optimization

]]> By: Chris http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129684 Chris Thu, 26 Jul 2007 07:23:10 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129684 @Rob: okay, so I apparently can't read. You were talking about something different, but heck, outline:0; is a good thing to add into the mix if you're using negative text-indent on a link, regardless. @Rob: okay, so I apparently can’t read. You were talking about something different, but heck, outline:0; is a good thing to add into the mix if you’re using negative text-indent on a link, regardless.

]]> By: Chris http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129683 Chris Thu, 26 Jul 2007 07:20:10 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129683 @Rob: don't use "overflow:hidden;" for this removing the link border that appears onclick ... there's actually a CSS property for the expressed purpose of control this border: outline. Simply do "outline:0;" and no nasty border that stretches off screen. The problem with "overflow:hidden;" is that while it may work, it adds extra styling (namely hiding overflow) which is unnecessary and possibly even problematic depending on what you're trying to accomplish. @Rob: don’t use “overflow:hidden;” for this removing the link border that appears onclick … there’s actually a CSS property for the expressed purpose of control this border: outline. Simply do “outline:0;” and no nasty border that stretches off screen. The problem with “overflow:hidden;” is that while it may work, it adds extra styling (namely hiding overflow) which is unnecessary and possibly even problematic depending on what you’re trying to accomplish.

]]> By: All in a days work… http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129679 All in a days work… Thu, 26 Jul 2007 04:06:11 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129679 [...] Optimize Your Site with Image Sprites A sprite is an image that has all of your other images inside of it, so if your sprite has 10 images, you’d be getting rid of 9 HTTP requests and speeding your site’s loading time up by the time for each of those 9 requests’ latency. (tags: Sprites) [...] [...] Optimize Your Site with Image Sprites A sprite is an image that has all of your other images inside of it, so if your sprite has 10 images, you’d be getting rid of 9 HTTP requests and speeding your site’s loading time up by the time for each of those 9 requests’ latency. (tags: Sprites) [...]

]]> By: Rob Goodlatte http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129673 Rob Goodlatte Thu, 26 Jul 2007 01:05:33 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129673 Paul, If you use the text-indent: -9999px trick you should also add overflow: hidden overflow: hidden fixes the annoyance of when you select the text you've replaced the highlighting stretches all the way to the left side of the screen. Agreed w/ Josh — The div isn't needed, especially w/ inline style. Paul,

If you use the text-indent: -9999px trick you should also add overflow: hidden

overflow: hidden fixes the annoyance of when you select the text you’ve replaced the highlighting stretches all the way to the left side of the screen.

Agreed w/ Josh — The div isn’t needed, especially w/ inline style.

]]> By: Paul Stamatiou http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129671 Paul Stamatiou Thu, 26 Jul 2007 00:06:12 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129671 @Andrew - I do this because I love speed! There is a study, however, stating that if your site doesn't load within 4 seconds, people will leave. More importantly, with these optimizations, I am prepared for high-levels of traffic and can handle many thousand hits the next time I get dugg or what have you. @Andrew – I do this because I love speed! There is a study, however, stating that if your site doesn’t load within 4 seconds, people will leave.

More importantly, with these optimizations, I am prepared for high-levels of traffic and can handle many thousand hits the next time I get dugg or what have you.

]]> By: Andrew Swihart http://paulstamatiou.com/how-to-optimize-your-site-with-image-sprites#comment-129670 Andrew Swihart Thu, 26 Jul 2007 00:00:39 +0000 http://paulstamatiou.com/2007/07/25/how-to-optimize-your-site-with-image-sprites/#comment-129670 Paul, I was just thinking, all your website performance stuff is great, but is there any tangible benefit to doing any of it? I'd be interested if you know of any scientific studies that show that doing optimizations like compressing css and using image sprites lead to more traffic because visitors liked the responsiveness. Or do you do all this stuff more to conserve bandwidth? Paul, I was just thinking, all your website performance stuff is great, but is there any tangible benefit to doing any of it? I’d be interested if you know of any scientific studies that show that doing optimizations like compressing css and using image sprites lead to more traffic because visitors liked the responsiveness. Or do you do all this stuff more to conserve bandwidth?

]]>