PageSpeed: Fra 3/32 til 68/90

En ny kunde havde behov for optimering af sin hjemmeside og ifølge tallene fra Google PageSpeed var der masser at de nemme ting som kunne gøres. Efter aftale med min kunde skulle de lette ting udføres og så se hvor vi endte henne og om der var behov for at bruge mere tid.

For kunden er fordelen for dem følgende:

“Vi bliver bedre indekseret i Google med den forbedret load hastighed. Det ser Google med en mere relevant side for de besøgende”

Jens Sonnenborg – SKYtek ApS – Data i skyen

Og jeg kan så tilføje at en hurtigere hjemmeside også giver mere tilfredse besøgende, så de har lyst til at klikke rundt på siden.

Jeg vilnu fortælle dig hvordan siden gik far 3/32 på mobil / desktop til 51/89 på med kun 2½ times arbejde,

Udfordringerne

Først vil jeg lige vise hvilke udfordringer der blev vist med Google PageSpeed og dem kan du se på billedet.

Som du kan se var der nok at tage fat på loadtider på mange sekunder og alle de kendte ting som man kan kigge på og ændringerne der laves på siden skulle gerne være noget kunden selv kan udføre i fremtiden så det ikke bliver en tilbagevendende opgave hver måned.

Derfor er der nogle ting som ikke er praktiske at lave på rigtige sider og det er altid en opvejning der skal laves efter hvor højt man vil have tallet i pagespeed.

Plugins & værktøjer benyttet

Der er benyttet forskellige værktøjer til at opnår resultatet og bevare det længst muligt.

og til at konvertere billeder tilwebp lavede jeg simpelthen en søgning på Google efter “Png to Webp”

Opsætning af WP Fastest Cache

Jeg går ikke i dybden med opsætningen, men du kan her se billede af hvordan den er sat op på kundens side.

Som du kan se så er det ikke alle ting som man skulle forvente der skulle aktiveres, der faktisk er blevet aktiveret.

Årsagen er her at jeg kun ønsker at pluginet skal lave cache og slette den når nødvendigt. Jeg har så manuelt i sidens .htaccess fil tilføjet gzip, deflate m.m. for at opnå resten, det giver mere kontrol over det hele og gav faktisk 15 point mere end hvis jeg lod pluginet styre det.

Derudover er der lavet nogle ændringer i kundes functions.php fil til at fjerne ?ver=xxx fra filer og emojis, som også gjorde meget.

Opsætning af WP Smush It

Der blev aktiveret Lazy load i WP Smush IT  så billeder ikke indlæses før det er nødvendigt.

Resultatet

Efter 2½ times arbejde med at gennemgå og forsøge forskellige ting for at opnår de tbedste resultat og stadig bevare kundens mulighed for stadig selv at arbejde med siden endte tallet i gennemsnit på 68/90 på mobil / dekstop. Nogle gange var mobil helt oppe på 80 og dekstop oppe på 95 det svinger (normalt).

Første udfyldning af indhold gikfra 9,5s til 2,7s på mobil og 2,2s til 0,8s på desktop.