Spring direct naar de video >

JCH-Optimize (te downloaden op www.jch-optimize.net) is een plugin die je site flink sneller kan laten laden door het minimaliseren van HTTP-requests, bestanden verkleinen van bestanden door compressie, optimalisatie van Javascript, enzovoorts. Het is beschikbaar in een gratis en PRO-versie, en het is een van de meest populaire extensies op de JED. Ik gebruik het zelf op bijna al mijn websites. Hier op Joomlaseo.com heb ik er zelfs de perfecte 100% score mee behaald in tools als Google Pagespeed en Pingdom Tools.

Je kan verschillende niveau's van compressie activeren, van conservatief tot zeer agressief, waarbij de kans op issues met bepaalde functionaliteit of extensies wel steeds groter wordt, test dus altijd goed. Test voordat je begint je site met tools als Google Page Speed of GT-Metrix, het resultaat zal je verbazen....

Joomla Hosting tip: Siteground

Joomlaseo.com laadt in 0.5 - 1 seconden en heeft een Pingdom score van 100%!!! Daarom bevelen we Siteground hosting aan. Snelle servers, goede support, gratis SSL, etc. En niet duur...

 

Configuratie

Download en installeer de plugin eerst, en publiceer hem dan. Laten we de beschikbare opties eens doorlopen. In de Basic Options vind je eerst een aantal presets waaruit je kunt kiezen:

Voor veel mensen zullen deze presets prima werken, maar je kunt de zaken ook handmatig instellen. Ik geef daar zelf vaak de voorkeur aan omdat ik dan precies weet wat er gebeurt. Je vindt deze instellingen iets lager op de pagina onder Automatic Settings Group. Je moet eerst even op de tekst klikken om de opties uit te laten klappen, veel mensen hebben dat niet door:

De meeste parameters spreken redelijk voor zich, en het beste kun je er wat mee experimenteren. Vaak begin ik zelf met alle opties aanzetten. Vaak draait de site dan nog prima, en is hij een stuk sneller. Ondervindt ik toch problemen, dan zet 1 voor 1 weer zaken uit, tot ik weet wat het probleem is. Vooral de Defer javascript parameter wil nog wel eens problemen veroorzaken, vooral als je site veel Javascript gebruikt. Zo blijkt soms bijvoorbeeld een bootstrap responsive menu dan niet te werken.

Exclude Opties

Met het Exclude options tabje kun je veel zaken finetunen, zoals bijvoorbeeld het uitzonderen van bepaalde extensies of bestanden. Als blijkt dat bijvoorbeeld RSform problemen geeft, dan kun je die gewoon uitzonderen en de andere pagina's netjes geoptimaliseerd laten draaien. Ook kun je bestanden waarvan je weet dat Joomla of je template ze onnodig laadt gewoon laten verdwijnen, dat is helemaal efficient.

Pro features

De instellingen in het Pro tabje zijn niet beschikbaar voor gratis downloads. Wel krijg je er een hoop leuke opties bij. Ik vind deze zelf erg nuttig. Het gaat om de volgende zaken:

  • Download ID: als je je download ID invoert kan JCH-Optimize updaten met de Joomla update manager (Watchful wordt ondersteund)
  • CDN/Cookieless Domain: Support voor Content Delivery Networks. Je kunt zelfs meerdere CDN's invoeren
  • Lazy Load Images: Dit spreekt voor zich. Je kunt eventueel plaatjes uitsluiten op basis van class, folder of individueel plaatje
  • Optimize CSS Delivery: Dit vind ik zelf een verborgen juweeltje. Vooral als je je site wel eens test met Google Pagespeed Tool zull je vaak zien dat je niet alle punten scoort, met name door de volgende regel: Eliminate render-blocking JavaScript and CSS in above-the-fold content. De enige manier om dit op te lossen is om je CSS op te splitsen. Het deel wat nodig is om de content boven de vouw weer te gevn moet dan in je HTML geladen worden en de rest asynchroon als de hele pagina geladen is. Deze instelling in JCH-Optimize prbeert precies dit punt op te lossen, en dat doet het nog goed ook.

Optimize Images

Tenslotte hebben de Pro gebruikers het Optimize Images tabje. Hiermee kun je je plaatjes met lossless compression verkleinen en daarnaast kun je ze ook resizen:

Deze optie werkt alleen als je je Download ID hebt ingevuld omdat die wordt gebruikt om met een API contact te leggen (van Kraken.io).

Check je site zorgvuldig

Loop je site goed door na het activeren van de plugin. Een aantal zaken die in specifieke gevallen soms bijvoorbeeld niet meer goed werken zijn:

  • Bootstrap responsive menu's die niet werken
  • Issues met oude Internet Explorer versies
  • Formulieren
  • Enzovoorts

In mijn geval is het me gelukt om met JCH-Optimize een 100% score te behalen in onder andere Google Pagespeed Insights:

Video

Ik heb ook een korte video over JCH-Optimize gemaakt:

Mijn complete Joomla Performance video serie vind je op Udemy.com: https://www.udemy.com/joomla-performance-and-speed/?couponCode=JOOMLA-SEO