Subscribe to RSS feed Abonnez-vous aux flux RSS or ou follow me suivez-moi on Twitter? sur Twitter?
Website optimization is an important process for every webmaster trying to reach “the top”. Optimisation du site Web est un processus important pour chaque webmaster essaie d'atteindre «le haut». It includes several parts, some of which may not be plausible for all. Il comprend plusieurs parties, dont certaines mai ne pas être plausible pour tous. Optimisation refers to the cleaning of code markup, images and backend so that your site loads quickly, and causes less stress on your webserver. Optimisation concerne le nettoyage de balises de code, images et backend pour que vos charges site rapidement, et provoque moins de stress sur votre serveur.
The Importance of Optimization L'importance de l'optimisation
Website optimisation is important, because more optimized pages translate into lower load times. Optimisation du site Web est important, car plus optimisé pages se traduisent par des temps de chargement plus bas. In today's world, “everyone wants everything quickly”, so quick and responsive sites help you to retain your visitors more. Dans le monde d'aujourd'hui, «tout le monde veut tout rapidement», de manière rapide et réactif sites vous aider à fidéliser vos visiteurs. In other words, you can cut down or eliminate the number of frustrated surfers who ditch your blog because it doesnt load quickly. En d'autres termes, vous pouvez réduire ou éliminer le nombre d'internautes frustrés qui fossé votre blog parce que it doesnt chargent rapidement. This is more relevant if your blog is targeted towards a non-tech-savvy audience, who are likely to have slower connections. Ceci est plus pertinente si votre blog est ciblée vers un non-tech public composé d'experts, qui sont susceptibles d'avoir des connexions plus lentes.
By optimization, you can save some bandwidth(although this is not why most people do it). Par optimisation, vous pouvez économiser de la bande passante (bien que ce n'est pas pour cela la plupart des gens le font). Also, in times of intensive activity, like being Dugg or Stumbled, optimization can be the difference between your blog going offline due to stress, and your blog staying healthy even while getting ~50k visits in a day. Aussi, en période d'activité intense, comme Dugg être ou trébuché, l'optimisation peut faire la différence entre votre blog en mode hors connexion allant dues au stress, et votre blog rester en bonne santé, même lors de l'obtention ~ 50k visites en un jour.
Some of the easiest optimization techniques include compression of codes whenever possible (like CSS), compression of images for lower sizes (use Photoshop), and reducing the number of http requests and number of objects. Certaines des techniques d'optimisation la plus facile comprennent la compression des codes chaque fois que possible (comme CSS), la compression d'images pour des tailles inférieures (utiliser Photoshop) et de réduire le nombre de requêtes HTTP et le nombre d'objets. There are also hardcore stuff, including tweaking your webserver (which few can do), tweaking your scripts to execute faster, reduce the number of PHP functions in your theme etc. Il ya aussi des trucs hardcore, notamment peaufiner votre serveur Web (ce qui peu de gens peuvent le faire), des scripts pour peaufiner votre exécution plus rapide, réduire le nombre de fonctions PHP dans votre thème, etc
My guiding light Ma lumière de guidage
Paul Stamatiou is an optimization-crazy college student, and has written several guides. Paul Stamatiou est une optimisation étudiant-fou, et il a écrit plusieurs guides. I found Paul Stamatiou's guides, J'ai trouvé des guides Paul Stamatiou, les How to Optimize your CSS Comment optimiser vos CSS and et 5 ways to speed up your site 5 façons d'accélérer votre site amazing. étonnant. After reading them a few times and implementing a few steps, I was able to cut down the loading time of this blog from 27 seconds on a dialup, to around 6 seconds! Après avoir lu les quelques fois et la mise en œuvre de quelques pas, j'ai été en mesure de réduire le temps de chargement de ce blog de 27 secondes avec une connexion commutée, à environ 6 secondes! I used his blog as a benchmark, because he is pretty much up there with the best in optimization. J'ai utilisé son blog comme une référence, parce qu'il est à peu près, là-haut avec les meilleurs de l'optimisation.
I took his advice to heart, and experimented a little more. Je pris ses conseils à cœur, et tâte un peu plus. More specifically, here are the steps (I will have a detailed How-to post later, so watch out!): Plus précisément, voici les étapes (je vais avoir un détaillée How-to post plus tard, alors attention!):
- Deleted all unnecessary images, like the RSS feed icon and Technorati Fav button. Saved 4Kb. Supprimé toutes les images inutiles, comme l'icône de flux RSS et Technorati Fav bouton. Enregistrée 4Ko.
If you cannot abandon your images, at least move them to the same server ( uploads, or images folder). Si vous ne pouvez pas abandonner vos images, du moins de les déplacer vers le même serveur (upload, ou des images du dossier). - Compressed the CSS using Compressé en utilisant le CSS CleanCSS CleanCSS . Saved 3Kb. . Enregistrée 3Ko.
- Used PHP compression for CSS stylesheet, as Stammy(above) suggested. Saved 2Kb. Utilisé la compression PHP pour feuille de style CSS, comme Stammy (ci-dessus) a suggéré. Enregistrée 2Kb.
- Removed the earlier header image, which was 500 x 200, and replaced it with a smaller 412 x 118px, with a white background. Enlevée la première image-tête, qui était de 500 x 200, pour le remplacer par un plus petit 412 x 118px, avec un fond blanc. White backround was very helpful. Saved 10Kb. White backround a été très utile. Enregistrée 10KB.
So, that cut down the size by 19Kb, without compromising much on quality. Donc, c'est réduire la taille de 19Kb, sans compromettre beaucoup sur la qualité. I am not (yet) aware of all the server-side optimisation, so no comments there. Je ne suis pas (encore) au courant de tous le serveur optimisé côté, donc pas de commentaires là-bas. Long story short, the optimisation bug is on me too Longue histoire courte, le bug d'optimisation est sur moi aussi 
On a lighter note, I actually managed to beat Stammy's blog load times by a good margin. Sur une note plus légère, j'ai réussi à battre les temps de chargement blog Stammy par une bonne marge.
It is probably due to the sponsor images on his sidebar. Il est probablement dû à l'image de son sponsor sur la barre latérale. His blog is hosted on MediaTemple's (dv) server. Son blog est hébergé sur MediaTemple's (dv) Server. For reference, this blog is on a shared webhost (for now). Pour référence, ce blog est sur un hébergeur partage (pour l'instant).
Here are (56K speeds of ) some sites according to Voici (une vitesse de 56K) certains sites en fonction de Web Page Analyzer Web Page Analyzer , as of August 19, 2007 , En date du 19 août 2007
(Note: These are time taken for loading, and not actual rendering in the browser): (Note: Ces temps sont prises pour le chargement et le rendu n'est pas réel dans le navigateur):
PaulStamatiou.com – PaulStamatiou.com -- 7.08 seconds 7.08 secondes
TechZilo (this blog) – TechZilo (ce blog) -- 4.33 seconds 4.33 secondes
TechCrunch – TechCrunch -- 204.97 seconds 204.97 secondes
Why did I show these load times? Pourquoi ai-je montrer ces temps de chargement? Bragging rights? Droit de se vanter? No. No.
Just to prove that even big sites like TechCrunch could do with a bit of optimization. Juste pour prouver que même les gros sites comme TechCrunch pourrait faire avec un peu d'optimisation. I am sure that Mike Arrington will have no problem in wasting extra bandwidth, losing some frustrated visitors or being Dugg. Je suis sûr que Mike Arrington n'aurez aucun problème à gaspiller la bande passante supplémentaire, perdre quelques visiteurs frustrés ou Dugg être. However, 204 seconds is way too much by any standards. Toutefois, 204 secondes, c'est beaucoup trop à aucune norme.
So, make sure you optimize your blog the next time you decide to get your hands dirty in code Donc, assurez-vous d'optimiser votre blog la prochaine fois que vous décidez de vous salir les mains dans le code 
Related reading Lecture connexe
- TextSnip: free online code bin TextSnip: gratuit bin code en ligne
- Site Update : Asides and Footnotes Site Update: Asides et renvois
- BitDig: Digg-like site for torrents BitDig: Digg-like site de torrents
- Remove PirateBay BitTorrent site account Retirer PirateBay BitTorrent site compte
The Web Page Analyzer is based on several things such as the user's location and download speed (i think). Le Web Page Analyzer est basée sur plusieurs choses, comme l'emplacement de l'utilisateur et la vitesse de téléchargement (je crois). As such it says 1.55, 1.06, 16.14 for the three sites you mentioned, in that order for me and will probably say something different for someone else. Comme tel, il dit 1.55, 1.06, 16.14 pour les trois sites que vous avez mentionné, dans cet ordre pour moi et diront sans doute quelque chose de différent pour quelqu'un d'autre.
@Paul: Thanks for dropping by. @ Paul: Merci d'être passé. I forgot to add that all speeds were for dialup. J'ai oublié d'ajouter que toutes les vitesses étaient pour dialup. Hope that solves your problem. Espérons que résout votre problème.
thats the min disadvantage of self hosted blogs and thats where blogger wins! thats le désavantage min d'autonomie des blogs hébergés et c'est là que gagne Blogger!
I haven't faced any such problems, Je n'ai pas connu de problème de tel,
Most of surfers now have a broadband , and with i my blog hardly takes two seconds La plupart des internautes ont maintenant une large bande, et avec mon blog, je prend à peine deux secondes
Although some graphics take time but text is visible once u type in address. Bien que certains graphiques prennent du temps mais le texte est visible une fois u type d'adresse.
n I hav got a cool report n I hav reçu un rapport cool
HTML: 19708 4.13 0.30 HTML: 19708 4,13 0,30
HTML Images: 196940 45.65 7.44 HTML Images: 196940 45,65 7,44
CSS Images: 0 0.00 0.00 CSS Images: 0 0.00 0.00
Total Images: 196940 45.65 7.44 Nombre total d'images: 196940 45,65 7,44
Javascript: 84241 18.39 2.05 Javascript: 84241 18.39 2.05
CSS: 3761 1.55 0.82 CSS: 3761 1,55 0,82
Multimedia: 0 0.00 0.00 Multimédia: 0 0.00 0.00
Other: 0 0.00 Autres: 0 0.00
Tip: Red color doesn’t matches with white color, try something else and don’t you think overloaded text link ads advertisement? Astuce: Rouge Couleur doesnâ € ™ t matches avec la couleur blanche, essayez autre chose et nâ € ™ est-ce pas surchargé Text Link Ads annonce?
@Ashwini: Blogger sure wins, since Google's servers are among the fastest (though not the most reliable). @ Ashwini: Blogger vous gagne, puisque les serveurs de Google sont parmi les plus rapides (mais pas la plus fiable). But the lack of flexibility really is the problem. Mais le manque de souplesse est vraiment le problème. With advanced compression techniques, light-weight theme and reasonable server, WordPress can beat Blogger. Avec les techniques de compression de pointe, poids léger et le serveur thème raisonnables, WordPress peut battre Blogger.
Especially since Blogger themes are notorious for tonnes of JavaScript (check the source code towards the end). D'autant plus que les thèmes sont bien connus pour Blogger tonnes de JavaScript (vérifiez le code source vers la fin). It isn't added by the us, but by Blogger automatically. Il n'est pas ajouté par le nous, mais par Blogger automatiquement.
I am changing the colour scheme of the theme, one bit at a time. Je change le schéma de couleurs du thème, un bit à la fois. I changed the header, footer and navbar. J'ai changé l'en-tête, pied de page et Navbar. Next up, content+sidebars. Next up, le contenu + barres latérales. OK? OK? As for ads, they're affiliate links, nofollowed and harmless in the sidebar. Comme pour les annonces, ce sont les liens d'affiliation, pas suivis et inoffensif dans l'encadré. Maybe I should reduce them to the most-rewarding ones only. Maybe Peut-être que je devrais les réduire à des plus-récompensant uniquement. Peut-être
There's also Il ya aussi http://tools.pingdom.com/fpt/ http://tools.pingdom.com/fpt/ which I think is much more accurate than Web Page Analyzer. qui je pense est beaucoup plus précis que la page Web Analyzer.
@Paul: I had tried it, but it was before the optimization craze ( which is thanks to you!) @ Paul: je l'avais essayé, mais c'était avant l'engouement pour l'optimisation (qui est grâce à vous!)
Let me check it now. Permettez-moi de le vérifier maintenant.
my blog gets 135 seconds, not exactly great. mon blog reçoit 135 secondes, pas vraiment grand. I guess I need to do some blog optimizing myself but at least I am faster then Techcrunch. Je suppose que je dois faire moi-même optimiser certains blog mais au moins je suis plus rapide alors Techcrunch.
@Michael : TechCrunch is slow mostly because of graphics (sponsors on sidebar). @ Michael: TechCrunch est lente en raison principalement des graphiques (des sponsors sur l'encadré). Yours is slow because of the theme – it depends on background images too much. Exemplaire est lente à cause du thème - cela dépend des images de fond trop. Don't do too much optimization – your theme might get bland (as mine is). Ne faites pas trop d'optimisation - votre thème pourrait obtenir Bland (comme la mienne). Besides, it depends on the target audience – if they're high-tech, there's no problem, since they will have high-speed connection. D'ailleurs, il dépend de l'auditoire cible - si elles sont de haute technologie, il n'y a pas de problème, car ils disposent d'une connexion haute vitesse.
Sumesh even when I wasn't paying attention to your advise still our blog loads at 4 secs (Paul Stamatiou suggestion). Sumesh même quand je ne faisais pas attention à votre conseiller encore nos charges blog à 4 secs (Paul Stamatiou suggestion). Not that bad! Pas si mal! Anyways, I still think we have some Optimization to do. Quoi qu'il en soit, je pense toujours que nous avons une certaine optimisation à faire.