Hoasted

Optimaliseren WordPress op LiteSpeed server

Optimaliseren WordPress op LiteSpeed server

Op het moment dat je je website wilt optimaliseren voor maximale performance, dan kun je gebruik maken van verschillende caching technieken. Onderstaand de uitleg om de optimalisatie voor je website uit te voeren voor websites die draaien op een Hoasted server die gebaseerd is op de ‘Litespeed’ technologie.

Van te voren: 'Hoasted Check' Chrome Extensie installeren

Voor je begint installeer je eerst de Hoasted Check Chrome Plugin extensie: Settings > More tools > Extensions).
Zorg vervolgens dat het Hoasted Chrome Plugin icoon in het incognito window getoond wordt:
Chrome > Settings > Extensions > Naar Hoasted Check te gaan > Daar ‘toestaan in incognitomodus’ aan zetten.

Deze extensie heb je bij de installatie nodig namelijk voor controle. Je ziet die na installatie rechts van de adresbalk met het Hoasted icoon.

Stappen voor optimaliseren WordPress op LiteSpeed server

  1. Check of de server op LiteSpeed draait met behulp van de Hoasted Chrome plugin:


    Screenshot 2017-04-25 12.22.45.png


  2. Als het veld “Web Server” aangeeft dat er gebruik gemaakt wordt van “LiteSpeed” kan je doorgaan met deze handleiding.

  3. Voordat je gaat optimaliseren is het vaak verstandig om een aantal benchmark tests uit te voeren zodat je weet of de performance vooruit gegaan is. Je kunt de volgende tools gebruiken hiervoor. Let op, je kunt vaak een locatie kiezen van waaruit getest wordt. Kies een locatie die zo dicht mogelijk bij Amsterdam ligt voor de meest accurate resultaten:
    - https://www.webpagetest.org/
    - https://tools.pingdom.com/
    - https://gtmetrix.com

  4. Log in op je wp-admin omgeving.

  5. Verwijder alle bestaande caching en optimalisatie plugins.

  6. Zorg ervoor dat je .htaccess bestand schoon is (enkel de basis htaccess inhoud zoals hieronder) en dat er geen caching configuratie is overgebleven. Vaak is alleen het volgende over, en misschien nog een redirect rule voor SSL:

    # BEGIN WordPress
    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.php$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    </IfModule>
    # END WordPress   


  7. Installeer en activeer de plugin “LiteSpeed Cache” (https://wordpress.org/plugins/litespeed-cache/)

  8. Als deze correct is geinstalleerd, zie je ‘LiteSpeed Cache’ in het WordPress admin menu staan.

    Screenshot 2017-04-25 15.19.57.png

  9. Als de plugin is geïnstalleerd, open je vervolgens een Chrome Incognito Window (windows: Ctrl+Shift+N, Mac: Cmd+Shift+N) en ga naar je website. Klik vervolgens op het Hoasted icoon rechts van de adresbalk. Als alles correct is ingesteld zou het veld “Server Cache” nu niet meer “N/A” moeten aangeven maar “Hit” / “Miss” / “Bypass”. Als er nog steeds “N/A” staat dan is er waarschijnlijk nog een caching plugin geïnstalleerd of staan er nog extra regels in de .htaccess die ervoor zorgen dat de cache niet naar behoren werkt.

  10. Bij Woocommerce installaties is het belangrijk om de volgende pagina’s toe te voegen aan de ‘Do Not Cache Rules’. Deze vind je onder de ‘Settings’ > ‘Do Not Cache Rules’ van de Litespeed plugin, of onder ‘Excludes’. Voeg de voor jouw van toepassing zijnde url’s toe. Ter illustratie:

    /winkelwagen

    /betalen

    /mijn-account

    /cart

    /checkout

    /my-account   


  11. Voer nu opnieuw de benchmark uit en bekijk of de “Time to First Byte” (TTFB) sneller is geworden. LiteSpeed zorgt met name voor een optimalisatie in de TTFB. Als dit gelukt is is het tijd om de rest te optimaliseren, dit zijn geavanceerde stappen en voor veel websites is deze eerste optimalisatie al voldoende.

  12. Let op, zorg dat je de volgende stappen volledig doorneemt voor het beste resultaat:
    Installeer en activeer de “W3 Total Cache” plugin (https://wordpress.org/plugins/w3-total-cache/).

  13. Om LiteSpeed samen te laten werken met W3TC moet en nog iets aangepast worden in de LiteSpeed Cache plugin. Ga naar:
    LiteSpeed Cache > Settings > Advanced Settings > Check advanced-cache.php.
    Zorg dat deze checkbox uitgeschakeld staat. Save settings.

  14. Ga naar de W3TC plugin, Performance > General Settings. Zorg ervoor dat de volgende instelling gehanteerd worden:
    - Pagina Cache: Uit
    - Minify: Geactiveerd
    - Opcode Cache: Opcode: Zend Opcache
    - Database Cache: Uit
    - Object Cache: Uit
    - CDN: Uit
    - Reverse Proxy: Uit
    - Fragment Cache: Disk
    - Browser Cache: Geactiveerd
    Klik vervolgens op “Save Settings & Purge Caches”. Klik daarna in de admin bar op “LiteSpeed Cache Purge All”.

  15. Laad nu de pagina de eerste keer in je Incognito window, dit zal wat langer duren aangezien alle cache nu geleegd is. Test of alle JS en CSS naar behoren werkt na het Minifyen. Als dit niet zo is zet Minify dan uit in W3TC en leeg alle caches nog een keer. Als Minify wel succesvol werkt ga dan naar Performance > Minify en schakel de volgende items in:
    - JS > HTTP/2 Push
    - CSS > HTTP/2 Push
    Purge nu weer alle caches.

  16. Voer alle benchmark tests nu nog een keer uit en bekijk het verschil in snelheid.

  17. Als alles is doorgelopen is de optimalisatie afgerond!



All articles