Subscribe to RSS feed Abonneren op RSS-feed or of follow me volg mij on Twitter? op Twitter?
Website optimization is an important process for every webmaster trying to reach “the top”. Website optimalisatie is een belangrijk proces voor iedere webmaster proberen te bereiken "de top". It includes several parts, some of which may not be plausible for all. Het bevat verschillende onderdelen, waarvan sommige niet aannemelijk voor iedereen. Optimisation refers to the cleaning of code markup, images and backend so that your site loads quickly, and causes less stress on your webserver. Optimalisering heeft betrekking op het schoonmaken van de code opmaak, afbeeldingen en backend, zodat uw site laadt snel en veroorzaakt minder stress op uw webserver.
The Importance of Optimization Het belang van optimalisatie
Website optimisation is important, because more optimized pages translate into lower load times. Website optimalisatie is belangrijk, omdat meer geoptimaliseerde pagina's te vertalen in lagere belasting tijden. In today's world, “everyone wants everything quickly”, so quick and responsive sites help you to retain your visitors more. In de wereld van vandaag, "iedereen wil alles snel", zo snel en responsief sites helpen u om uw bezoekers meer. In other words, you can cut down or eliminate the number of frustrated surfers who ditch your blog because it doesnt load quickly. Met andere woorden, u kunt knippen of elimineren van het aantal gefrustreerde surfers die greppel uw blog, omdat het doesnt laden snel. This is more relevant if your blog is targeted towards a non-tech-savvy audience, who are likely to have slower connections. Dit is meer van belang als uw blog is gericht op een niet-tech-savvy publiek, die zijn waarschijnlijk langzamer verbindingen.
By optimization, you can save some bandwidth(although this is not why most people do it). Door optimalisatie, kunt u bepaalde bandbreedte (hoewel dit niet de reden waarom de meeste mensen doen). 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. Ook in tijden van intensieve activiteit, zoals het Dugg of struikelde, optimalisatie kan het verschil tussen uw blog offline gaan als gevolg van stress, en uw blog blijf gezond zelfs terwijl ze ~ 50k bezoeken in een dag.
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. Sommige van de eenvoudigste optimalisatie technieken omvatten compressie van codes waar mogelijk (zoals CSS), compressie van de beelden voor lagere maten (gebruik Photoshop), en het verminderen van het aantal HTTP-verzoeken en het aantal objecten. 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. Er zijn ook hardcore spullen, waaronder tweaken uw webserver (die weinig kunnen doen), tweaken uw scripts uit te voeren sneller, vermindering van het aantal PHP functies in uw thema, enz.
My guiding light Mijn leidraad licht
Paul Stamatiou is an optimization-crazy college student, and has written several guides. Paul Stamatiou is een optimalisatie-gek college student, en heeft verschillende gidsen. I found Paul Stamatiou's guides, Ik vond Paul Stamatiou's gidsen, How to Optimize your CSS Hoe Optimaliseer uw CSS and en 5 ways to speed up your site 5 manieren om de snelheid van uw site amazing. verbazend. 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! Na het lezen van hen een paar keer en de uitvoering van een paar stappen, was ik in staat om de laadtijd van deze blog van 27 seconden op een inbelverbinding, tot ongeveer 6 seconden! I used his blog as a benchmark, because he is pretty much up there with the best in optimization. Ik gebruikte zijn blog als een benchmark, want hij is behoorlijk veel daar met de beste prestaties in optimalisatie.
I took his advice to heart, and experimented a little more. Ik nam zijn advies ter harte, en experimenteerde een beetje meer. More specifically, here are the steps (I will have a detailed How-to post later, so watch out!): Meer in het bijzonder, hier zijn de stappen (ik zal een gedetailleerde How-to post later, dus kijk uit!):
- Deleted all unnecessary images, like the RSS feed icon and Technorati Fav button. Saved 4Kb. Verwijderd alle overbodige beelden, zoals de RSS feed pictogram en Technorati Fav knop. Opgeslagen 4Kb.
If you cannot abandon your images, at least move them to the same server ( uploads, or images folder). Als je niet kan afzien van uw afbeeldingen, althans verplaats ze naar dezelfde server (upload of afbeeldingen map). - Compressed the CSS using Gecomprimeerd met behulp van de CSS CleanCSS CleanCSS . Saved 3Kb. . Opgeslagen 3Kb.
- Used PHP compression for CSS stylesheet, as Stammy(above) suggested. Saved 2Kb. PHP gebruikt compressie voor CSS-stylesheet, zoals Stammy (boven) gesuggereerd. Opgeslagen 2KB.
- Removed the earlier header image, which was 500 x 200, and replaced it with a smaller 412 x 118px, with a white background. Verwijderd van de eerdere header image, die is 500 x 200, en te vervangen door een kleinere 412 x 118px, met een witte achtergrond. White backround was very helpful. Saved 10Kb. Witte achtergrond was zeer behulpzaam. Opgeslagen 10kb.
So, that cut down the size by 19Kb, without compromising much on quality. Dus, dat kappen de grootte van 19KB, zonder veel over de kwaliteit. I am not (yet) aware of all the server-side optimisation, so no comments there. Ik ben (nog) niet bewust zijn van alle server-side optimaliseren, zodat er geen opmerkingen. Long story short, the optimisation bug is on me too Lang verhaal kort, de optimalisering bug is voor mij ook 
On a lighter note, I actually managed to beat Stammy's blog load times by a good margin. Op een lichtere noot, ik eigenlijk weten te verslaan Stammy's blog laden keer door een goede marge.
It is probably due to the sponsor images on his sidebar. Het is waarschijnlijk te wijten aan de sponsor afbeeldingen op zijn zijbalk. His blog is hosted on MediaTemple's (dv) server. Zijn blog wordt gehost op MediaTemple's (DV)-server. For reference, this blog is on a shared webhost (for now). Ter referentie, deze blog is op een gedeelde webhost (for now).
Here are (56K speeds of ) some sites according to Hier zijn (56K snelheden van) sommige sites volgens Web Page Analyzer Web Page Analyzer , as of August 19, 2007 , Met ingang van 19 augustus 2007
(Note: These are time taken for loading, and not actual rendering in the browser): (Noot: Dit zijn tijd genomen voor het laden, en niet de werkelijke weergave in de browser):
PaulStamatiou.com – PaulStamatiou.com -- 7.08 seconds 7,08 seconde
TechZilo (this blog) – TechZilo (dit blog) -- 4.33 seconds 4,33 seconde
TechCrunch – Techcrunch -- 204.97 seconds 204,97 seconde
Why did I show these load times? Waarom heb ik deze keer laden? Bragging rights? Opscheppen? No. Aantal
Just to prove that even big sites like TechCrunch could do with a bit of optimization. Gewoon om te bewijzen dat zelfs grote sites als Techcrunch zou kunnen doen met een beetje optimalisatie. I am sure that Mike Arrington will have no problem in wasting extra bandwidth, losing some frustrated visitors or being Dugg. Ik weet zeker dat Mike Arrington zal geen probleem in het verspillen van extra bandbreedte, verliezen enkele gefrustreerde bezoekers of Dugg. However, 204 seconds is way too much by any standards. Echter, 204 seconden is veel te veel door alle normen.
So, make sure you optimize your blog the next time you decide to get your hands dirty in code Dus zorg ervoor dat u het optimaliseren van uw blog de volgende keer dat u besluit om uw handen vuil in code 
Related reading Betrokken lezing
- TextSnip: free online code bin TextSnip: gratis online code bin
- Site Update : Asides and Footnotes Site update: productie nemen van bouwland en de voetnoten
- BitDig: Digg-like site for torrents BitDig: Digg-achtige site voor torrents
- Remove PirateBay BitTorrent site account Verwijder PirateBay BitTorrent-site met
The Web Page Analyzer is based on several things such as the user's location and download speed (i think). Het Web Page Analyzer is gebaseerd op een aantal zaken zoals de locatie van de gebruiker en download snelheid (denk ik). 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. Als zodanig staat 1,55, 1,06, 16,14 voor de drie sites die u vermeld, in deze volgorde, voor mij en zal waarschijnlijk iets anders voor iemand anders.
@Paul: Thanks for dropping by. @ Paul: Thanks for dropping by. I forgot to add that all speeds were for dialup. Ik ben vergeten toe te voegen dat alle snelheden waren voor inbellers. Hope that solves your problem. Hoop dat lost uw probleem.
thats the min disadvantage of self hosted blogs and thats where blogger wins! thats de min nadeel van zelf gehoste blogs en thats waar blogger wint!
I haven't faced any such problems, Ik heb niet geconfronteerd dergelijke problemen,
Most of surfers now have a broadband , and with i my blog hardly takes two seconds De meeste surfers hebben nu een breedband, en met i mijn blog duurt nauwelijks twee seconden
Although some graphics take time but text is visible once u type in address. Hoewel sommige afbeeldingen enige tijd duren, maar tekst is zichtbaar zodra u typt adres.
n I hav got a cool report n I hav got a cool verslag
HTML: 19708 4.13 0.30 HTML: 19708 4,13 0,30
HTML Images: 196940 45.65 7.44 HTML Afbeeldingen: 196940 45,65 7,44
CSS Images: 0 0.00 0.00 CSS Afbeeldingen: 0 0,00 0,00
Total Images: 196940 45.65 7.44 Totale Afbeeldingen: 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? Tip: Rode kleur doesnâ € ™ t wedstrijden met witte kleur, probeer iets anders en dona € ™ t you think overbelast tekstlinkadvertenties advertentie?
@Ashwini: Blogger sure wins, since Google's servers are among the fastest (though not the most reliable). @ Ashwini: Blogger zeker wint, omdat de servers van Google zijn een van de snelste (maar niet de meest betrouwbare). But the lack of flexibility really is the problem. Maar het gebrek aan flexibiliteit is echt het probleem. With advanced compression techniques, light-weight theme and reasonable server, WordPress can beat Blogger. Met geavanceerde technieken voor het comprimeren, licht-gewicht thema en redelijke server, WordPress kan verslaan Blogger.
Especially since Blogger themes are notorious for tonnes of JavaScript (check the source code towards the end). Vooral omdat Blogger-thema's zijn berucht om ton JavaScript (bekijk de broncode aan het einde). It isn't added by the us, but by Blogger automatically. Het is niet toegevoegd door de ons, maar door Blogger automatisch.
I am changing the colour scheme of the theme, one bit at a time. Ik ben het veranderen van de kleurstelling van het thema, een beetje op een moment. I changed the header, footer and navbar. Ik veranderde de kop-of voettekst en navbar. Next up, content+sidebars. Next up, de inhoud + sidebars. OK? OK? As for ads, they're affiliate links, nofollowed and harmless in the sidebar. Als voor advertenties, zijn ze affiliate links, nofollowed en onschadelijk in de zijbalk. Maybe I should reduce them to the most-rewarding ones only. Maybe Misschien moet ik terug te brengen tot het meest lonend zijn alleen. Misschien
There's also Er is ook http://tools.pingdom.com/fpt/ http://tools.pingdom.com/fpt/ which I think is much more accurate than Web Page Analyzer. waarvan ik denk dat is veel nauwkeuriger dan Web Page Analyzer.
@Paul: I had tried it, but it was before the optimization craze ( which is thanks to you!) @ Paul: ik had geprobeerd, maar het was voor de optimalisatie rage (die is te danken aan u!)
Let me check it now. Ik controleer nu.
my blog gets 135 seconds, not exactly great. mijn blog krijgt 135 seconden, niet echt geweldig. I guess I need to do some blog optimizing myself but at least I am faster then Techcrunch. Ik denk dat ik moet doen sommige blog optimaliseren van mezelf, maar in ieder geval ben ik sneller dan Techcrunch.
@Michael : TechCrunch is slow mostly because of graphics (sponsors on sidebar). @ Michael: Techcrunch is traag meestal vanwege graphics (sponsors op zijbalk). Yours is slow because of the theme – it depends on background images too much. Yours is traag omwille van het thema - het hangt ervan af achtergrondafbeeldingen te veel. Don't do too much optimization – your theme might get bland (as mine is). Doe dat niet te veel optimalisatie - uw thema kunnen krijgen neutrale (zoals de mijne is). Besides, it depends on the target audience – if they're high-tech, there's no problem, since they will have high-speed connection. Trouwens, het hangt af van de doelgroep - als ze zijn high-tech, er is geen probleem, want zij hebben een hoge snelheid.
Sumesh even when I wasn't paying attention to your advise still our blog loads at 4 secs (Paul Stamatiou suggestion). Sumesh zelfs toen was ik niet aandacht te besteden aan uw advies nog steeds onze blog laadt op 4 secs (Paul Stamatiou suggestie). Not that bad! Niet slecht! Anyways, I still think we have some Optimization to do. Anyways, ik denk dat we nog een aantal optimalisatie te doen.