Michael-Ostergaard.dk, Tips og Tricks, Webudvikling, Wordpress

Mine erfaringer efter første måned med WordPress

Som sådan er der ikke gået en måned med WordPress – i hvertfald ikke for de besøgende. Alligevel har jeg selv rodet under motorhjelmen i min installation af WordPress i omkring en måneds tid.

På denne måned har jeg draget mig et utal af erfaringer i håndteringen af WordPress. Ganske vidst elsker jeg WordPress, men selvom mange plugins er super nemme at installere, kræver det et stort stykke arbejde at optimere de forskellige plugins. Denne optimering kræver alligevel en vis form for teknisk snilde – så er man uerfaren – så bør man holde sig til så få plugins som muligt for ikke at skabe alt for lange loadtider. Eller i det mindste de plugins, der ikke kræver store mængder af javascript og/eller CSS

Men lad mig gennemgå de forskellige oplevelser, forbedring og erfaringer mv.

Skift fra Mootools til jQuery

Fra start var det mit mål at anvende den funktionalitet, som Mootools kan tilbyde. Mootools har sine mange fordele, da jeg bl.a. kunne udvide min tekniske kunnen, men også fordi, at vi på min arbejdsplads leverer løsninger i Joomla, der som standard bruger Mootools. Landet var skønt og jeg opnåede også nogenlunde de ting, som jeg gerne ville med Mootools.

Desværre opdagede jeg langt henne i forløbet, at WordPress og de mange plugins som udgangspunkt sværger til jQuery. Det hjælper ikke på loadtiderne, at man pludselig har to store biblioteker. Jeg måtte herfor sande, at et skift fra Mootools til jQuery var nødvendigt, hvis jeg ville opnå den mest optimale situation. Skiftet har bl.a. betydet, at jeg indtil videre har droppet Accordion på siderne omkring mig selv.

Skiftet har dog også betydet, at jeg har fået min sidebar til at fungere efter hensigten – nemlig muligheden for at huske status på de forskellige elementer. Ganske enkelt, så bliver en cookie gemt, der husker om status er “collapsed” eller “expanded”. En idé jeg har tyvstjålet fra Martin Nielsen – nu kommer han forhåbentlig ikke efter mig med bål og brand Heldigvis har jeg rigelig med øl (inkl. Hvid X-Mas) på køl, hvis det skulle blive nødvendigt

Når alt det er sagt, så ærger jeg mig selvfølgelig over, at jeg ikke nåede så langt ud i en verden med Mootools, men måtte forblive i en verden præget af jQuery. Desværre er jeg ikke nogen stærk programmør, så det at omskrive diverse biblioteker fra jQuery til Mootools ville ganske enkelt være mig en umulig opgave.

Oprydning i / optimering af plugins

Mange plugins tilføjer sit eget style og sit eget javascript for at fungere efter hensigten. Alt dette kan skabe ekstra lange loadtider, hvilket ikke er hensigtsmæssigt, hvis du spørger mig.

I starten havde jeg regnet med en større manuel gennemgang af de mange plugins, som min blog nu engang har fået installeret. Heldigvis har jeg sluppet for et par småjustering i enkelte plugins, hvorefter jeg har kunne benytter mig af et fantastisk plugin ved navn W3 Total Cache (W3TC). Hermed har det været muligt at kombinere mine stylesheets og en række JS-filer til hver sin fil, der giver færre kald og bedre loadtider. Samtidig er disse filer bliver komprimimeret for endnu bedre loadtider. Kildekoden har også fået sig en lille tur, som du kan se, hvis du kigger efter

Takket være en god gennemgang af dette plugin fra Claus Heinrich, så synes jeg at have opnået et ganske acceptabelt resultat. Ud over en tur med dette plugin har jeg prøvet at samle mine grafikfiler i så få filer som muligt – også kalder CSS Sprites på fagsprog. Benyttelsen af CSS Sprites er også med til at nedsætte antallet af kald, man laver til serveren – og hermed opnå bedre loadtider. Man skal huske på, at små forbedringer her og der, giver et godt resultat – samlet set. Det nytter ikke noget at tænke, at 1kb fra eller til ikke gør noget.

