How I increased by blog’s load speed by 50% using YSlow Wie ich um's Blog laden Geschwindigkeit von 50% mit YSlow

Posted on August 10, 2007 at 12:57 pm Erschienen am 10. August 2007 12:57

Make sure to read other posts from the FireFox YSlow series! Stellen Sie sicher, dass Sie andere Beiträge aus dem FireFox YSlow Serie!

  1. Use YSlow Firefox add-on to analyze the performance of your web site Verwenden Sie YSlow Firefox Add-On zu analysieren, die Leistung Ihrer Website
  2. How I increased by blog’s load speed by 50% using YSlow Wie ich um's Blog laden Geschwindigkeit von 50% mit YSlow

YSlow is a great site performance tuning tool that every blogger and site owner should use! Ist eine große Website Performance Tuning Tool, dass jeder Blogger und Inhaber der Website sollten! Using YSlow, I was able to have my WordPress blog load almost twice as fast as before by changing a few simple things. Verwenden YSlow, konnte ich mein WordPress Blog laden fast doppelt so schnell wie vor, indem Sie ein paar einfache Dinge. 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 möglicherweise nicht über die für die meisten optimierten Code in der Welt, aber die meisten Blogs sind läuft langsam voran, weil der eigenen Mangel an Verständnis dafür, was es nimmt, um eine Website schnell geladen werden.

The Simple Stuff Die einfache Stuff

Interestingly enough, I was able to see a 25% improvement in load time by doing the following things: Interessanterweise genug, ich konnte, um eine 25% ige Verbesserung in der Zeit laden, indem Sie die folgenden Dinge:

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. Entfernen SideBar posten - Entfernen Blog Verzeichnis Links aus meiner Seitenleiste und Reinigung es so, dass es nur eine RSS abonnieren, Seiten, Kategorien, Archiv, und zwei von Drittanbietern Links, ein zu Technorati und eine für 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. Früher hatte ich BlogTopList, BlogTopArea, und noch ein paar andere Blog Ranking chicklets auf meiner Seitenleiste, die zu fast 10 DNS Lookups jedes Mal, die vordere Seite geladen werden.

I also removed all JavaScript trackers like MyBlogLog, except for Google Analytics. Ich bin auch entfernt alle JavaScript Tracker wie MyBlogLog, außer für Google Analytics. There’s really no need to be tracking using 5 different tracking sites, it only causes more DNS lookups. Es gibt wirklich keinen Grund, sich zu Tracking mit 5 verschiedenen Tracking Seiten, ist nur mehr Ursachen DNS Lookups. When you run YSlow, check #9 to see how many DNS lookups you currently have. Wenn Sie YSlow, ob # 9, um zu sehen, wie viele DNS Lookups Sie im Moment haben.

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. Löschen Unnötig Plugins - Deaktiviert nutzlos Plugins, die nur weitere Code auf meiner Seite oder nicht sehr hilfreich im Hinblick auf die immer Traffic oder helfen, ein Leser, während auf einer Seite. 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. Zum Beispiel war ich mit FeedBurner's FeedSmith Code, um eine Email Dies Digg Dies, usw. in meinen Posts, aber ich habe bereits ShareThis installiert und ein paar andere soziale Lesezeichen Verbindungen an der Spitze meiner Seite.

Also, I had more than one tagging plugin installed, which was not helping in any way, so reduced it down to simply Technorati tags. Also, ich hatte mehr als ein Tagging Plugin installiert, was nicht in irgendeiner Weise helfen, damit reduziert sie auf einfach Technorati Tags. Another thing that I did which seemed to help was to actually DELETE the deactivated plugins from the wp-contents\plugin directory. Eine andere Sache, die ich habe, die offenbar zu helfen, war es tatsächlich DELETE deaktiviert die Plugins aus dem wp- Inhalt \ Plugins Verzeichnis. I’m not sure why, but this helped a somewhat also! Ich bin nicht sicher, warum, aber das half auch ein wenig!

