Case om hastighedsoptimering: Loadtid på under 1 sekund (Disclaimer: Doping)

Hastighedsoptimering

Lagde du mærke til, hvor hurtigt dette blogindlæg loadede?

Årsagen er, jeg har fyldt Onlinebijobber med EPO (herunder bloddoping, kortison, steroider, testosteron og andre gode ting). Resultater er helt fantastisk. Siden er blevet hurtigere end  Chris Frome!! (Men okay, han er jo til gengæld heller ikke dopet.)

I denne simple guide viser jeg dig, hvordan jeg hastighedsoptimerede Onlinebijobber og reducerede loadhastigheden fra 4,28 sekunder …

nummer1

… til en loadtid på bare 0,979 sekund (Test din egen hjemmesides hastighed her)

Hurtig loadtid

NB: Som den vakse læser måske har spottet, så er siden testet på to forskellige servere. Jeg opdagede først bagefter, at Pindom har fået en svensk server. Anyway, så er loadhastigheden på den hollandske server nu 1,2-1,3 sek.

Imponeret over mine hastighedsoptimeringsevner? Det skal du ikke være.

Det tog mig 10 minutter og kostede mig 60 dollar.

Vil du også have en hjemmesider, der kan gøre Bjarne Riis misundelig?

Udmærket. Find din skarpeste kanyle frem, for nu skruer vi op for hastigheden!

Sådan hastighedsoptimerede jeg min blog og skar 75 % af min loadtime.

Jeg startede projektet ved at oprette et nyt job på min yndlingsside – Elance.

Kender du ikke Elance? Start med at læse min komplette guide her.

I opgavebeskrivelsen skrev jeg noget a la:

Jeg søger en hastighedsoptimeringsekspert, der kan gøre min WordPress blog meget hurtigere.

Du skal være hård til W3 Total Cache og hastighedsoptimering generelt.

Foruden hastighedsoptimering, så skal du også opdatere mit WordPress og alle mine plugins, samt udbedre eventuelle fejl i forbindelse med opdateringerne.

Jeg forventer en loadhastighed på under 1 sekund.

Det var et ambitiøst mål, især når man tænker på, hvor mange billeder, videoer og animationer der skal loades på forsiden.

Efter et par timer modtog jeg omkring 15 kvalificerede bud. Jeg valgte en hastighedsspecialist (og databasenørd) fra Rusland. Han ville have 89 dollar, men jeg fik ham for 60 dollar. (Vestkyst hustler)

Vil du vide, hvordan jeg i snit sparer 44 % på mine Elance-opgaver?

Jeg har aldrig brugt en russisk programmør før, men jeg tænkte, at han passede perfekt til denne opgave. USSR var jo kendt for en særdeles rundhåndet brug af præstationsfremmende stoffer (Vinokourov!!), så jeg tænkte bare:

Perfect man for the job!

Forud for opgaven havde jeg talt med et par programmører inde på Marketers.dk (aff. link). De anbefalede mig at kigge nærmere på CDN (??), og særligt på tjenesten Cloudflare.

Efter lidt research fandt jeg ud af, at CDN er for hjemmesider, hvad bloddoping er for cykelryttere. Good stuff!

Det tog den russiske troldmand knap 3 timer at integrere CDN og i øvrigt hastighedsoptimere min hjemmeside.

Det lykkes os faktisk at få en Pingdom score på 92/100, men desværre var vi nødt til at indgå et par kompromiser, da et par af mine plugins drillede lidt. Anyway, med en loadtid på under 1 sekund, så kan man vist ikke være utilfreds.

Vil du også have dopet din hjemmeside?

Pro tip: Bange for at blive nappet i dopingkontrollen? Det skal du ikke være. Brug blot denne klassiker:

“Jeg er aldrig blevet testet positiv” (Den virker hver gang!)

Nå, tilbage på sporet.

Hvis du vil bruge den samme freelancer, som jeg anvendte, så gå til Elance og søg efter “Doktor Fuentes” (okay okay “Soslan Aldatov”) – link til hans profil.

Hastighedsoptimeringsekspert

Hvis du hellere vil have en dansker til at gøre det for dig, kan jeg varmt anbefale Kim Tetzlaff (som har hastighedsoptimeret Styrketraeningsprogram.dk) eller måske det nystartede danske firma Vimea? (Har ikke selv erfaringer med dem, men har talt lidt med Mark Guldbrandsen, der står bag virksomheden, og han virker som en flink og dygtig fyr.)

