Subscribe to RSS feed Abonnieren Sie RSS-Feed or oder follow me folgen Sie mir! on Twitter? auf Twitter?
Website optimization is an important process for every webmaster trying to reach “the top”. Website-Optimierung ist ein wichtiger Prozess für jeden Webmaster zu erreichen "oben". It includes several parts, some of which may not be plausible for all. Es umfasst mehrere Teile, von denen einige unter Umständen nicht plausibel, für alle. Optimisation refers to the cleaning of code markup, images and backend so that your site loads quickly, and causes less stress on your webserver. Die Optimierung bezieht sich auf die Reinigung von Markup-Code, Bilder und Backend, so dass Ihre Website schneller geladen wird, und verursacht weniger Stress auf Ihrem Webserver.
The Importance of Optimization Die Bedeutung der Optimierung
Website optimisation is important, because more optimized pages translate into lower load times. Website-Optimierung ist wichtig, da mehr optimierte Seiten zu niedrigeren Ladezeiten. In today's world, “everyone wants everything quickly”, so quick and responsive sites help you to retain your visitors more. In der heutigen Welt ", jeder will alles schnell", so schnell reagieren und Websites helfen Ihnen, Ihre Besucher mehr. In other words, you can cut down or eliminate the number of frustrated surfers who ditch your blog because it doesnt load quickly. Mit anderen Worten, Sie können reduzieren oder eliminieren die Zahl der Surfer, die frustriert Graben Ihrem Blog, weil es doesnt schnell geladen werden. This is more relevant if your blog is targeted towards a non-tech-savvy audience, who are likely to have slower connections. Dies ist relevant, wenn Sie Ihr Blog ist auf einem Nicht-Tech-Usern, die sich wahrscheinlich auf langsameren Verbindungen.
By optimization, you can save some bandwidth(although this is not why most people do it). Durch die Optimierung können Sie einige Bandbreite (obwohl dies nicht der Grund, warum die meisten Menschen tun es). 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. Auch in Zeiten intensiver Aktivität, wie Dugg oder stolperten, Optimierung kann die Differenz zwischen Ihrem Blog geht offline wegen Stress, und Ihr Blog gesund bleiben, auch wenn sich ~ 50k Besuche an einem Tag.
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. Einige der einfachste Optimierung gehören Kompression von Codes, wenn möglich (zB CSS), Kompression von Bildern für niedrigere Größen (mit Photoshop), und die Verringerung der Anzahl von HTTP-Anfragen und die Anzahl der Objekte. 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. Es gibt auch Hardcore-Sachen, einschließlich der Optimierung Ihrer Web-Server (was einige tun können), Optimierung Ihrer Skripten schneller, die Zahl der PHP-Funktionen in Ihrem Thema etc.
My guiding light Mein Führer
Paul Stamatiou is an optimization-crazy college student, and has written several guides. Paul Stamatiou ist eine Optimierung crazy-Student, und hat mehrere Führungen. I found Paul Stamatiou's guides, Ich fand Paul Stamatiou's Guides, How to Optimize your CSS Wie Optimieren Sie Ihre CSS and und 5 ways to speed up your site 5 Wege, um Ihre Website amazing. erstaunlich. 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! Nach dem Lesen sie ein paar Mal und Durchführung von ein paar Schritte, ich war in der Lage, um die Ladezeit dieser Blog von 27 Sekunden über eine Dial-Up, auf etwa 6 Sekunden! I used his blog as a benchmark, because he is pretty much up there with the best in optimization. Ich habe seinen Blog als Maßstab, denn er ist ziemlich viel bis es mit den besten in der Optimierung.
I took his advice to heart, and experimented a little more. Ich habe seinen Rat zu Herzen, und experimentierte ein wenig mehr. More specifically, here are the steps (I will have a detailed How-to post later, so watch out!): Genauer gesagt, sind hier die Schritte (I wird eine ausführliche How-to post später, so watch out!):
- Deleted all unnecessary images, like the RSS feed icon and Technorati Fav button. Saved 4Kb. Entfällt alle unnötigen Bilder, wie der RSS-Feed-Symbol und Technorati FAV-Taste. Gespeicherte 4Kb.
If you cannot abandon your images, at least move them to the same server ( uploads, or images folder). Wenn Sie nicht im Stich lassen Sie Ihre Bilder, zumindest verschieben Sie sie auf dem gleichen Server (Upload-Dateien, Ordner oder Bilder). - Compressed the CSS using Komprimierte die Verwendung von CSS CleanCSS CleanCSS . Saved 3Kb. . Gespeicherte 3KB.
- Used PHP compression for CSS stylesheet, as Stammy(above) suggested. Saved 2Kb. Gebraucht PHP-Komprimierung für CSS-Stylesheets, wie Stammy (siehe oben) vorgeschlagen. Gespeicherte 2Kb.
- Removed the earlier header image, which was 500 x 200, and replaced it with a smaller 412 x 118px, with a white background. Entfernt die ältere Header Bild, das 500 x 200, und ersetzt sie mit einer kleineren 412 x 118px, mit einem weißen Hintergrund. White backround was very helpful. Saved 10Kb. White Hintergrund war sehr hilfreich. Gespeicherte 10Kb.
So, that cut down the size by 19Kb, without compromising much on quality. So, das reduziert die Größe von 19Kb, ohne viel über die Qualität. I am not (yet) aware of all the server-side optimisation, so no comments there. Ich bin (noch) nicht bekannt, alle Server-Side-Optimierung, so dass keine Kommentare vorhanden. Long story short, the optimisation bug is on me too Lange Rede kurzer Sinn: die Optimierung Fehler ist auf mich zu 
On a lighter note, I actually managed to beat Stammy's blog load times by a good margin. Auf einer leichteren Note, ich eigentlich zu schlagen Stammy Blog Ladezeiten durch eine gute Marge.
It is probably due to the sponsor images on his sidebar. Es liegt wahrscheinlich daran, dass die Bilder auf seinem Sponsor Seitenleiste. His blog is hosted on MediaTemple's (dv) server. Sein Blog wird auf die MediaTemple (DV)-Server. For reference, this blog is on a shared webhost (for now). Für Referenz, dieses Blog wird auf einer gemeinsamen webhost (bis jetzt).
Here are (56K speeds of ) some sites according to Hier sind (56 KB Geschwindigkeiten) einige Websites nach Web Page Analyzer Web Page Analyzer , as of August 19, 2007 , Wie von der 19. August 2007
(Note: These are time taken for loading, and not actual rendering in the browser): (Anmerkung: Es handelt sich um die Zeit für das Laden, und nicht tatsächliche Darstellung im Browser):
PaulStamatiou.com – PaulStamatiou.com -- 7.08 seconds 7,08 Sekunden
TechZilo (this blog) – TechZilo (dieses Blog) -- 4.33 seconds 4,33 Sekunden
TechCrunch – TechCrunch -- 204.97 seconds 204,97 Sekunden
Why did I show these load times? Warum habe ich diese Ladezeiten? Bragging rights? Prahlen? No. Nr.
Just to prove that even big sites like TechCrunch could do with a bit of optimization. Nur zu beweisen, dass auch große Sites wie TechCrunch könnte mit ein wenig der Optimierung. I am sure that Mike Arrington will have no problem in wasting extra bandwidth, losing some frustrated visitors or being Dugg. Ich bin sicher, dass Mike Arrington wird kein Problem haben, in zusätzliche Bandbreite verschwenden, verlieren einige Besucher frustriert oder Dugg. However, 204 seconds is way too much by any standards. Allerdings, 204 Sekunden ist viel zu viel in jeder Hinsicht.
So, make sure you optimize your blog the next time you decide to get your hands dirty in code Also, stellen Sie sicher, dass Ihnen bei der Optimierung Ihrer Blog das nächste Mal, wenn Sie beschließen, sich die Hände schmutzig im Code 
The Web Page Analyzer is based on several things such as the user's location and download speed (i think). Die Web-Page Analyzer basiert auf ein paar Dinge, wie Standort des Nutzers und die Download-Geschwindigkeit (glaube ich). 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. In dieser heißt es 1.55, 1,06, 16,14 für die drei Websites, die Sie erwähnt, in dieser Reihenfolge für mich und wird wahrscheinlich sagen, etwas anderes für jemand anderes.
@Paul: Thanks for dropping by. @ Paul: Vielen Dank für Drop durch. I forgot to add that all speeds were for dialup. Ich vergaß hinzuzufügen, dass alle Geschwindigkeiten wurden für die Einwahl. Hope that solves your problem. Hoffe, dass Ihr Problem löst.
thats the min disadvantage of self hosted blogs and thats where blogger wins! Das ist der Nachteil von min selbst gehosteten Blogs und Blogger, wo das ist, gewinnt!
I haven't faced any such problems, Ich habe nicht vor, die diese Probleme,
Most of surfers now have a broadband , and with i my blog hardly takes two seconds Die meisten Surfer haben jetzt einen Breitbandanschluss, und ich mit meinem Blog kaum zwei Sekunden dauert
Although some graphics take time but text is visible once u type in address. Obwohl einige Grafiken einige Zeit in Anspruch nehmen, sondern Text ist sichtbar, wenn in U-Form-Adresse.
n I hav got a cool report n I hav hat einen coolen Bericht
HTML: 19708 4.13 0.30 HTML: 19708 4,13 0,30
HTML Images: 196940 45.65 7.44 HTML-Bilder: 196940 45,65 7,44
CSS Images: 0 0.00 0.00 CSS Bilder: 0 0.00 0.00
Total Images: 196940 45.65 7.44 Total Bilder: 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 Multimedia: 0 0.00 0.00
Other: 0 0.00 Andere: 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? Tipp: Rote Farbe doesnâ € ™ t Spielen mit weißer Farbe, versuchen Sie etwas anderes und Doña € ™ t Sie denken, dass überlastet Textlink-Anzeigen Anzeige?
@Ashwini: Blogger sure wins, since Google's servers are among the fastest (though not the most reliable). @ Ashwini: Blogger sicher gewinnt, da die Google-Server gehören zu den am schnellsten (wenn auch nicht die zuverlässigste). But the lack of flexibility really is the problem. Aber der Mangel an Flexibilität ist wirklich das Problem. With advanced compression techniques, light-weight theme and reasonable server, WordPress can beat Blogger. Mit Advanced Kompressionstechniken, leichte Thema und zumutbar Server, WordPress Blogger schlagen können.
Especially since Blogger themes are notorious for tonnes of JavaScript (check the source code towards the end). Vor allem, da Blogger-Themen sind berüchtigt für Tonnen von JavaScript (den Quellcode gegen Ende). It isn't added by the us, but by Blogger automatically. Es ist nicht durch den uns, sondern von Blogger automatisch.
I am changing the colour scheme of the theme, one bit at a time. Ich bin die Änderung der Farbgebung des Themas, ein Bit auf einmal. I changed the header, footer and navbar. Ich habe die Kopf-und Fußzeile und navbar. Next up, content+sidebars. Weiter oben, Inhalt + Sidebars. OK? OK? As for ads, they're affiliate links, nofollowed and harmless in the sidebar. Da es für die Anzeigen, sie sind Affiliate-Links, nofollowed und harmlos in der Seitenleiste. Maybe I should reduce them to the most-rewarding ones only. Maybe Vielleicht sollte ich sie auf die Verringerung der am meisten belohnt werden nur. Vielleicht
There's also Es gibt auch http://tools.pingdom.com/fpt/ http://tools.pingdom.com/fpt/ which I think is much more accurate than Web Page Analyzer. Ich denke, das ist sehr viel genauer als Web Page Analyzer.
@Paul: I had tried it, but it was before the optimization craze ( which is thanks to you!) @ Paul: Ich habe es versucht, aber es war vor der Optimierung Schrei (das ist bei Ihnen!)
Let me check it now. Lassen Sie mich Check it now.
my blog gets 135 seconds, not exactly great. Mein Blog wird 135 Sekunden, nicht gerade groß. I guess I need to do some blog optimizing myself but at least I am faster then Techcrunch. Ich glaube, ich muss ein paar Blog-Optimierung mich, aber zumindest bin ich schneller als Techcrunch.
@Michael : TechCrunch is slow mostly because of graphics (sponsors on sidebar). @ Michael: TechCrunch ist langsam, vor allem wegen der Grafik (Sponsoren auf der Seitenleiste). Yours is slow because of the theme – it depends on background images too much. Ihr geht nur langsam voran, weil das Thema - es hängt davon ab, Hintergrund-Bilder zu viel. Don't do too much optimization – your theme might get bland (as mine is). Sie nicht zu viel Optimierung - Ihr Thema könnte man glatt (wie meins ist). Besides, it depends on the target audience – if they're high-tech, there's no problem, since they will have high-speed connection. Außerdem hängt es von der Zielgruppe - wenn sie High-Tech, es gibt kein Problem, denn sie müssen High-Speed-Verbindung.
Sumesh even when I wasn't paying attention to your advise still our blog loads at 4 secs (Paul Stamatiou suggestion). Sumesh, auch wenn ich nicht aufmerksam auf Ihre beraten noch unser Blog lädt bei 4 Sek. (Paul Stamatiou Vorschlag). Not that bad! Nicht so schlimm! Anyways, I still think we have some Optimization to do. Wie auch immer, ich denke, wir haben noch einige Optimierung zu tun.