optimisation d'un site

http://www.browsrcamp.com/

http://browsershots.org
crée des captures d'écrans pour visualiser son site sur tous les navigateurs

http://www.video-referencement.fr/article-6-optimiser-performance-site-web
optimisation d'un site
reduire le temps de latence d'un site

Optimisation de chaque page
Optimisation de navigation

optimisations complémentaires

 

Optimiser un site à quoi ça sert ?

economiser de la bande passante => pas de retélechargement le contenu à chaque fois

économiser de la charge serveur mettre en cache => diminuer le nombre de requêtes

améliorer l'expérience utilisateur => diminuer le temps de téléchargement d'une page va agir sur le ressenti de l'utilisateur

 

Très facile à mettre en place 

Sur quoi on peut agir ?

les javascripts

 

ya til un moyen de réduire le nombre de requêtes?

regrouper scripts et css ça va pas marcher sur des

compiler les composants de chaque page

 

il faut regrouper les scripts intelligemment

essayer de réduire le nombres d'images réactives images map (c'est mettre plusieurs liens sur la meme image)

les images intégrées dans les css

et les sprite css

 

réduire la taille des composants
réduire le html => enlever les commentaires
reduire les url  peu efficace

la compression apparu à partir du http/1.1 accepT encodingGzip encoding Content enconding => consomme du CPU

 

compactage des css et javascript => suppréssion de tous les caractères inutiles espaces les tabulations lesretour à la ligne superflus commentaires

réduire la taille ecomposants =>L'Obfuscation

 

 

compactage+Gzip meilleur solution gain de poids

 

Placer les CSS en début de page

déplacer les javascripts en bas de page pour optimiser

 

entêtes d'expiration? 1 an => renomer les composants quand il y a modifications

 

 

 sprite CSS : regrouper les images en une seule image pour réduire le poids et découper avec les css mettre en place par un framework tools

Ajax pouvoir chager des composants dynamiquement sur la page

XML vs Json (plus léger moins verbeux)

la requête Get plus rapide le préferer au Post

mise en cache d'une partie

 

 

 outils :

 Yslow yahoo fait audit du site

AOL page test

Générateur de sprite CSS

Générateur de sprite CSS java et php