“Jeg lider af Superman-syndrom og vil gøre alting selv (inkl. hastighedsoptimering)”

Er du modsat mig gør-det-selv-typen eller er du bare interesseret i lange ord og mystiske forkortelser?

Fair nok. Jeg er mildest talt ikke ekspert i dette felt, så jeg viderebringer blot Fuentes egne ord. Her er hvad han gjorde ved min side:

  • Jeg har opsat Cloudflare som CDN for din side (gratis version)
  • Minificeret og kombineret JS og CSS ved at bruge JS & CSS Script Optimizer
  • Ændret lidt i minifiseringen, da de forskellige indstillinger resultaterede i 3 fejl på siden.
  • Aktiveret (næsten) alt caching i W3 Total Cache
  • Oprettet et subdomæne til at loade billeder
  • Gennemgået siden, herunder htaccess for fejl etc.
  • Opdateret alle plugins og Wordpress

Note til mig selv: Afslut dette blogindlæg før det bliver for nørdet. Jesus 🙂

Til sidst vil jeg gerne sige tak til alle dem på Marketers.dk, der hjalp mig i den rigtige retning. You’re awesome!

Har du hastighedsoptimeret din egen hjemmeside? Så vil jeg rigtig gerne høre din historie i kommentarfeltet nedenfor. Hvad gjorde du, hvor mange sekunder skar du af, og hvilke dopingpræparater gjorde du brug af? 😉

PS: Fuglsang vinder en etape i Alperne – jeg er så sikker at jeg parat til at sætte en fadøl på det. Hvem tør? (UPDATE: Jeg tabte desværre og skylder nu Christian Møller en øl. Damn you Fuglsang!)

Happy hastighedsoptimering – Tue.

TJEN 10.000 KR HVER MÅNED!
Vil du vide hvordan du tjener 10.000 kr. hver måned som passiv indkomst? Så se mine 5 gratis videoer nu ved at tilmelde dig mit nyhedsbrev.