Iøvrigt er her en ganske fornuftig artikel fra Smashing Magazine omkring optimering

Og skulle du være en af dem, der ikke lige benytter dig af WordPress eller et andet system, der har de nødvendige plugins, så har Martin Nielsen skrevet et blogindlæg omkring Minify, Gzip, optimering mv.

En lang række små forbedringer her og der

Ud over optimering af bloggen, har jeg også arbejdet på forbedring i funktionalitet og design. Personligt er jeg altid meget kritisk, og bliver sjældent 100% tilfreds. Det har betydet, at jeg konstant finder små ting, jeg kan tilføje en lille liste. Nedenfor har jeg listet en række af de små og større forbedringer, jeg har lavet siden relanceringen af min blog 1. januar 2010.

• Link i bunden af højre side med teksten “til toppen”
• Smooth Scroll – På alle links, der peger til et andet sted på siden
• Aktivt menupunkt i footeren
• Korrigering af menupunkterne både i header og footer, så de rigtig forbliver aktive på de rigtige tidspunkter
• Sidebaren husker status på elementerne (foldet ud eller lukket) vha. cookies
• Validering ved afgivelse af en kommentar
• Brugerdata huskes ved afgivelse af en kommentar
• Mulighed for at tilføje og stemme på blogindlæg via aNyhed
• Mulighed for at dele blogindæg på bl.a. Facebook eller Twitter mf.
• Knap lige efter blogindlæg, der videresender dig til muligheden for at aflægge en kommentar
• Tydeligt link til mine RSS-feeds i sidebaren
• Styling af trackbacks
• Bugs i IE6

Hvad byder fremtiden af ændring og/eller forbedringer?

Selvom min liste ovenfor er rimelig lang, så har jeg stadig en række punkter på min lille private liste. Nedenfor kan du se nogle ting, som jeg ønsker at kigge på.

• 404-side, gerne med et sjovt lille touch, og en nem måde for brugeren at komme videre på
• Mulighed for at lave en søgning på bloggen
• Twitter
• Seneste kommentarer i sidebar med fold ud – i samme stil med sidenbaren inkl. cookies
• Fold ud på “links i indlægget” og “relateret blogindlæg” – i samme stil med sidebaren inkl. cookies
• Ændre “Prøv også…” til “Læser også…” – Skal vise første indlæg på de blogs, jeg følger.
• CSS Sprites på mine referencer
• Mere indhold på siderne omkring mig selv
• Fold ud / fold sammen på siderne omkring mig selv – i samme stil med sidebaren ekskl. cookies
• Tagcload med fold ud / fold sammen – i samme stil med sidenbaren inkl. cookies
• Og sidst men ikke mindst, spændende blogindlæg

Konklusion

Selvom arbejdet har været stort og yderst tidskrævende, så sidder jeg stadigvæk tilbage med et super positivt indtryk af WordPress. Jeg er ikke mindre end yderst imponeret over, hvor nemt det faktisk er. Selvfølgelig har jeg nogle forcer, der gør det hele endnu nemmere end for så mange andre, men ikke desto mindre er jeg ovenud tilfreds.

Man kunne også spørge sig selv, om jeg overhovedet kunne have valgt nogen anden platform end WordPress? De andre systemer jeg er bekendt med, er ikke så fleksible og simple som WordPress – og slet ikke, hvis man gerne vil sætte sit eget præg på bloggen.

Når det er sagt, så kunne jeg godt tænke mig at høre, hvad i synes om de forbedringer jeg har tilføjet? Måske i synes nogle af dem er overflødige? Måske i har forslag til øvrige forbedringer? Måske i er stødt på nogle uheldigheder? Sig frem – jeg er lutter ører

Jeg vil afgive en kommentar, nu!

Efterlad en kommentar

Navn: (Påkrævet)

E-mail: ((Påkrævet), men vil ikke blive publiceret)

Hjemmeside: (Valgfri)

Twitterprofil (eks: macimuz): (Valgfri og kun nødvendig 1 gang)

Din kommentar: (Påkrævet)

Vis link til dit seneste blogindlæg (Ved afkrydsning afvent få sekunder)

Giv mig besked pr. e-mail om nye kommentarer til dette blogindlæg