How I increased by blog’s load speed by 50% using YSlow Comment j'ai augmenté de blog vide de 50% en utilisant YSlow

Posted on August 10, 2007 at 12:57 pm Posté le 10 août 2007 à 12h57

Make sure to read other posts from the FireFox YSlow series! Veillez à lire les autres postes du FireFox YSlow série!

Use YSlow Firefox add-on to analyze the performance of your web site Utilisez YSlow Firefox add-on pour analyser les performances de votre site Web
How I increased by blog’s load speed by 50% using YSlow Comment j'ai augmenté de blog vide de 50% en utilisant YSlow

YSlow is a great site performance tuning tool that every blogger and site owner should use! Est un excellent outil d'optimisation des performances du site que chaque blogueur et le propriétaire du site devrait utiliser! Using YSlow, I was able to have my WordPress blog load almost twice as fast as before by changing a few simple things. Utilisation YSlow, j'ai pu avoir mes blogs WordPress charge presque deux fois plus rapide que précédemment en changeant simplement quelques choses. WordPress may not have the most optimized code in the world, but most blogs are running slow because of their own lack of understanding of what it takes to make a web site load quickly. WordPress n'ont peut-être pas la plus optimisée dans le monde, mais la plupart des blogs sont lents fonctionnant en raison de leur propre manque de compréhension de ce qu'il faut pour faire un site web de charger rapidement.

The Simple Stuff The Simple Stuff

Interestingly enough, I was able to see a 25% improvement in load time by doing the following things: Chose intéressante, j'ai pu voir un 25% d'amélioration du temps de chargement en faisant les choses suivantes:

1. Removing SideBar Items - Removing blog directory links from my sidebar and cleaning it up so that it only contains a RSS subscribe, Pages, Categories, Archives, and two third-party links, one to Technorati and one for Spotplex. 1. Retrait SideBar Objets - Retrait de blog répertoire des liens depuis mon encadré et le nettoyer en place de manière à ce qu'il ne contient un RSS abonner, Pages, Catégories, Archives, et les deux tiers des liens, Technorati et un à l'autre pour Spotplex. Earlier I had BlogTopList, BlogTopArea, and a few other blog ranking chicklets on my sidebar that were causing almost 10 DNS lookups each time the front page loaded. Plus tôt j'avais BlogTopList, BlogTopArea, et quelques autres blogs classement chicklets sur ma barre latérale qui causent près de 10 recherches DNS à chaque fois la page chargée.

I also removed all JavaScript trackers like MyBlogLog, except for Google Analytics. J'ai également supprimé toutes les trackers JavaScript comme MyBlogLog, à l'exception de Google Analytics. There’s really no need to be tracking using 5 different tracking sites, it only causes more DNS lookups. Il n'ya vraiment pas besoin d'être suivi en utilisant 5 suivi différentes sites, il ne fait plus de recherches DNS. When you run YSlow, check #9 to see how many DNS lookups you currently have. Lorsque vous exécutez YSlow, vérifiez # 9 à voir le nombre de recherches DNS que vous avez actuellement.

2. Delete Useless Plugins - Deactivated useless plugins that were only adding more code to my page or not very helpful in terms of getting traffic or helping a reader while on a page. 2. Supprimer Inutile Plugins- Désenclenchement inutiles qui ne sont que des plugins ajoutant à la suite du code à ma page ou pas très utile en termes de trafic ou de les aider à obtenir un lecteur tout sur une page. For example, I was using FeedBurner’s FeedSmith code to add an Email This, Digg This, etc to my posts, but I already have ShareThis installed and a few other social bookmarking links at the top of my page. Par exemple, j'étais en utilisant FeedBurner's FeedSmith code pour ajouter une Désabonnement, Digg Ceci, etc à mes posts, mais j'ai déjà ShareThis installés et quelques autres sociaux signet liens en haut de ma page.

Also, I had more than one tagging plugin installed, which was not helping in any way, so reduced it down to simply Technorati tags. Aussi, je n'avais plus d'un marquage plug-in installé, ce qui n'était pas aider d'une quelconque manière, il réduit de façon à simplement les balises Technorati. Another thing that I did which seemed to help was to actually DELETE the deactivated plugins from the wp-contents\plugin directory. Une autre chose que je n'ai qui semblait effectivement aider à l'DELETE désactivé plugins de la wp contenu \ plugins répertoire. I’m not sure why, but this helped a somewhat also! Je ne sais pas pourquoi, mais cela a également aidé un peu!