30 kommentarer

  1. Mark Buskbjerg 22. juli 2015 at 9:03 #

    Man kan blive bidt af det der supermand syndrom. Så jeg brugte en god slat af mine vinteraftener i et mørkt laboratorium, hvor jeg blandede godt op i JS og CSS filerne på http://altomledelse.dk

    (Jeg skal også have sat ordentlige lamper op på det kontor)

    Det er selvfølgelig et udtryk for et farligt supermand syndrom. Men har man lysten (og tiden) til at lære lidt om W3 Total Cache, så er det altså også virkelig fantastisk, når din hjemmeside blæser afsted og du napper den grønne trøje.

    (Nej. Jeg kan heller ikke finde ud af det der der med Tour-metaforerne)

    Så vedhæfter lige et screendump af en speedtest kørt i dag:
    https://dl.dropboxusercontent.com/u/39717022/altomledelse.dk-hastighedsoptimering-wroooom.png

    (OG… den er kørt fra Holland, fordi Sverige åbenbart er nede. Jävla svenska!)

    Men 60$ bør alle unde sig selv at bruge på webdoping. Der får du godt nok meget tilbage for din investering, hvis du skærer 3 sekunder af din loadtid.

    Svar

    • Tue Lindblad 22. juli 2015 at 9:12 #

      Whaaue, Peter Sagan – din hjemmeside er hurtig.

      Jeg lider lidt af, at Onlinebijobber er bygget på et Woothemes framework. Det kan alt muligt, men er ikke blandt de hurtigste. Jeg arbejder på en side, som bliver bygget på “Bare Bones” – skulle være et utroligt hurtigt developer theme/framework.

      Har du et overset trick til at opnå en loadhastighed på under 0,5 sek?

      Svar

      • Mark Buskbjerg 22. juli 2015 at 9:51 #

        Jeg tror mit bedste trick er det, som du selv er igang med. Byg på det rigtige fundament. Du vinder ikke Touren min Christiania cykel, om du så fylder hele vognen med EPO og skyder det ind undervejs.

        Altomledelse er bygget på Genesis Framework. Så det hele loadede hurtigt til at starte med. Jeg har jo også kun en femtedel af de requests, som du har.

        Jeg har også indgået nogle kompromisser undervejs.

        Eksempelvis har jeg helt skrottet SumoMe, fordi det simpelthen var som at cykle med flade dæk.

        Svar

      • Jakob 24. juli 2015 at 10:42 #

        Altså André Greipel, ikke? Han er da væsentlig hurtigere.
        Men anyways Tue, rigtig fedt indlæg, det kan vi alle sammen lærer noget af.
        Det deler jeg lige på twitter.
        God sommer!

        Svar

  2. Victor Harris 22. juli 2015 at 9:07 #

    Haha, første gang jeg har siddet og grint under en case om hastighedsoptimering! 😉
    Super god artikel. Tak!

    Svar

    • Tue Lindblad 22. juli 2015 at 9:13 #

      Hehe, det var også sjovt at skrive 🙂

      Man skal nok havde fulgt en lille smule med i cykelverdenen – ellers er det nok ret sort.

      Tak for kommentaren – Tue

      Svar

  3. Christian Højbo Møller 22. juli 2015 at 9:42 #

    Jeg vil gerne sætte en fadøl på spil Tue – you’ve got a bet!

    Derudover loader Candidlab på omkring et halvt sekund typisk. Mange af de samme ting som din dude har gjort. Dog betalt CDN opsætning som er integreret med W3TC. Derudover er fonts blevet skrevet ind i stylesheetet så de ikke loadet eksternt og billeder slået sammen med CSS Sprites.
    Er faktisk ved at skrive et indlæg omkring hvordan man kan gøre det, men enig.. 10$ er en bedre investering i dag.. Man lærer ofte bare meget ved at rode med tingene selv Hvis man aldrig skal gøre det igen, kan læring selvfølgelig være lidt ligemeget.

    Svar

    • Tue Lindblad 22. juli 2015 at 19:27 #

      Ah perfekt. Money in the bank 😉

      Glæder mig til at læse dit indlæg, Tue

      Svar

  4. Mark Guldbrandsen 22. juli 2015 at 9:51 #

    Super godt og underholdende indlæg.

    Der er lidt mere man kan gøre for at få lidt mere juice ud af ens hjemmeside.

    https://www.cloudflare.com/ – At opgradere til Cloudflare Pro giver eksempelvis en masse ekstra funktioner, herunder skalering af billeder. HTML skalering er en rigtig tidsrøver når det kommer til hentning af hjemmesider, men med Cloudflare Pro oprettes der automatisk billeder i den rette størrelse, så man undgår HTML skallering.

    http://wp-rocket.me/ – W3 Total Cache er et super godt plugin, men der findes andre alternativer hvis man ikke er så teknisk igen. WP Super Cache er generelt ikke lige så godt som W3 (når det er opsat korrekt), men har fundet i en del test nu at WP Rocket faktisk klare sig rigtig godt, og ofte ligger bedre en W3 (men det koster så også).

    https://wordpress.org/plugins/wp-smushit/ – Komprimering af billeder er et must, vi som mennesker er for dovne til at gøre det inden vi uploader det, så jeg råder de fleste til at hente et plugin som Smush.it eller gå efter en betalt service som Kracken.io. Cloudflare har en ligende Pro service, og mens den er god som et supplement, så er den ikke lige så effektiv som Smush.it eller Kracken.io. (Men hvis du alligevel har Pro abb. så bare smid den på)

    Herudover findes der en masse DB cleaning tools, der er mange ældre hjemmesider der kan føles som unge igen, efter at have blevet kørt igennem sådan et plugin. Jeg har ikke nogen anbefaling lige nu, jeg bruger ofte DB-manager, men leder efter et som kan levere lidt mere end den formår.

    Svar

    • Tue Lindblad 22. juli 2015 at 19:32 #

      Hej Mark,

      Tak for en masse gode fif og URL’er. Jeg bruger allerede Kracken.io og er vilde med deres produkt.

      Jeg må tjekke resten ud når siden skal hastighedsoptimeres igen (skal jo slå Mark Buskbjerg’s 0,486 sek, selvom det nok bliver svært.) – Tue

      Svar

  5. Mikael Rieck 22. juli 2015 at 11:23 #

    Er det blot den gratis version af Cloudflare du har benyttet Tue?

    Svar

    • Jesper Petersen 22. juli 2015 at 12:55 #

      Tue, Det som er super smart at gøre:

      – Ligge billeder på en anden server eller subdomæne.
      – Ligge lydfiler over på en anden server,
      – Minificeret og kombineret JS og CSS og ligge dem evt også på en anden server eller subdomæne.

      Jeg har min egen hjemmeside her:
      https://www.dropbox.com/s/38s4ettq3l1031z/12.png?dl=0

      Jeg er sikker på at du kan få den langere ned ved at LAVE VÆRE Med at have 139 kald til din server, Tue.. (Det er også helt vildt at du har så mange kald til server..)

      Kan dermed også sig at du har mange js filer og png filer,

      Derud over synes jeg det er godt at du har næste 100% i at filer er under 25 Kb. Dog har du kun en file som er over 25 kb, det er dog din video, 🙂

      Svar

      • søren 22. juli 2015 at 13:27 #

        Ting du kan gøre omkring bedre hastighed på din hjemmeside:

        Strømline antallet af elementer på din side.
        Brug CSS i stedet for billeder når det er muligt.
        Kombinere flere style sheets i én.
        Reducer scripts og sætte dem i bunden af ​​siden.

        Svar

        • Tue Lindblad 3. august 2015 at 6:16 #

          Tak for det. Det ryger videre til programmøren når jeg åbner op for runde 2 – Tue

          Svar

      • Tue Lindblad 22. juli 2015 at 19:19 #

        Hej Jesper,

        Det meste er sort snak for mig 🙂 Jeg får en tekniker til at se på alt det du nævner, når det bliver tid til “Hastighedsoptimering 2.0”

        Svar

    • Tue Lindblad 22. juli 2015 at 19:18 #

      Hej Mikael,

      Jep, det er den gratis.

      Svar

  6. Anton Hoelstad 25. juli 2015 at 13:03 #

    Se Tue, du tog jo den nemme løsning med at outsource arbejdet (hvilket jeg i den grad også skulle have gjort!) – hvor jeg testede mine egne nørde-skills (og mangel på samme), ved at lave optimeringen selv.

    Det tog lang tid, var meget svært og frustrerende, men jeg er da også endt med en loadtid på et stykke under et sekund!

    Der hvor jeg havde flest problemer var faktisk ved minimering af JS og CSS filerne – så her tager jeg lige et kig på det plugin din mand brugte!

    Jeg lavede også et blogindlæg om processen med hvordan jeg gjorde det på den manuelle måde, som du kan se her: http://antonhoelstad.dk/11-raad-til-goere-dit-wordpress-website-hurtigere/

    Svar

    • Tue Lindblad 2. august 2015 at 20:09 #

      Hej Anton,

      Jeg er stor fan af at få andre til at lave det for mig. Det tager meget kortere tid og bliver ofte meget bedre. Når det så er sagt, så falder jeg nogle gange i og laver det hele selv.

      Fedt med din artikel. Jeg er sikker på at “gør-det-selv-folket” vil få en masse ud af den.

      Venlig hilsen Tue

      Svar

  7. Cammilla Hansen 2. august 2015 at 13:50 #

    Heeej Tue.

    Tak for super indlæg og meget relevant for mig da jeg har fået min aller første hjemmeside i luften for en uge siden 🙂
    Jeg vil sende de 7 punkter til min webmand da siden ligger mellem 8 og 10 sekunder i load tid!! UH !!!!!
    Måske jeg også lige skal tjekke mobil version og perfomance generelt, guuud der er meget man skal tage sig af med en hjemmeside!!

    Har du et par gode tips til ik at blive hacket eller en god hosting til fair pris?? 🙂

    Og hvad var det man skulle bruge det der Cloudflare til?

    Thanks Tom Hanks 😉 😉

    Svar

    • søren 2. august 2015 at 19:18 #

      Hej Camilla Hansen tillykke med din nye hjemmeside.
      Det er ud til du har betalt et firma eller en kode gut person et sted for at sætte det op.
      Omkring hacking, så vil du aldrig kunne være 100 % sikker. Login, databaser, script afvikling vil der altid være nogen der kan bryde. Jeg tog lige et kig på din hjemmeside, det ligner nået som er oversat fra eller via et firma i england en template skabelon. Ved ikke om det er meningen, at nået af indholdet skal være på dansk og andet på engelsk, men det er ihvertfald blandet godt med dansk og engelsk.

      Hosting firmaer til en hjemmeside er der mange af i Danmark, vedlægger en liste her som er ok.
      one.com
      UnoEuro
      Surftown
      meebox.net
      clichehosting.com

      Svar

      • Tue Lindblad 2. august 2015 at 20:25 #

        Super god kommentar. You Rock, Søren 🙂

        Svar

      • Cammilla Hansen 5. august 2015 at 13:04 #

        Hej Søren.

        Tak for kommentar 🙂 Jeg kender til alle Hosting mulighederne, tænkte bare om nogle bare bedre end andre af de billige!

        Jeg har vidst 2 billeder med noget på engelsk men interessant hvordan andre ser ens hjemmeside. Alle elementer er nu lavet fra bunden og ikke via skabelon og jeg har selv været med til det meste. Så det er bestemt ikke meningen at folk skal blive forvirrede om det er dansk eller engelsk side 😉

        Svar

    • Tue Lindblad 2. august 2015 at 20:21 #

      Hej Cammilla,

      Godt at høre fra dig igen 🙂

      Jeg er sikker på din webmand vil kunne få bragt din loadtid væsentlig ned, ved at følge anvisningerne i denne artikel. Alternativt, så hyr ham russeren som jeg brugte (han er billig og god.)

      Vedr. Hacking så er jeg netop begyndt at bruge plugin’et “iThemes Security” – det er gratis og super godt. Must have!

      Vedr. Hosting, så vil jeg anbefale dig et af følgende:

      Unoeuro (aff. link): Det er unoeuro der bl.a. hoster Onlinebijobber. Unoeuro er super billigt, hurtigt og meget driftsikkert.

      Wp-engine.com: Er dit projekt af lidt større karakter, så overvej wp-engine. Det er en del dyrere end Unoeuro, men tilgengæld får du et Premium hosting selskab. (Jeg bruger unoeuro til næsten alle mine sider der har under 500 daglige unikke besøgende og WP-engine til de sider der har plus 500 daglige besøgende (og dem har jeg desværre ikke så mange af, hehe)

      Vi tales ved, Tue

      Svar

      • søren 3. august 2015 at 19:26 #

        Mange tak Tue
        Lige omkring webhotel trafik, skal hun bruge meget tid på test omkring upload af websider rettelser, billeder m.v.
        Så er det et “MUST” at have et webhotel der giver ubegrænset trafik. Det giver dog som regel mindre lagerplads som et minus, de fleste plejer dog at kunne klarer sig fint på mellem 5-15 gb plads i et stykke tid.
        Ellers kan der via betaling til webhotel firmaet gives mere plads alt efter hvor meget der nu er nødvendigt.
        Unoeuro giver ubegrænset plads, til f.eks. FTP upload.
        Der er også andre firmaer derude som har det.

        Svar

      • Cammilla Hansen 5. august 2015 at 13:09 #

        Ja den må være mulig at komme ned under 10 sek 😉 Min web basse sagde også at han først optimerede osv. når vi var helt færdig med siden så det gir jo god mening!

        Men super jeg har en liste at byde ind med hvis han ikke kender til det hele 😀

        Tak jeg vil bruge dit link til mig og mine marketing kunder der skal have billig hosting. Tak for dine gode blogindlæg, i love your style 😉

        Svar

  8. Victor Harris 15. august 2015 at 15:20 #

    Hej igen,

    Jeg har arbejdet på at få tiden ned, men det blev næsten ikke bedre. Har taget mig til hovedet utallige gange.

    I dag fik jeg så fortalt at jeg brugte en helt forkert server – så han linkede til resultatet hvor den var kørt med en svensk server.

    Resultat:
    Omkring 746ms i load, hvor jeg havde troet at jeg var gået fra 6.5 sekunder load tid til 3 sekunder, men det var jo så på den amerikanske server.

    TAK for guiden – ved ikke om det kun er mig som aldrig har tænkt over at vælge den svenske server, men måske bør du nævne det? 😀

    Mvh
    Victor

    Svar

    • Tue Lindblad 17. august 2015 at 6:45 #

      Hej Victor,

      God pointe. Er der andre har haft dette problem?

      Venlig hilsen Tue

      Svar

  9. Rasmus 2. oktober 2015 at 19:29 #

    Super fedt 🙂

    Helt klart noget jeg vil se nærmer på snart 😀

    Svar

Skriv et svar

Tilmeld dig mit nyhedsbrev og lær at lave din egen
passive indkomstkilde