Goedemiddag,

Ik heb een wordpress webshop gebouwd obv Woocommerce met een Divi thema. Alleen de noodzakelijke plugins zijn aanwezig inclusief een Facebook like box. De snelheid van de pagina laat wat te wensen over gezien de score op het mobiel is 58/100 althans dat geeft de google speed test aan. Op de desktop versie is de snelheid 71/100.

In de tussenliggende periode heb ik diverse dingen geprobeerd om de snelheid te verbeteren. Denk hierbij aan diverse plugins die zouden moeten helpen om bepaalde zaken te verbeteren waardoor de snelheid van de pagina beter zou moeten worden.


De google speed test analyse geeft de onderstaande zaken aan die gecorrigeerd moeten worden.
Dit moet worden gecorrigeerd:

JavaScript en CSS in inhoud boven de vouw die het weergeven blokkeren, verwijderen

Uw pagina heeft 2 blokkerende scriptbronnen en 7 blokkerende CSS-bronnen. Dit veroorzaakt vertraging bij het weergeven van uw pagina.
Geen van de inhoud boven de vouw op uw pagina kan worden weergegeven zonder te wachten totdat de volgende bronnen zijn geladen. Probeer blokkerende bronnen uit te stellen of asynchroon te laden of parseer de essentiële gedeelten van die bronnen rechtstreeks in de HTML.
Verwijder JavaScript-code die het laden blokkeert:

• http://....nl/…-includes/js/jquery/jquery.js?ver=1.11.3
• http://....nl/…s/jquery/jquery-migrate.min.js?ver=1.2.1

Optimaliseer de CSS-weergave voor de volgende URL's:

• http://....nl/…ets/css/woocommerce-layout.css?ver=2.5.5
• http://...nl/…rce/assets/css/woocommerce.css?ver=2.5.5
• https://fonts.googleapis.com/…0,300,6...atin,latin-ext
• http://....nl/…-content/themes/Divi/style.css?ver=2.7.1
• http://... h.nl/…/shortcodes/css/shortcodes.css?ver=2.7.1
• http://....nl/…/css/shortcodes_responsive.css?ver=2.7.1
• http://...h.nl/…lder/styles/magnific....css?ver=2.7.1

Informatie over de oplossing voor dit probleemDetails verbergen
Overweeg dit te corrigeren:

JavaScript verkleinen

Wanneer u JavaScript-code comprimeert, kunt u vele bytes aan gegevens besparen en het downloaden, parseren en uitvoeren versnellen.
Verklein JavaScript voor de volgende bronnen om de grootte te reduceren met 8,9 KB (een besparing van 27%).

• Het verkleinen van http:/….nl/…ts/frontend-builder-scripts.js?ver=2.7.1 kan na comprimeren 6 KB besparen (een besparing van 25%).
• Het verkleinen van http:/….nl/…ntent/themes/Divi/js/custom.js?ver=2.7.1 kan na comprimeren 3 KB besparen (een besparing van 32%).

Informatie over de oplossing voor dit probleemDetails verbergen
CSS verkleinen

Wanneer u CSS-code comprimeert, kunt u vele bytes aan gegevens besparen en het downloaden en parseren versnellen.
Verklein CSS voor de volgende bronnen om de grootte te reduceren met 4,9 KB (een besparing van 11%).

• Het verkleinen van http://....nl/…-content/themes/Divi/style.css?ver=2.7.1 kan na comprimeren 4,9 KB besparen (een besparing van 11%).

Nu ben ik niet zo van het technische gedeelte. Wellicht kan iemand mij de juiste richting op sturen zodat de pagina sneller gaat laden. Nu haken er bezoekers af omdat de pagina er veel te lang over doet.

Bvd.

Groet,

Jarno

Eerste snelle tip: haal die like box van je pagina af. Deze dingen vertragen je website enorm.
Verder is het voor ons misschien ook handig als we een link naar je webpagina hebben zodat we hem zelf kunnen observeren.

Bedankt voor de tip. Likebox is gedeactiveerd met als resultaat mobiel 62/100 desktop 74/100. Link naar de pagina waar het om gaat www.deluxebrush.nl

Groet,
Jarno

Website lijkt hier snel te laden.

Kijk ook is naar redis cache om de snelheid te bevorderen.
Ook is er een plugin beschikbaar: " above the fold optimization". Die opties zouden beiden goed moeten kunnen bijdragen aan de snelheid van je webshop.

Hij laadt hier idd niet echt snel. Je hebt dan ook een shitload aan in mijn ogen overbodige scripts in je theme zitten.
Minimaliseer het aantal fonts en probeer die lokaal te zetten. Gebruik cache plugins etc.
Wat erg veel scheelt: Activeer GZip-compressie en optimaliseer Browsercaching (in je htaccess). Lees deze site van voor naar achter en doe je ding :)

Niek,
Bedankt voor je input. Inmiddels is de snelheid toegenomen 67 mobiel en 80 desktop. Toch weer een klein stapje in de goede richting.

Arjen,
Ook jij bedankt voor je input. Ik heb inmiddels cache plugins aan het werk gezet en dat het al geresulteerd in enige verbetering van de snelheid. Tevens zijn de blokkerende scriptbronnen en CSS-bronnen wat afgenomen. De info die jij mij hebt gegeven heb ik doorgelezen. Echter voor mij is dit taal die ik (nog) niet goed kan interpreteren en er dan nog een goed gevolg aan geven. Dit in de zin van de juiste handeling te verrichten. Ik heb namelijk weinig ervaring in het aanpassen van bestanden etc.

Zijn er nog zaken die ik kan doen met plugins bijvoorbeeld om de laatste blokkeringen op te heffen?

Beiden bedankt voor de belangeloze input.

Uw pagina heeft 2 blokkerende scriptbronnen en 7 blokkerende CSS-bronnen. Dit veroorzaakt vertraging bij het weergeven van uw pagina.

Caching kan je beter op het niveau van de server doen. Kijk eens naar een hosters die varnish aanbied of nog beter, LiteSpeed cache (*Hint*)