Mortfiles.se är, för att vara varsam, ett hopplock av allt möjligt som skapats ”vid tillfälle”, vilket betyder att som respresentativ hemsida är det en ganska dålig konstruktion och jag funderar nu på att göra något åt det under 2010.

Att skapa en webbplats är mer än bara att slänga ihop en design, fulkoda ihop den, kasta in häftiga funktioner och lite innehåll. Mycket mer till och med. Tyvärr så har Mortfiles.se alltid hamnat sist efter kundprojekt, arbete och skolarbete, men nu funderar jag på om det kanske kan vara ett bra tillfälle att ta tag i problemet och göra om och göra bättre.

Bortsett från det faktum att en del sidor är i behov av uppdateringar och en del behöver göras om layoutmässigt så är det framförallt på optimeringssidan som jag vill lägga lite extra krut. Idag är koden långt ifrån optimal och jag tror inte det finns en enda sprite så långt ögat når. CSS filerna är hopknölade och det är javascript lite kors och tvärs. Visst det fungerar, men det kan bli så mycket bättre!

Tanken är att jag ska börja från indexsidan och jobba mig innåt eftersom det är indexsidan som dom flesta hamnar på först. Det jag har tänkt mig är att fokusera på 4 områden:

1. Grafik – All grafik ska läggas i Sprites och organiseras så att det blir så få grafiska element som möjligt utan att skapa för stora Sprites med onödigt innehåll för den aktuella sidan. All grafik ska självklar separeras från HTML koden och ligga i CSS filerna.
2. Javascript – Här kommer jag att dela upp Javascrip i två typer som kommer att hanteras olika:
   1. Lokala Javascript – Javascript som lagras lokalt kommer att lagras i en separat mapp och sedan kedjas ihop till ett anrop istället för att anropas ett och ett. Javascripten kommer att med PHP slås ihop till en fil och sedan Gzippas. Eftersom Javascript filen kan bli så stor så att effekten av att slå ihop filerna försvinner cachar jag filen för att undvika det problemet.
   2. Globala Javascript – Javascript som ligger globalt hos till exempel Google’s CDN kommer att hämtas just från globala CDN källor. Dels för att dela upp antalet queries på flera domäner och på så sätt förhindra att hämtningen av filer hamnar i vänteläge på grund av begränsningar i webläsarna och dels för att det finns en viss möjlighet att besökaren faktiskt redan har just den Javascript filen i sin cache, vilket snabbar upp laddningen.

1. CSS – Ska också lagras i en separat mapp och sedan kedjas ihop i ett anrop på samma sätt som Lokala Javascript ovan. Troligen ska jag köra någon form av CSS minimizer först som tar bort alla onödiga rader och whitespace och ha en komprimerad version och en utvecklingsversion som inte är minimerad.
2. Innehåll – Innehåll är kung så därför kommer jag att skriva om nästan all text och se över både textflöden/styrflöden och försöka mig på lite SEO och se hur det går. Idag är det för mycket text på rotsidorna och texten styr inte besökarna på ett önskvärt sätt för att optimera möjligheten till försäljning eller kontakt.

Jag räknar kallt med att kunna minska antalet queries med minst 80% och snabba upp sidorna med minst 50% genom att bara optimera sidorna, men med en mer genomarbetat designflöde kommer det troligen att gå betydligt snabbare än så. Med lite fokus på SEO och bättre laddningstider hoppas jag kunna klättra lite på sökmotorerna och göra besökarna lite gladare.

För att det ska bli lite kul för dig som kikar in här ibland så tänkte jag gå igenom en del sidor och gå igenom hur jag har tänkt, dels för att visa hur man kan göra, men även för att få kontruktiv kritik och tips på hur man kan ytterligare förbättra laddningstider, psykologiska effekter och SEO värden. Låter det som något du skulle vilja läsa om eller kanske deltaga i?

Related posts:

1. Fontsize kontroller
2. EmeraldAce.com och Mortfiles VX
3. Mortfiles VX tuffar på
4. Mortfiles NX byggt på Wordpress
5. Mortfiles labs – nattliga tankar