More Interesting Stuff Plus intéressant

The above-mentioned steps are easy and a very quick way to lower the load time for your web pages, but there are a couple of more things that I was able to do that helped even more! Les mesures susmentionnées sont faciles et un moyen très rapide de diminuer le temps de chargement de vos pages Web, mais il y en a plus de choses que j'ai pu faire qui a contribué encore plus!

#6 on YSlow says that you should move scripts down to the bottom of a page rather than at the top because it holds up the rendering of the web page if they are in the HEAD section. # 6 sur YSlow dit que vous devez déplacer des scripts au bas d'une page plutôt que d'en haut, car il suspend le prononcé de la page Web s'ils sont dans la section HEAD. I had no clue about this and had about 6 scripts that were in the head section. Je n'avais aucune idée à ce sujet et avait environ 6 manuscrits qui se trouvaient dans la tête. Moving the scripts down was not as simple as the other steps because you have to edit some of your plugins to have them write the “<script type=”text/javascript” src=…” in the footer section. Moving les scripts baisse n'est pas aussi simple que les autres parce que vous n'avez pas à modifier certaines de vos plugins pour les faire passer les "<scénario de type =« text / javascript src =… "dans le pied de page.

As a note, though, you will not have able to move ALL of your scripts down to the bottom because some will simply not work! Comme une note, cependant, vous n'aurez pas en mesure de se déplacer TOUS vos scripts vers le fond parce que certains vont tout simplement pas! Google Analytics, for example, will have to remain and I left my Subscribe Me in the HEAD also otherwise when you scroll over my Subscribe button instead of a list coming down, nothing would happen. Google Analytics, par exemple, devront rester et j'ai quitté mon S'abonner Me dans le HEAD aussi autrement lorsque vous faites défiler au-dessus de mon bouton Subscribe lieu d'une liste qui descend, qui se passerait rien.

However, I was able to move my ShareThis, Subscribe Remind , and AJAX Edit Comments scripts to the bottom without any problems. Cependant, j'ai réussi à déplacer mes ShareThis, Abonnez-vous Rappelez, Modifier les commentaires et les scripts AJAX au fond sans aucun problème. Here’s how you can try moving your scripts to the footer: Voici comment vous pouvez essayer de déplacer votre scripts pour le pied de page:

1. Firstly, backup the original code or file for the plugin! Premièrement, le code original de sauvegarde ou un fichier pour le plugin! If you mess it up, you’ll need to go back to the original! Si vous gâchis elle, vous aurez besoin de revenir à l'original!

2. Go to your Admin panel and click on Plugins. Accédez à votre panneau d'administration et cliquer sur Plugins. Find the plugin that YSlow is listing as an offender. Trouvez le plugin qui YSlow est cotation comme un délinquant. Here is an example of mine currently: Voici un exemple de la lutte antimines en cours:

3. Click on Edit to modify the plugin code. Cliquez sur Modifier pour modifier le code du plugin. Now do a search in your browser for the phrase “ wp_head “. Maintenant, faites une recherche dans votre navigateur pour l'expression "wp_head". wp_head is a hook that plugins can use to dump stuff into the HEAD section. Wp_head est un crochet que les plugins peuvent utiliser à larguer choses dans la section HEAD. Change wp_head to ‘wp_footer’ with the single quotes. Changer wp_head à 'wp_footer' avec les guillemets simples. Now your script code will be moved to the bottom. Maintenant votre script code sera déplacé vers le bas. Sometimes you’ll see more than one wp_head in your plugin file, one for CSS and one for JS. Only change the JS line ! Parfois, vous verrez plus d'un wp_head dans votre dossier plugins, l'un pour l'autre pour CSS et JS. Seulement changer la JS ligne!

4. Save your file and test out what changes were made on the site. Enregistrez le fichier et l'essai de ce que des modifications ont été apportées sur le site. A few minor things changed on mine with the AJAX Edit Comments, but it was nothing major, just a smaller text box. A quelques petites choses ont changé sur la mine avec AJAX Modifier les commentaires, mais ce n'était rien de majeur, juste une petite zone de texte.