More Interesting Stuff Weitere interessante Sachen

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! Die oben genannten Schritte sind eine sehr einfache und schnelle Methode zur Senkung der Belastung Zeit für Ihre Webseiten, aber es gibt ein paar Dinge, die ich tun konnte, die dazu beigetragen haben sogar noch mehr!

#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 auf YSlow sagt, dass Sie sollten sich Skripte auf der Unterseite der Seite, anstatt an der Spitze, weil es gilt, die Darstellung der Website, wenn sie in der HEAD. I had no clue about this and had about 6 scripts that were in the head section. Ich habe keine Ahnung über diesen und hatte ca. 6 Skripte, die in den Kopf. 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. Bewegten sich die Skripte war nicht so einfach, wie die anderen Schritte, da müssen Sie einige Ihrer Plugins zu schreiben, haben sie die "<= Skript Typ auf" text / JavaScript 'src =… "in der Fußzeile.

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! Als beachten Sie, wenn Sie sich nicht bewegen können ALLE Ihre Scripts auf der Unterseite, da einige einfach nicht funktionieren! 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, zum Beispiel, haben zu bleiben, und ich meine Abonnieren Me in der HEAD auch sonst, wenn Sie blättern über meine Abonnieren Button anstelle von einer Liste kommen, würde nichts passieren.

However, I was able to move my ShareThis, Subscribe Remind , and AJAX Edit Comments scripts to the bottom without any problems. Aber ich konnte meine ShareThis, Abonnieren Erinnern, und AJAX bearbeiten Kommentar Scripte in das unten ohne Probleme. Here’s how you can try moving your scripts to the footer: Hier erfahren Sie, wie Sie können versuchen, Ihre Skripte zu der Fußzeile:

1. Firstly, backup the original code or file for the plugin! Erstens, Backup der ursprünglichen Datei oder Code für das Plugin! If you mess it up, you’ll need to go back to the original! Wenn Sie es Mist, müssen Sie gehen zurück zu den ursprünglichen!

2. Go to your Admin panel and click on Plugins. Gehen Sie zu Ihrer Admin-Panel und klicken Sie auf Plugins. Find the plugin that YSlow is listing as an offender. Finden Sie das Plugin, dass YSlow ist Liste als Täter. Here is an example of mine currently: Hier ist ein Beispiel von mir derzeit:

3. Click on Edit to modify the plugin code. Klicken Sie auf "Bearbeiten", um die Datei Plugin Code. Now do a search in your browser for the phrase “ wp_head “. Jetzt haben Sie eine Suche in Ihrem Browser für die Phrase "wp_head". wp_head is a hook that plugins can use to dump stuff into the HEAD section. Wp_head ist ein Haken, dass Plugins verwenden können, um Dump Zeug in der HEAD. Change wp_head to ‘wp_footer’ with the single quotes. Ändern wp_head 'wp_footer' mit dem einfache Anführungszeichen. Now your script code will be moved to the bottom. Jetzt ist Ihr Skript Code wird sich nach unten. 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 ! Manchmal sehen Sie mehr als ein wp_head in Ihrem Plugin, eine für CSS und eine für JS. Nur die JS!

4. Save your file and test out what changes were made on the site. Speichern Sie die Datei und testen Sie, welche Änderungen vorgenommen wurden, auf der Website. A few minor things changed on mine with the AJAX Edit Comments, but it was nothing major, just a smaller text box. Ein paar kleinere Dinge geändert am Bergwerk mit dem AJAX bearbeiten Kommentar, aber es war nichts wichtiger, nur ein kleiner Textfeld ein.

Shrink, Zip and Cache Schrumpfen, Zip "und" 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. Ok, so gibt es zwei weitere Sachen, die ich habe, um mich an die 50% ige Senkung der Belastung Zeit: mit gzip zum Arbeiten mit wp- Cache und verwendet JSMin schrumpfen die prototype.js Datei.

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. Erste gzip zum Arbeiten mit WP - Cache Plugin bringt ein wenig mehr Bearbeitung Ihrer Dateien, so dass erneut stellen Sie sicher, dass alles, was zur Unterstützung für den Fall, es funktioniert nicht. Anyway, here’s the method I followed to Anyway, hier ist die Methode, die ich zu folgen update my wp-cache files Aktualisierung meiner wp- Cache-Dateien . Remember, you should still keep gzip disabled in WordPress. Denken Sie daran, dass Sie immer noch mit gzip Behinderten in WordPress. Editing the wp-cache code makes the PLUGIN compress the JavaScript files, not WordPress. Bearbeiten der wp- Cache macht den Code PLUGIN komprimieren, die JavaScript Dateien, nicht WordPress. So keep gzip disabled in WordPress in order for it to work. So halten mit gzip Behinderten in WordPress, um für sie zu arbeiten.

