Webdesign - Common issues - Speed - Techniques

TwitterFacebook
Get flash to fully experience Pearltrees
The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page. This is the key to faster pages. http://developer.yahoo.com/performance/rules.html

Best Practices for Speeding Up Your Web Site

Web page speed and performance is very important to the user experience. If your site is too slow, you’ll not only be losing visitors, but also potential customers. Search engines like Google factor a website’s speed into account in search rankings, so when optimizing your site’s speed, you should take everything into consideration.

10 Tips for Optimizing Your Website?s Speed

http://sixrevisions.com/web-development/site-speed-performance/
CSS techniques

Images speed

Browsers speed

L’une des expériences les plus frustrantes pour un usager web est d’attendre pour le chargement d’une page web qui a mal été optimisée. Dans la plupart des cas, les utilisateurs de votre site web ou vos clients potentiels seront tentés de cliquer sur le bouton “précédent” de leur navigateur et vous risquerez alors de perdre quelques opportunités d’affaires. Afin d’améliorer les performances de votre site web, l’utilisation de la technique du CSS Sprite peut s’avérer un bon moyen de diminuer le nombre de requêtes HTTP améliorant ainsi le temps de chargement de vos pages Internet.

Améliorer la rapidité de votre site web grâce aux CSS Sprites - Ma Revue Web

http://www.marevueweb.com/css-html/sprites/
We all want our websites to load faster, but speeding things up can be tricky. There are numerous tried and true tricks we all use to keep page load times down, but once you’ve done a few rounds of optimization, you tend to hit a plateau where it’s tough to squeeze any more speed out of your code. Most web developers are familiar with tools like Yahoo’s YSlow and Google’s Page Speed . If you haven’t ever used them, go install both right now — they’re available as add-ons for Firefox. http://www.webmonkey.com/2010/09/how-to-speed-up-your-site-with-yslow-and-page-speed/

How to Speed Up Your Site With YSlow and Page Speed | Webmonkey | Wired.com

Landing page speed

http://www.scirra.com/blog/74/making-a-fast-website

Making a Fast Website - Scirra.com

It’s always been important to make your website fast. Not only is it obvious visitors are going to prefer it but it’s now well-known that Google uses loading speed as a ranking metric. The initial page load of your website is perhaps the most important.
What a difference a millisecond can make. When it comes to browsing the web, every tiny moment counts — and the fewer moments that pass between a mouse click and a fully loaded page, the better. Speed is a bit of an obsession for most web users.

Why Websites Are Slow & Why Speed Really Matters [INFOGRAPHIC]

http://mashable.com/2011/04/06/site-speed/
Page loading time is obviously an important part of any website’s user experience. And many times we’ll let it slide to accommodate better aesthetic design, new nifty functionality or to add more content to web pages. Unfortunately, website visitors tend to care more about speed than all the bells and whistles we want to add to our websites. Additionally, page loading time is becoming a more important factor when it comes to search engine rankings. Next week we’ll post our complementary article: “ Speed Is A Killer – Why Decreasing Page Load Time Can Drastically Increase Conversions ” to elaborate more on this topic. For now, please enjoy and share the infographic below.

How Loading Time Affects Your Bottom Line

http://blog.kissmetrics.com/loading-time/