WordPress-optimalisatie voor een boekenblog

wordpress-speeltuin

Bookuria.info is een site speciaal voor boekenliefhebbers waar u nieuws, hoofdartikelen over de culturele scene en nieuwe promoties en kortingen van boekenuitgevers kunt vinden.

Bogdan, de eigenaar, heeft ons uitgekozen om te kijken of we zijn website sneller kunnen maken, wat de grootste ontevredenheid was over de oude host.

Laten we eens kijken wat we deden!

Prestatie-audit

Voorheen had de website een gemiddelde laadtijd van 4,78 seconden, was de paginagrootte 2,5 MB en het aantal verzoeken 125.

Onder de paginacomponenten:

  • 37 JS – 627,6 K
  • 17 CSS – 109,1 K
  • 14 CSS-afbeeldingen – 151K
  • 31 afbeeldingen – 1640,5 K

De Google PageSpeed ​​Insights-score was 73/100 en de belangrijkste aanbevelingen waren:

  • vermindert de responstijd van de server (momenteel 1,5 sec)
  • afbeeldingen optimaliseren

Uit een prestatietest van de op de site geïnstalleerde en ingeschakelde plug-ins blijkt dat de plug-in Simple Share Buttons Adder een negatieve invloed heeft op de laadsnelheid:

  • impact van plug-ins: 74,4%
  • laadtijd plug-in: 2.160 sec

Na het uitschakelen van die plug-in en opnieuw testen zien de cijfers er een stuk beter uit:

  • impact van plug-ins: 30,8%
  • Laadtijd plug-in: 0,320 sec

Een andere factor die de prestaties van de site negatief beïnvloedt, is het gebruikte thema. De tijd die nodig is om het thema te laden is 1,22 seconden, vergeleken met 0,32 seconden die nodig zijn om de plug-ins te laden.

Het thema heeft een probleem dat heel vaak voorkomt bij premium WordPress-thema’s: het probeert te veel opties aan te bieden en daarom laadt het een groot aantal JS- en CSS-bestanden.

De meeste opties worden in het ‘echte leven’ niet gebruikt en de prestaties van de site lijden eronder.

Het thema laadt 34 JS-bestanden en vele zijn nutteloos.

Er zijn 3 Google Maps JS-bestanden van in totaal 199,6K en we hebben nooit gezien dat ze ergens op de site werden gebruikt. Zelfs als we ergens een kaart willen plaatsen, kan dat met iframe, we hebben niet zoveel JS-bestanden nodig.

Er zijn enkele JS-bestanden voor het laden van Google-lettertypen (39,1K), wat een zeer inefficiënte methode is, een Google-lettertypenbibliotheek heeft 0,3K en laadt behoorlijk snel.

Er zijn JS-bestanden die niets voor ons doen: bijvoorbeeld Syntax Highlighter, nutteloos op deze specifieke site.

Thema werkt met timthumb.php om thumbnails te maken. WordPress weet thumbnails te maken, daar heb je geen ander PHP-script voor nodig.

Een ander probleem met timthumb.php is dat het Lazy Load verbreekt en dat de laadsnelheid van de site eronder lijdt.

Optimalisatie gedaan

  • geoptimaliseerde afbeeldingen
  • plug-ins vervangen met problemen met andere plug-ins die vergelijkbare functionaliteit bieden, maar lichter zijn
  • overbodige en inactieve plug-ins geëlimineerd
  • identificeerde de themacoderegels die de nutteloze JS-bestanden laadden en we verwijderden ze
  • een paginacache + databasecache geïmplementeerd
  • WordPress bijgewerkt naar de nieuwste versie
  • alle actieve plug-ins bijgewerkt naar de nieuwste versies.

Resultaten

Een nieuwe test gedaan met Pingdom Tools laat een gemiddelde snelheid zien van 2,72 seconden, een goede verbetering ten opzichte van 4,78 seconden.

PageSpeed ​​Insights geeft ons een score van 85/100, een mooie verbetering ten opzichte van de initiële score van 73/100.

Het aantal JS-bestanden daalde naar 21 met een totaal van 334,4K, vergeleken met de oorspronkelijke 37 met een totaal van 627,6K.

Helaas trekt het WordPress-thema de site behoorlijk hard naar beneden. Hoe we ook optimaliseren en hoe snel de server ook is, de bezoekers moeten nog steeds 2 MB aan informatie downloaden omdat Lazy Load niet werkt vanwege timthumb.

De belangrijkste aanbeveling hier is om het thema te vervangen door een thema dat niet zoveel JS-bestanden laadt en geen timthumb.php gebruikt.

Dit zou de gemiddelde laadtijd van de website kunnen verkorten tot ongeveer 1-1,5 seconde.

Opmerkingen

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *

Engels