WordPress Snelheid verbeteren en mobiele weergave voor kantorice.nl

Voor de bestaande WordPress website (met Enfold thema) is er een aparte weergave gemaakt van de homepage voor mobiele apparaten. Daarnaast zijn er wat snelheids aanpassingen gedaan m.b.v. Autoptimize plugin.

Weergave mobiele apparaten

De home page voor mobiele apparaten is wat compacter gemaakt qua weergave van het aantal blokken die er in de desktop versie zichtbaar zijn. In het Enfold thema is het eenvoudig om bepaalde blokken aan of uit te zetten voor een bepaalde weergave (desktop, tablet of mobiel). Door deze compacte weergave is de mobiele snelheid sterk verbeterd, van een 68 naar een 97 in Google Lighthouse.

Aanpassing Autoptimize instellingen

In de Autoptimize plugin is aangepast dat de javascript ook uit de html gecached moet worden. Dan wel even in de gaten houden of de cache niet te groot gaat worden. Daarnaast is ook de lazy load ingeschakeld met uitzondering van een aantal plaatjes boven de vouw.

Resultaat in Google Lighthouse test

In de plaatjes hier onder is het resultaat te zien van de test in Google Lighthouse. Met een gemiddelde performance score van 97 voor zowel mobiel als desktop versie is dit een flinke verbetering ten opzichte van de eerdere score van 68.