Lastly, point number 10 in YSlow is to have your JavaScript files Minified. Schließlich, Nummer 10 im YSlow ist, haben Sie JavaScript Dateien Minified. This will basically remove all comments and extra line breaks, etc from the code making it much smaller, but impossible to read. Dies wird grundsätzlich entfernen Sie alle Kommentare und zusätzliche Zeilenumbrüche, etc. aus dem Code macht es sehr viel kleiner, aber unmöglich zu lesen. To use Zu verwenden JSMin , download it and copy it to the root of your C drive. , Laden Sie sie und kopieren Sie sie in das Stammverzeichnis Ihrer Festplatte C.

Copy down the JavaScript file you want to shrink and place it in the same directory as the JSMin executable. Kopieren Sie die Datei, die Sie wollen, JavaScript zu schrumpfen und platzieren Sie sie im gleichen Verzeichnis wie die JSMin ausführbar. Go into DOS and CD into the directory with the files. Gehen Sie in DOS und CD in das Verzeichnis mit den Dateien. Type jsmin <originalfilename.js >newfilename.js to convert the file. Typ jsmin <originalfilename.js> newfilename.js zum Umwandeln der Datei.

Once the file is generated, copy it somewhere else, rename it to the original file name and replace it on your server. Sobald die Datei erstellt wurde, kopieren Sie es irgendwo sonst, benennen sie zu den ursprünglichen Dateinamen und ersetzen Sie es auf Ihrem Server. I was able to reduce my prototype.js file from 74KB to 54Kb using JSMin. Ich konnte mein prototype.js Datei von 74KB bis 54Kb mit 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. Leider, ich bin immer noch nicht sicher sind, wie Sie sich prototype.js nach unten oder ob es auch möglich ist, aber wenn Sie wissen, einen Kommentar.

Conclusion Fazit

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! Auch wenn meine Website hat nur eine 62, wenn ich YSlow es jetzt, es ist weit besser als die 40 war ich immer, bevor ich es! If your WordPress blog or web site is running slow, get to working understanding the various issues involved in increasing site performance. Wenn Ihr WordPress Blog oder eine Website läuft langsam, um zu arbeiten Verständnis für die verschiedenen Fragen im Zusammenhang mit der Erhöhung der Website. Doing a few of these things might save you cash if you think you need a new host or dedicated hosting. Dabei ein paar von diesen Dingen können Sie Geld sparen, wenn Sie denken, Sie brauchen einen neuen Host oder 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! Jetzt ist es an der Zeit für mich, um herauszufinden, die abläuft Kopf- und etags, da ich F's auf beide!

Technorati Tags: Technorati Tags: , , , , , ,

If you enjoyed this post, make sure you Wenn Ihnen dieser Post, machen Sie sicher, dass Sie subscribe to my RSS feed Abonnieren meinem RSS-Feed ! !

» Filed Under »Unter Abgelegt Web Site Tips Website Tipps

Related Posts Verwandte Beiträge

One Response to “How I increased by blog’s load speed by 50% using YSlow” Eine Antwort auf "Wie ich um's Blog laden Geschwindigkeit von 50% mit YSlow"

      Pingbacks
    1. Wordpress Performance verbessern - Tipps und Tricks Wordpress Performance verbessern - Tipps und Tricks Says: Sagt:

      […] Online-Tech-Tips […] […] Online - Tech - Tipps […]

      November 1st, 2007 at 3:42 pm 1. November 2007 3:42 Uhr
    Please post your comments/suggestions! Bitte stellen Sie Ihre Kommentare und Anregungen!