私がYSlowを使用して50%ブログの負荷速度によっていかに増加したか

2007年8月10日12:57 pmのに掲示される

FireFox YSlowシリーズからの他のポストを読むことを確かめなさい!

あなたのウェブサイトの性能を分析する使用YSlow Firefoxの追加項目
私がYSlowを使用して50%ブログの負荷速度によっていかに増加したか

YSlow あらゆる使用するbloggerおよび場所の所有者がべきである大きい場所の性能調整は用具である! YSlowを使用して、私は二度少数の簡単な事の変更によって前に私のWordPressのブログの負荷をほとんど持てた速く。世界の最も最大限に活用されたコードがある遅い動くことウェブサイトの負荷にすぐにするために取るものをのほとんどのブログは理解の自身の欠乏のためにである。

簡単な原料

十分に興味深いことに、私はaを見られたには 塔載所要時間の25%の改善 次の事をすることによって:

1. サイドバー項目を取除くこと -ブログの登録簿を取除くことは私のサイドバーからつながり、ただ含んでいるようにそれをきれいにしてRSSは、ページ、部門、アーカイブおよび2つの第三者リンク、1およびSpotplexのためのTechnoratiへの1予約購読する。先に私に私のサイドバーのBlogTopList、BlogTopAreaおよびほぼ10 DNS調べに荷を積まれた第一面をいつも引き起こしていた他の少数のブログのランキングのchickletsがあった。

私はまたGoogle Analyticsを除いてMyBlogLogのようなすべてのジヤバ・スクリプトの追跡者を、取除いた。実際に5つの追跡の場所、それを使用して追跡する必要性がもたらすより多くのDNS調べだけをない。 YSlowを動かす時、何DNS調べを現在有するか見る点検#9。

2. 削除の無用の差込 -私のページにより多くのコードをまたはページで交通を得るか、または読者を助けることの点では非常に有用だけ加えている間非活動化させた無用の差込。例えば、私はFeedBurnerのFeedSmith私のポストに電子メールをこれ、Diggこれ、等加えるのにコードを使用していたが既にShareThisを取付けてもらい、少数他の社会的なしおりは私のページの上でつながる。

また、まったく助けていなかった減った私は1番以上の付く差込式の取付けられているがの、そう単にTechnoratiの札にそれあった。助けたようであるかどれが私がもう一つの事は実際にWP内容\差込式の登録簿から非活動化させた差込を削除することだった。私は、これがまたaを幾分なぜ助けたがか確実ではない!

より興味深い原料

前述のステップはあなたのWebページのための塔載所要時間を下げて容易、非常に速い方法であるが私がさらに助けられたそれをされたこと幾つかのより多くの事がある!

#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. I had no clue about this and had about 6 scripts that were in the head section. 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.

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! 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.

However, I was able to move my ShareThis, Subscribe Remind, and AJAX Edit Comments scripts to the bottom without any problems. Here’s how you can try moving your scripts to the footer:

1. Firstly, backup the original code or file for the plugin! If you mess it up, you’ll need to go back to the original!

2. Go to your Admin panel and click on Plugins. Find the plugin that YSlow is listing as an offender. Here is an example of mine currently:

3. Click on Edit to modify the plugin code. Now do a search in your browser for the phrase “wp_head“. wp_head is a hook that plugins can use to dump stuff into the HEAD section. Change wp_head to ‘wp_footer’ with the single quotes. Now your script code will be moved to the bottom. 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!

4. Save your file and test out what changes were made on the site. A few minor things changed on mine with the AJAX Edit Comments, but it was nothing major, just a smaller text box.

Shrink, Zip and 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.

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. Anyway, here’s the method I followed to update my wp-cache files. Remember, you should still keep gzip disabled in WordPress. Editing the wp-cache code makes the PLUGIN compress the JavaScript files, not WordPress. So keep gzip disabled in WordPress in order for it to work.

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. To use JSMin, download it and copy it to the root of your C drive.

Copy down the JavaScript file you want to shrink and place it in the same directory as the JSMin executable. Go into DOS and CD into the directory with the files. Type jsmin <originalfilename.js >newfilename.js to convert the file.

Once the file is generated, copy it somewhere else, rename it to the original file name and replace it on your server. I was able to reduce my prototype.js file from 74KB to 54Kb using 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.

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! If your WordPress blog or web site is running slow, get to working understanding the various issues involved in increasing site performance. Doing a few of these things might save you cash if you think you need a new host or dedicated hosting.

Now it’s time for me to figure out the expires header and etags, since I got F’s on both of those!