Subscribe to RSS feed Prenumerera på RSS-flöde or eller follow me Följ mig on Twitter? på Twitter?
Website optimization is an important process for every webmaster trying to reach “the top”. Webbplatsoptimeraren är en viktig process för varje webmaster försöker nå "toppen". It includes several parts, some of which may not be plausible for all. Den omfattar flera delar, av vilka vissa kan inte vara rimliga för alla. Optimisation refers to the cleaning of code markup, images and backend so that your site loads quickly, and causes less stress on your webserver. Optimering avser rengöring av kod markup, bilder och backend så att din sida laddas snabbt och orsakar mindre stress på din webbserver.
The Importance of Optimization Betydelsen av optimering
Website optimisation is important, because more optimized pages translate into lower load times. Webbsida optimering är viktigt, eftersom mer optimerade sidor översätta till lägre belastning gånger. In today's world, “everyone wants everything quickly”, so quick and responsive sites help you to retain your visitors more. I dagens världen, "alla vill ha allting snabbt, så snabbt och lyhört webbplatser hjälpa dig att behålla dina besökare mer. In other words, you can cut down or eliminate the number of frustrated surfers who ditch your blog because it doesnt load quickly. Med andra ord kan du minska eller eliminera antalet frustrerade surfare som diket din blogg eftersom den doesnt last snabbt. This is more relevant if your blog is targeted towards a non-tech-savvy audience, who are likely to have slower connections. Detta är mer relevant om din blogg är riktad mot ett icke-tekniskt kunniga publik, som sannolikt har långsammare anslutningar.
By optimization, you can save some bandwidth(although this is not why most people do it). Genom optimering kan du spara lite bandbredd (även om detta inte är varför de flesta människor gör det). 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. Även i tider av intensiv aktivitet, som att vara Dugg eller snubblat, optimering kan vara skillnaden mellan din blogg går offline på grund av stress, och din blogg stannar friska trots allt ~ 50k besök på en 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. Några av de enklaste optimeringstekniker inkluderar komprimering av koder när så är möjligt (t.ex. CSS), komprimering av bilder för mindre storlekar (använd Photoshop) och minska antalet http-förfrågningar och antalet objekt. 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. Det finns också allvarliga grejer, även anpassa din webbserver (som få kan göra), finjusterar dina skript att köra snabbare, minska antalet PHP funktioner i ditt tema etc.
My guiding light Min ledstjärna
Paul Stamatiou is an optimization-crazy college student, and has written several guides. Paul Stamatiou är en optimering-crazy college student, och har skrivit flera guider. I found Paul Stamatiou's guides, Jag hittade Paul Stamatiou's guider, How to Optimize your CSS Hur Optimera din CSS and och 5 ways to speed up your site 5 sätt att skynda på din webbplats amazing. fantastisk. 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! Efter att ha läst dem några gånger och genomföra några steg har jag kunnat skära ner belastningstid på den här bloggen från 27 sekunder på en dialup, cirka 6 sekunder! I used his blog as a benchmark, because he is pretty much up there with the best in optimization. Jag använde hans blogg som ett riktmärke, eftersom han är ganska mycket där uppe med de bästa i optimering.
I took his advice to heart, and experimented a little more. Jag tog hans råd till hjärtat, och experimenterat lite mer. More specifically, here are the steps (I will have a detailed How-to post later, so watch out!): Mer specifikt här är stegen (jag kommer att få en detaljerad Hur-gör inlägg senare, så se upp!):
- Deleted all unnecessary images, like the RSS feed icon and Technorati Fav button. Saved 4Kb. Bort alla onödiga bilder, i likhet med RSS ikonen och Technorati Fav knappen. Sparade 4Kb.
If you cannot abandon your images, at least move them to the same server ( uploads, or images folder). Om du inte kan lägga ned dina bilder, åtminstone flytta dem till samma server (inlagda eller bilder mappen). - Compressed the CSS using Komprimerade landstödstrategin hjälp CleanCSS CleanCSS . Saved 3Kb. . Sparade 3KB.
- Used PHP compression for CSS stylesheet, as Stammy(above) suggested. Saved 2Kb. Används PHP komprimering för CSS stylesheet, som Stammy (ovan) föreslås. Sparade 2KB.
- Removed the earlier header image, which was 500 x 200, and replaced it with a smaller 412 x 118px, with a white background. Tog bort den tidigare header image, som var 500 x 200, och ersatt det med ett mindre 412 x 118px, med en vit bakgrund. White backround was very helpful. Saved 10Kb. Vit bakgrund var mycket hjälpsam. Sparade 10kb.
So, that cut down the size by 19Kb, without compromising much on quality. Så att minska storleken av 19kb, utan att mycket på kvalitet. I am not (yet) aware of all the server-side optimisation, so no comments there. Jag är (ännu) inte känner till alla server-side-optimering, så inga kommentarer där. Long story short, the optimisation bug is on me too Lång historia kort, optimering fel på mig 
On a lighter note, I actually managed to beat Stammy's blog load times by a good margin. På en läktare noteringen jag faktiskt lyckats slå Stammy blogg laddningstider med god marginal.
It is probably due to the sponsor images on his sidebar. Det beror förmodligen på sponsorn bilder på hans sidofältet. His blog is hosted on MediaTemple's (dv) server. Hans blogg finns på MediaTemple s (DV) server. For reference, this blog is on a shared webhost (for now). För referens, den här bloggen är på en delad webbhotell (för tillfället).
Here are (56K speeds of ) some sites according to Här är (56K hastigheter) vissa områden enligt Web Page Analyzer Web Page Analyzer , as of August 19, 2007 , Per 19 augusti 2007
(Note: These are time taken for loading, and not actual rendering in the browser): (Observera: Detta är tiden för lastning och inte själva gör i webbläsaren):
PaulStamatiou.com – PaulStamatiou.com -- 7.08 seconds 7.08 sekunder
TechZilo (this blog) – TechZilo (denna blogg) -- 4.33 seconds 4,33 sekunder
TechCrunch – TechCrunch -- 204.97 seconds 204,97 sekunder
Why did I show these load times? Varför har jag visa dessa laddningstider? Bragging rights? SKRÄVEL rättigheter? No. Nej
Just to prove that even big sites like TechCrunch could do with a bit of optimization. Bara för att visa att även stora webbplatser som TechCrunch kunde göra med lite optimering. I am sure that Mike Arrington will have no problem in wasting extra bandwidth, losing some frustrated visitors or being Dugg. Jag är säker på att Mike Arrington kommer inte att ha några problem i att slösa extra bandbredd, förlora några frustrerade besökare eller Dugg. However, 204 seconds is way too much by any standards. Men 204 sekunder är alldeles för mycket med alla mått mätt.
So, make sure you optimize your blog the next time you decide to get your hands dirty in code Så, se till att du optimerar din blogg nästa gång du bestämmer dig för att få händerna smutsiga i koden 
Related reading Relaterad läsning
- TextSnip: free online code bin TextSnip: gratis online-nummer bin
- Site Update : Asides and Footnotes Uppdatering: markuttag och Footnotes
- BitDig: Digg-like site for torrents BitDig: Digg-liknande sajt för torrents
- Remove PirateBay BitTorrent site account Ta PirateBay BitTorrent site konto
The Web Page Analyzer is based on several things such as the user's location and download speed (i think). Webbsidan Analyzer är baserad på flera saker som var användaren befinner sig och nedladdningshastighet (tror jag). 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. Som sådan står det 1.55, 1.06, 16.14 för de tre webbplatser som du nämnde, i den ordningen för mig och kommer troligen att säga något annorlunda för någon annan.
@Paul: Thanks for dropping by. @ Paul: Tack för att släppa förbi. I forgot to add that all speeds were for dialup. Jag glömde att tillägga att alla hastigheter var för dialup. Hope that solves your problem. Hoppas det löser ditt problem.
thats the min disadvantage of self hosted blogs and thats where blogger wins! thats av min missgynnar egenföretagare värd bloggar och thats där bloggare vinner!
I haven't faced any such problems, Jag har inte haft några sådana problem,
Most of surfers now have a broadband , and with i my blog hardly takes two seconds De flesta surfare har nu ett bredband och med i min blogg knappast tar två sekunder
Although some graphics take time but text is visible once u type in address. Även om vissa bilder tar tid, men texten är synlig en gång och skriver in adressen.
n I hav got a cool report n Jag har fått ett svalt rapport
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 Totalt Bilder: 196940 45,65 7,44
Javascript: 84241 18.39 2.05 Javascript: 84.241 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 Andra: 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? Tips: Röd färg doesnâ € ™ t matcher med vit färg, prova något annat och donâ € ™ t du tror överbelastad textlänkannonser annons?
@Ashwini: Blogger sure wins, since Google's servers are among the fastest (though not the most reliable). @ Ashwini: Blogger säker vinner, eftersom Googles servrar är bland de snabbaste (men inte den mest tillförlitliga). But the lack of flexibility really is the problem. Men den bristande flexibiliteten egentligen är problemet. With advanced compression techniques, light-weight theme and reasonable server, WordPress can beat Blogger. Med avancerad komprimering tekniker, lätta tema och rimliga server WordPress kan slå Blogger.
Especially since Blogger themes are notorious for tonnes of JavaScript (check the source code towards the end). Speciellt eftersom Blogger teman är ökända för ton JavaScript (kontrollera källkoden mot slutet). It isn't added by the us, but by Blogger automatically. Det är inte läggas till av oss, men av Blogger automatiskt.
I am changing the colour scheme of the theme, one bit at a time. Jag ändrar färgschema i tema, en bit i taget. I changed the header, footer and navbar. Jag ändrade i sidhuvud, sidfot och navbar. Next up, content+sidebars. Nästa upp, innehåll + sidomenyer. OK? OK? As for ads, they're affiliate links, nofollowed and harmless in the sidebar. När det gäller annonser, de är affiliate länkar, nofollowed och ofarliga i sidofältet. Maybe I should reduce them to the most-rewarding ones only. Maybe Jag kanske skulle reducera dem till de mest givande dem bara. Kanske
There's also Det finns också http://tools.pingdom.com/fpt/ http://tools.pingdom.com/fpt/ which I think is much more accurate than Web Page Analyzer. vilket jag tycker är mycket mer exakt än webbsida Analyzer.
@Paul: I had tried it, but it was before the optimization craze ( which is thanks to you!) @ Paul: Jag hade provat det, men det var innan optimeringen mani (som tack vare dig!)
Let me check it now. Låt mig kolla upp det nu.
my blog gets 135 seconds, not exactly great. min blogg blir 135 sekunder, inte precis bra. I guess I need to do some blog optimizing myself but at least I am faster then Techcrunch. Jag antar att jag behöver göra några blogg optimera själv men åtminstone jag snabbare sedan Techcrunch.
@Michael : TechCrunch is slow mostly because of graphics (sponsors on sidebar). @ Michael: TechCrunch är långsam främst på grund av grafik (sponsorer på sidofältet). Yours is slow because of the theme – it depends on background images too much. Yours är långsam på grund av temat - det beror på bakgrundsbilder för mycket. Don't do too much optimization – your theme might get bland (as mine is). Försök inte göra för mycket optimering - ditt tema kan få intetsägande (som min är). Besides, it depends on the target audience – if they're high-tech, there's no problem, since they will have high-speed connection. Förresten, det beror på målgruppen - om de är high-tech, det är inga problem, eftersom de kommer att ha snabbförbindelse.
Sumesh even when I wasn't paying attention to your advise still our blog loads at 4 secs (Paul Stamatiou suggestion). Sumesh även när jag inte var uppmärksam på ditt råd fortfarande vår blogg laster på 4 sek (Paul Stamatiou förslag.) Not that bad! Inte så illa! Anyways, I still think we have some Optimization to do. Hur som helst, jag tror fortfarande att vi har några optimering att göra.