Tjoho! Jag är sedan ett par timmar tillbaka ”Microsoft Certified Technology Specialist: .NET Framework 2.0 Windows Applications”. Det går framåt!

Det finns ruskigt mycket man kan göra för att förbättra prestanda och skalbarhet i en webbsajt/webbapplikation. De senaste dagarna har jag på jobbet suttit och tittat på hur vi kan få front-end-delen av en av våra webbapplikationer att ”gå snabbare” – med avseende på ”upplevd prestanda”, ungefär.

Idag hittade jag en utmärkt ”checklista” som utvecklare på Yahoo har tagit fram just i syfte att optimera front-end hos webbsajter. De kallar den ”Best Practices for Speeding Up Your Web Site” och jag rekommenderar den som läsning för alla som sysslar med webbutveckling på någon som helst seriös nivå.

Sedan länge använder jag Firefox-tillägget Firebug som ett verktyg när jag kodar webb. Lämpligt nog finns det ett plugin till Firebug som utvärderar godtycklig webbsida mot just de 14 riktlinjer som tas upp i nämnd artikel och föreslår vad man kan göra för att förbättra sin prestanda. Grymt bra! Pluginet heter YSlow.

De tips som jag tog till mig och implementerade i vår applikation var framför allt:

• Aktivera HTTP Compression i IIS (på serversidan alltså). Detta innebär att när en klient requestar en fil kommer servern komprimera den med GZIP eller deflate före överföringen om klienten stöder det. Detta minskar förstås storleken på det som verkligen skickas med väldigt mycket och kräver bara en gnutta extra CPU-tid på server (och klient). Instruktioner för hur det går till finns exempelvis här.
• Förbättra cachningsmöjligheterna genom att sätta en Expires-tidpunkt som ligger långt fram i tiden (typ ett år framåt) för statiskt innehåll (bilder, Javascript, CSS-filer).
• Minskat antalet HTTP-requests genom att lägga ihop bakgrundsbilder från knappar och liknande till en och samma bildfil och sedan använda CSS-propertyn background-position för att välja ut rätt område bilden. Principen är ingen nyhet, men den är praktisk. Den beskrivs i detta blogginlägg.

Resultatet? Storleken för överförda filer minskade typiskt med 40-45% då besökaren har tom cache och med 65-70% då cachen innehåller så många av sidans komponenter som möjligt. Rätt grymma grejer om man vill minska trafiken och öka den upplevda hastigheten faktiskt.

Jag jobbar mycket med att-göra-listor, både i mitt arbete och privat. På jobbet handlar det om att jag bryter ner de uppgifter jag har ansvar för i mindre delar, rangordnar dem och betar av dem en efter en (viktigast först). Hemma brukar jag skriva ner allt möjligt som jag vill hinna få gjort under en dag eller helg och sedan kryssa för aktiviteterna allt eftersom jag gör dem – det kan handla om allt från att fixa en matlåda till att skriva ett blogginlägg eller dammsuga trappan.

Personligen gillar jag verkligen denna typ av tidshantering – jag ser till att inte glömma något viktigt och får oftast det viktigaste gjort först. Och det kanske bästa av allt är att jag i slutet av dagen eller veckan har en fin lista över alla saker jag fått gjorda, vilket känns bra att titta på. På jobbet hjälper ”färdig-listan” mig att fylla i veckans statusrapport.

Jag brukar för det mesta använda Outlooks ”Tasks”-funktion när jag är på jobbet, och den är helt okej om än inte så kraftfull. Hemma kör jag med penna och papper, vilket funkar mycket bra för det mesta. Men ibland när jag sitter på jobbet kommer jag på saker jag ska göra hemma, och då är det mer oklart hur jag ska komma ihåg det. Ofta skriver jag en anteckning på mobiltelefonen eller använder en mycket simpel att-göra-lista på min iGoogle-sida, men det känns som att det finns ett glapp här. Och detta är förstås bakgrunden till ett hobbyprojekt jag just kom på: Jag vill göra världens bästa webbaserade att-göra-lista. Hur svårt kan det vara?

Några krav på den första versionen:

• Applikationen ska vara överskådlig.
• Det ska vara möjligt att se både kommande och genomförda aktiviteter.
• Det ska gå att tilldela en prioritet till varje uppgift.
• Alla listor ska vara utskriftsvänliga.
• Applikationen ska vara enkel att komma igång med.
• Uppgifter ska gå att bryta ned i mindre deluppgifter rekursivt.
• Man ska kunna skapa flera oberoende listor och ge varje lista en titel.

Synpunkter och förslag?

Wohoo! För ett par timmar sedan klev jag glad ut på trottoaren efter att ha klarat Microsoftprovet 70-528, som tillsammans med det tidigare genomförda 70-536 ger mig en certifiering av klassen ”Technology Specialist” inom webbaserad klientutveckling i .NET Framework 2.0 (fullständigt, fett namn: Microsoft Certified Technology Specialist: .NET Framework 2.0 Web Applications). Det är allt en början, va?

Hela bakgrunden till det här är, som jag säkert tidigare nämnt, att min arbetsgivare (Avanade) kräver att alla nyanställda under en viss nivå på företaget ska ta certifieringen MCPD: Enterprise Applications Developer inom två år från anställning. De prov jag tagit är två av totalt fem som jag måste beta av. Och för att plåga mig själv lite extra har jag satt upp ett personligt (och dessvärre dokumenterat) mål att klara av hela karusellen innan sommaren i år.

Kul vår, Anders!

Okej jag lyckades få till en capture med Fraps (det var inte så svårt) så jag lägger ut den här så att man kan se hur kort jag kommit med Bananas-spelet. I sekvensen ser man ”apan” (som just nu är en blå blobb med ögon, typ) hänga i sina två händer (de två cirklarna). Man kan också se att apan påverkas av krafter från sina osynliga fjädrande armar, så att den rör sig när händerna flyttar på sig och så vidare.