Jeg spurgte for noget tid siden, om hvilket CMS jeg skulle fokusere på. Ikke særlig overraskende faldt valget på WordPress, så jeg har i den senere tid brugt på at sætte mig ind i WordPress. For at se hvor i wordpress der er et hastigheds problem. Det første jeg gjorde, var at bygge min egen blog (Doehl’s Blog) op i WordPress. Før fungerede blog’en i et CMS som jeg selv har designet og bygget (Der satte fokus på hastighed). Her var der en load tid på mellem 0.40 – 0.65 Sek. Men efter jeg byggede den op i WordPress, var load tiden på ca. 0.60 – 1.20 sek. Hvilket for det første er en stor stigning, men for det andet har en stor svingning af load tid. Dette er endda sket, selv om bloggen har fået et meget mere simpelt design. Efter at have sat mig ind i WordPress, og fået optimeret min blog. Er load tiden kommet helt ned på 0.25 – 0.5 Sek. Jeg har endda på en test server, formået at komme [...]

Jeg fik en tanke forleden. At det kan være en smule svært, at forstå hastighedsoptimering når jeg kun giver eksempler over tekst. Kunne det hjælpe hvis jeg begyndte at lave et par video’er, om den hastighedsoptimering jeg skriver om? Jeg har bare et par spørgsmål. Syndes du at jeg skal lave video til min blog? Skal jeg lave hele blog indlæget i videoen? Eller skal det kun være det tekniske? Hvis det er hele blog indlæget du syndes. Skal jeg så lave det i et studio format? (Hvor jeg bland andet kan få gæste eksperter forbi) Eller skal jeg bare tale, mens du kun kigger på en computer skærm? Skriv en kommentar til hvad du syndes. Så vil jeg tage det op til overvejning.

Jeg har brugt de sidste par dage, på at konvertere denne blog site til wordpress CMS. Her slog det mig endelig, hvor meget mere langsommer en hjemmeside kan blive. Jeg gik fra en load tid på 0.4 sek op på ca. 0.7 – 1.3 sek. Selv om det ikke lyder af meget, kan det få brugere til ikke længere at bruge ens site. Det skete endda også selv om jeg har gjort layoutet lang mere simpel, og uden så mange billeder, javascript og CSS som før. Nu ved jeg at de fleste site efterhånden bruger et CMS, så derfor kan det være en god idé at skrive om hvordan man hastighedsoptimere en CMS hjemmeside. Spørgsmålet er bare, hvilket CMS skal jeg starte med? Så jeg tænkte at i lige kunne skrive en kommentar på, hvilket CMS jeg skulle starte med. Det bliver spænde at se hvilket CMS i gerne vil høre først om.

Javascript er gået hen og blevet rigtig populært de seneste år. Som blandt andet bliver brugt til analytics, validering af kontakt form, smarte reklamer der slider billeder samt meget mere. Men nu er det de færreste, der selv skriver deres javascript fra bunden. Enden henter de et færdig lavet script fra nettet, ellers bruger de et framework. En stor del af disse javascript filer er hvilken minimeret eller optimeret. Så de fylder langt mere end de behøver for at kunne køre. Det er kun det ene af problemerne, ved at hente færdige javascript filer. For det er også de færreste der samler alle filerne i et enkelt dokument. Som jeg skrev i mit forrige indlæg om ”Optimer rækkefølgen af CSS og Javascript”, så blokere hentning af javascript filer, for hentningen af andre filer (Som billeder, CSS og m.m.). Der for er det en god idé, at samle så meget javascript i en fil som muligt. Hvad kan du så gøre for at minimere eller optimere javascript. Personligt går jeg selv en del at scriptet igennem, [...]

Et af problemerne ved at have javascript filer, er at de blokere for hentningen af andre filer. Hvilket vil sige at hvis når en Javascript fil bliver hentet, kan det ikke hentes andre filer på samme tid. Da CSS er med til at opbygge og vise en hjemmeside, stopper opbygningen af hjemmesiden, når en javascript fil bliver hentet. Af denne grund er det en god ting, at sætte den rigtige rækkefølge af filerne i ”head” området i en HTML fil. Ikke nok med at opbygningen af selve hjemmesiden stopper, så kan hjemmesiden også blive hentet langsommere.   Her er et eksempel på hvordan dette er muligt: I det øverste skema er CSS og Javascript filerne sat i den rigtige rækkefølge, hvilket for filerne til at blive hentet på 300ms. Men hvorimod det nederste skema ikke er sat i en optimeret rækkefølge, der for filerne til at blive hentet 100ms langsommere.   Hvordan ser disse 2 eksempler ud i HTML. Optimeret Ikke optimeret <head><meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /><link href=”css_test1.css” rel=”stylesheet” /> <link href=”css_test2.css” rel=”stylesheet” /> <link [...]