Problemet
En klinik, der lever af omhu, med en hjemmeside der virkede sjusket.
Klinik.dk fik direkte klager over hjemmesiden, især fra folk på mobil. Den var langsom nok til, at brugerne selv nævnte det, og for en behandlingsklinik er det værre, end det lyder: det første møde med en virksomhed, der sælger præcision, var noget, der ikke fungerede.
Årsagen lå i lagene. Siden var bygget på et tungt Qode-tema oven på WPBakery, en pagebuilder, der lægger sin egen kode oven i temaets. Dertil kom 48 plugins, og koden indeholdt næsten 2.500 tomme afsnit, som ingen nogensinde så. Softwaren var ikke opdateret i årevis. Hver enkelt beslutning havde givet mening, da den blev taget.
Forsiden brugte 6,9 sekunder på at vise det første rigtige indhold og 614 millisekunder på at reagere på et klik, og den fyldte 7 MB på en telefon. Bloggen var endnu værre: 10,9 sekunder.
Problemet var ikke designet. Det var alt det under designet.
Løsningen
Ny motor og et design, der blev løftet, ikke skiftet ud.
Vi rev det tekniske fundament ud og byggede det op igen. Qode og WPBakery blev erstattet af Gutenberg og GeneratePress, open source, uden lag oven på lag, og al forældet software blev opdateret. Den kode, ingen brugte, blev fjernet. Vi skrev også vores eget header- og footer-system, så siden ikke længere er låst til et tema, vi ikke selv styrer.
To krav stod fast fra starten: udtrykket måtte ikke skifte, og siden måtte ikke gå ned. Begge holdt. Designet fik et løft, hvor grundudtrykket blev bevaret og detaljerne bragt op til i dag, og der var nul minutters nedetid.
Ledelsen skulle ikke godkende et nyt site. De skulle bare opdage, at den gamle side var blevet hurtigere og skarpere.
Migreringen
WPBakery er bygget til ikke at kunne forlades.
Det er den tekniske gæld, de fleste sidder fast i. En pagebuilder som WPBakery gemmer indholdet i sit eget format, fjerner du den, står du med sider, der er tomme eller fyldt med kode, ingen kan læse. Derfor vælger de fleste at leve med den, også længe efter at den er blevet problemet.
Vi byggede et migreringsværktøj, der oversatte indholdet i stedet for at flytte det. Alle 350 undersider kom med over. Ikke én blev bygget om i hånden, og ikke én blev tabt.
Det er også derfor, casen rækker ud over Klinik.dk: kan en gammel side blive hurtig uden at blive lavet om, findes der ikke længere en god grund til at lade den være langsom.
Resultatet
Samme udtryk. Ny motor. Tre gange hurtigere.
Bloggen var det værste sted. Den brugte 10,9 sekunder på at vise det første indhold, layoutet hoppede rundt undervejs, og Lighthouse-scoren var 36. I dag er den på 3,8 sekunder, layoutet står stille, og scoren er 88.
Forsiden gik fra 48 til 87, og den samlede indlæsningstid faldt fra 12,8 til 3,8 sekunder, over tre gange hurtigere. Siden, der før fyldte 7 MB på en telefon, fylder nu under en halv MB, og blokeringstiden er faldet fra 614 til 23 millisekunder.
Klagerne holdt op.
Klinik.dk sælger omhu og præcision. Nu gør hjemmesiden det samme.