Performances web

TwitterFacebook
Get flash to fully experience Pearltrees
http://mathiasbynens.be/notes/inline-vs-separate-file

Inline <script> and <style> vs. external .js and .css — what’s the size threshold? · Mathias Bynens

When is it acceptable to use inline elements? When is it better to use separate . js files? The same question can be asked about inline vs. linked CSS — where do you draw the line?
Scalable distributed computing/storage

http://net.tutsplus.com/tutorials/php/oo-php5-adding-caching-to-data-access-layer/

Add Caching to a Data Access Layer | Nettuts+

Dynamic web pages are great; you can adapt the resulting page to your user, show other user’s activity, offer different products to your customers based on their navigation history, and so on. But the more dynamic a website is, the more database queries you’ll probably need to perform. Unfortunately, these database queries consume the largest portion of your running time. In this tutorial, I will demonstrate a way to improve performance, without running extra unnecessary queries. We’ll develop a query caching system for our data layer with small programming and deployment cost.
http://radar.oreilly.com/2010/09/the-smaq-stack-for-big-data.html "Big data" is data that becomes large enough that it cannot be processed using conventional methods. Creators of web search engines were among the first to confront this problem. Today, social networks, mobile phones, sensors and science contribute to petabytes of data created daily.

The SMAQ stack for big data - O'Reilly Radar

http://www.phpied.com/progressive-rendering-via-multiple-flushes/

Progressive rendering via multiple flushes / Stoyan's phpied.com

Perceived page loading time is just as important as the real loading time. And when it comes to user perception, visible indication of progress is always good. The user gets feedback that something is going on (and in the right direction) and feels much better.

Optimiser le temps de chargement de votre site / blog

http://archives.lezard-spock.com/optimiser-le-temps-de-chargement-de-votre-site.html Sur les sites internet classiques aujourd’hui on trouve beaucoup de médias ( vidéos, images, musiques… ), des designs de plus en plus évolués et des interfaces utilisateurs de plus en plus travaillés. Sur un site internet on peut faire deux types d’optimisations, les optimisations « serveur » et les optimisations « client ». Alors pourquoi est-il important d’optimiser le temps de chargement de son site?

Un tutoriel de la mise en cache pour les auteurs Web et les webmestres

for Web Authors and Webmasters This is an informational document. Although technical in nature, it attempts to make the concepts involved understandable and applicable in real-world situations. http://www.mnot.net/cache_docs/
I have worked on many other websites but for theses three particular high traffic, highly visited websites , I also have been done web performance consulting, and that was awesome. The traffic for a month was between 2M unique visitors ( http://ma-bimbo.com ), to 8M ( http://fr.mappy.com ) and between 66M ( http://footmercato.net ) page views to 410M ( http://ma-bimbo.com ). It is a life game aimed at teenage girls and it is very popular . This was one of the first browser-based game aimed at girls (because there is not a lot of teenage girls who wants to play http://ogame.de ). http://zeroload.net/blog/8/zeroload-latest-achievements-in-web-performance-with-details/

Zeroload latest achievements in web performance (with details) - 14/09/2010

Tony Gentilcore was my officemate when I first started at Google. I was proud of my heritage as “the YSlow guy”. After all, YSlow was well over 1M downloads. After a few days I found out that Tony was the creator of Fasterfox – topping 11M downloads. Needless to say, we hit it off and had a great year brainstorming techniques for optimizing web performance.

High Performance Web Sites :: Velocity: Forcing Gzip Compression

http://www.stevesouders.com/blog/2010/07/12/velocity-forcing-gzip-compression/
Ce billet est un premier billet (et j’espère pas le dernier) d’un auteur différent. C’est donc Armel Fauveau qui écrit ci-dessous et non l’auteur habituel. Bienvenu à lui.

Performance web | Quelques mots pour des sites web rapides

http://performance.survol.fr/
http://www.punypng.com/ "The wizardry that PunyPNG provides makes a night and day difference in the total payload of images. Image quality cannot be sacrificed today and PunyPNG helps make sure that we are fully optimized, without compromising user experience."

PunyPNG - PNG Compression and Image Optimization - Gracepoint After Five

Cours sur la performance web Faire un site web un tant soit peu évolué est relativement complexe. Il est normal de ne pas en maîtriser parfaitement tous les aspects. Souvent, tant un projet web est vaste et les techniques complexes, on aurait parfois tendance à négliger certains "détails" qui peuvent pénaliser vos objectifs . Il faut que l'utilisateur se sente bien sur le site qu'il visite.

Cours Performance Web - Optimisation Temps De Chargement

70 Expert Ideas For Better CSS Coding - Smashing Magazine

CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being applied to document elements. An easy way to minimize the complexity of the code is as useful as not-so-well-known CSS attributes and properties you can use to create a semantically correct markup. We’ve taken a close look at some of the most useful CSS tricks, tips, ideas, methods, techniques and coding solutions and listed them below.
It combines multiple CSS or Javascript files, removes unnecessary whitespace and comments, and serves them with gzip encoding and optimal client-side cache headers. The stats above are from a brief walkthrough which shows how easy it is to set up Minify on an existing site. It eliminated 5 HTTP requests and reduced JS/CSS bandwidth by 70%. The design is somewhat similar to Yahoo's Combo Handler Service , except that Minify can combine any local JS/CSS files you need for your page.

minify - Project Hosting on Google Code

Using the YUI Compressor from the command line $ java -jar yuicompressor-x.y.z.jar Usage: java -jar yuicompressor-x.y.z.jar [options] [input file] Global Options -h, --help Displays this information --type Specifies the type of the input file --charset Read the input file using --line-break Insert a line break after the specified column number -v, --verbose Display informational messages and warnings -o Place the output into will minify the file myfile.js and output the file myfile-min.js . For more information on how to use the YUI Compressor, please refer to the documentation included in the archive. The charset parameter isn't always required, but the compressor may throw an error if the file's encoding is incompatible with the system's default encoding. In particular, if your file is encoded in utf-8, you should supply the parameter.

YUI Compressor

CSS Tip: Preloading Images With CSS

Web site visitors hate to wait, so many Web designers preload images to speed up page display. Although JavaScript is the most common way to preload images, it isn't your only option. Consider using the CSS DISPLAY property instead. It may be more reliable and it requires less complex code. Preloading with JavaScript is a valuable technique! However, the main problem with using it is that browsers must be JavaScript-enabled and have JavaScript turned on.