Shrink, Zip and Cache Shrink, Zip et Cache

Ok, so there are two more things that I did to get me to the 50% reduction in load time: got gzip to work with wp-cache and used JSMin to shrink the prototype.js file. Bon, il ya deux autres choses que je n'ai pour me faire les 50% de réduction des temps de chargement: a gzip pour travailler avec wp cache et utilisé JSMin de rétrécir la prototype.js fichier.

Getting gzip to work with WP-cache plugin takes a little more editing of your files, so again please make sure to backup everything in case it doesn’t work. Se gzip pour travailler avec WP cache module prend un peu plus de la modification de vos fichiers, ce nouveau veillez à tout sauvegarde dans le cas où il ne fonctionne pas. Anyway, here’s the method I followed to Quoiqu'il en soit, voici la méthode que j'ai suivi pour update my wp-cache files Mettre à jour mes fichiers cache wp . Remember, you should still keep gzip disabled in WordPress. N'oubliez pas que vous devez toujours garder de gzip handicapés dans WordPress. Editing the wp-cache code makes the PLUGIN compress the JavaScript files, not WordPress. Wp modification de la mémoire cache de code rend la PLUGIN compresser les fichiers JavaScript, et pas WordPress. So keep gzip disabled in WordPress in order for it to work. Gardez donc de gzip handicapés dans WordPress pour lui permettre de travailler.

Lastly, point number 10 in YSlow is to have your JavaScript files Minified. This will basically remove all comments and extra line breaks, etc from the code making it much smaller, but impossible to read. Il s'agira essentiellement de supprimer tous les commentaires et de lignes supplémentaires, etc .. partir du code rendant beaucoup plus petite, mais impossible à lire. To use Pour utiliser JSMin , download it and copy it to the root of your C drive. , Le télécharger et de le copier à la racine de votre lecteur C.

Copy down the JavaScript file you want to shrink and place it in the same directory as the JSMin executable. Copiez le fichier JavaScript vous voulez rétrécir et le placer dans le même répertoire que le JSMin exécutable. Go into DOS and CD into the directory with the files. Passez en mode DOS et le CD dans le répertoire contenant les fichiers. Type jsmin <originalfilename.js >newfilename.js to convert the file. Type jsmin <originalfilename.js> newfilename.js pour convertir le fichier.

Once the file is generated, copy it somewhere else, rename it to the original file name and replace it on your server. Une fois le fichier généré, il copie d'une autre façon, pour renommer le nom du fichier original et le remplacer sur votre serveur. I was able to reduce my prototype.js file from 74KB to 54Kb using JSMin. J'ai pu réduire mon prototype.js fichier de 74Ko à 54Kb utilisant JSMin. Unfortunately, I’m still not sure how to move prototype.js to the bottom or if it’s even possible, but if you know, post a comment. Malheureusement, je ne sais pas encore comment se déplacer prototype.js au fond ou s'il est même possible, mais si vous le savez, ajouter un commentaire.

Conclusion Conclusion

Even though my site has only a 62 when I run YSlow on it now, it’s far better than the 40 I was getting before I used it! Même si mon site ne dispose que de 62 quand je lance YSlow sur elle maintenant, c'est beaucoup mieux que les 40 je me avant que je l'utilise! If your WordPress blog or web site is running slow, get to working understanding the various issues involved in increasing site performance. WordPress Si votre blog ou site Web est en cours d'exécution lentes, aller au travail compréhension des diverses questions de plus en plus impliqués dans les performances du site. Doing a few of these things might save you cash if you think you need a new host or dedicated hosting. Faire un peu de ces choses pourraient vous mettre en espèces si vous pensez vous avez besoin d'un nouvel hôte ou d'hébergement dédié.

Now it’s time for me to figure out the expires header and etags, since I got F’s on both of those! Maintenant, il est temps pour moi d'imaginer l'expiration de l'en-tête et etags, puisque j'ai eu F sur ces deux!

If you enjoyed this post, make sure you Si vous avez apprécié ce poste, assurez-vous que vous subscribe to my RSS feed Souscrire à mon flux RSS ! !

» Filed Under »Filed Under Web Site Tips Site Web Tips