Het verbeteren van de prestaties van je Craft CMS-website door een aangepaste cachingstrategie te implementeren, inclusief volledige-pagina-caching, kan aanzienlijk snelheidswinst opleveren. Hier zijn richtlijnen, best practices, configuratiestappen en voorbeelden: **1. Best practices voor volledige-pagina-caching** - **Gebruik van cache plugins of middleware:** Overweeg een caching plugin zoals *Cacheme*, *Super Cache* of een reverse proxy zoals *Varnish* of *Cloudflare*. - **Cache-instellingen per pagina:** Cache alleen pagina's die niet vaak veranderen of dynamische inhoud bevatten. - **Invalidate cache bij inhoudswijzigingen:** Zorg dat cache wordt geleegd wanneer inhoud wordt bijgewerkt, bijvoorbeeld via hooks of events. - **Gebruik van HTTP-headers:** Gebruik cache-control headers om browser- en proxy-caching te sturen. --- **2. Configuratiestappen in Craft CMS** **a. Enable full-page caching via `config/general.php`:** Craft biedt standaard geen ingebouwde volledige-pagina-caching, maar je kunt dit realiseren met plugins of door aangepaste middleware. **b. Gebruik een caching plugin:** - Installeer bijvoorbeeld *Super Cache* of *Cacheme* via de Craft Plugin Store. - Configureer de plugin volgens de documentatie, vaak via instellingen in het control panel. **c. Gebruik van reverse proxy (bijvoorbeeld Varnish):** - Plaats Varnish of Cloudflare tussen je server en gebruikers. - Configureer Varnish om pagina's te cachen op basis van URL en headers. - Stel cache regels in, bijvoorbeeld: ```vcl sub vcl_recv { if (req.url ~ "^/pagina-voorbeeld") { return (hash); } } sub vcl_backend_response { if (bereid wordt gecached) { set beresp.ttl = 1h; // cache voor 1 uur } } ``` **d. Cache invalidatie:** - Gebruik Craft’s events (`afterSave`, `afterDelete`) om cache te invalidere n. - Sommige plugins bieden hiervoor automatische invalidatie. --- **3. Voorbeeld: cache management in Craft met code** **a. Cache de volledige pagina met een plugin** In je `routes.php` of via een plugin, kun je cache logica toevoegen: ```php if (!Craft::$app->request->isAjax && Craft::$app->request->isGet) { Craft::$app->response->headers->add('Cache-Control', 'public, max-age=3600'); } ``` **b. Handmatige cache invalidatie** ```php use craft\elements\Entry; Event::on(Entry::class, Entry::EVENT_AFTER_SAVE, function($event) { // Invalidate cache hier, bijvoorbeeld door cache-bestanden te verwijderen }); ``` --- **4. Extra tips** - **Gebruik CDN:** voor snellere levering en caching op edge. - **Combineer met optimalisaties:** minify CSS/JS, lazy load afbeeldingen. - **Test regelmatig:** met tools zoals Lighthouse of GTmetrix om cache-effectiviteit te controleren. --- Door bovenstaande richtlijnen te volgen, kun je een effectieve volledige-pagina-cachingstrategie opzetten die de laadtijden aanzienlijk verbetert en de belasting op je server vermindert.

Zeker! Hier is een uitgebreide handleiding voor het implementeren van een aangepaste cachingstrategie met volledige-pagina-caching in Craft CMS: ## 1. Configuratie van Cache-onderdelen ### A. Template Caching ```twig {# Basis template caching #} {% cache globally using key "homepage" for 3 hours %} {# Je template inhoud #} <h1>{{ entry.title }}</h1> <div>{{ entry.body }}</h1> {% endcache %} {# Cache met dynamische sleutels #} {% cache for 1 hour %} {% set cacheKey = "page-" ~ entry.id ~ "-" ~ entry.dateUpdated %} {% set cacheKey = cacheKey ~ (currentUser ? "-user-" ~ currentUser.id : "") %} {% endcache %} ``` ### B. Cache-instellingen in configuratie ```php // config/app.php return [ 'cacheDuration' => 3600, // 1 uur standaard 'components' => [ 'cache' => [ 'class' => yii\caching\FileCache::class, 'defaultDuration' => 3600, ], ], ]; ``` ## 2. Volledige-pagina-caching implementatie ### A. Via .htaccess (Apache) ```apache # In .htaccess - Cache statische content <IfModule mod_expires.c> ExpiresActive On ExpiresByType text/html "access plus 1 hour" ExpiresByType text/css "access plus 1 month" ExpiresByType application/javascript "access plus 1 month" ExpiresByType image/png "access plus 1 month" </IfModule> ``` ### B. Custom Cache Plugin ```php // modules/cache/Cache.php namespace modules\cache; use Craft; use yii\base\Event; use craft\web\View; use craft\events\TemplateEvent; class Cache extends \yii\base\Module { public function init() { parent::init(); Event::on( View::class, View::EVENT_AFTER_RENDER_PAGE_TEMPLATE, function(TemplateEvent $event) { $this->handlePageCache($event); } ); } private function handlePageCache(TemplateEvent $event) { $response = Craft::$app->getResponse(); $request = Craft::$app->getRequest(); // Alleen GET requests cachen if (!$request->getIsGet()) { return; } // Cache headers instellen $response->headers->set('Cache-Control', 'public, max-age=3600'); $response->headers->set('Expires', gmdate('D, d M Y H:i:s', time() + 3600) . ' GMT'); } } ``` ## 3. Cache-invalidatie strategieën ### A. Automatische invalidatie bij content wijzigingen ```php // In een custom module of plugin use craft\services\Elements; use craft\events\ElementEvent; Event::on( Elements::class, Elements::EVENT_AFTER_SAVE_ELEMENT, function(ElementEvent $event) { $element = $event->element; // Cache clearen voor specifieke entries Craft::$app->getCache()->delete('page-' . $element->id); // Of globaal cache clearen (gebruik spaarzaam) // Craft::$app->getCache()->flush(); } ); ``` ### B. Cache-tags implementatie ```twig {# Template met cache tags #} {% set cacheKey = "homepage-content" %} {% set cacheTags = ['homepage', 'navigation', 'footer'] %} {% cache globally using key cacheKey with tags cacheTags %} {# Content #} {% endcache %} ``` ```php // Cache tag management class CacheService { public function invalidateByTag($tag) { $cache = Craft::$app->getCache(); $taggedKeys = $cache->get($tag) ?: []; foreach ($taggedKeys as $key) { $cache->delete($key); } $cache->delete($tag); } } ``` ## 4. Geavanceerde caching strategieën ### A. Vary-by-User caching ```twig {% if currentUser %} {% cache using key "user-specific-" ~ currentUser.id %} {# Gebruiker-specifieke content #} {% endcache %} {% else %} {% cache using key "anonymous-content" %} {# Anonieme gebruikers content #} {% endcache %} {% endif %} ``` ### B. Fragment caching ```twig {# Header cache #} {% cache globally using key "header-nav" for 24 hours %} {% include '_partials/header' %} {% endcache %} {# Footer cache #} {% cache globally using key "footer-content" for 24 hours %} {% include '_partials/footer' %} {% endcache %} ``` ## 5. Cache monitoring en beheer ### A. Cache statistieken ```php // Cache monitoring $cache = Craft::$app->getCache(); $info = [ 'size' => $this->getCacheSize(), 'hits' => $cache->get('cache_hits', 0), 'misses' => $cache->get('cache_misses', 0), ]; ``` ### B. Cache clearing commando's ```php // Console command voor cache management class CacheCommand extends Controller { public function actionClearAll() { Craft::$app->getCache()->flush(); echo "Cache cleared successfully.\n"; } public function actionClearByPattern($pattern) { $this->clearCacheByPattern($pattern); echo "Cache with pattern '{$pattern}' cleared.\n"; } } ``` ## 6. Best practices ### ✅ Aanbevolen: - Gebruik lange cache-duur voor statische content - Implementeer cache-invalidatie bij content updates - Gebruik fragment caching voor dynamische onderdelen - Monitor cache hit/miss ratio's ### ❌ Te vermijden: - Cache persoonlijke gebruikersdata zonder propere invalidatie - Te korte cache durations voor statische content - Cache zonder invalidatie mechanisme ## 7. Performance monitoring ```php // Performance logging $startTime = microtime(true); // ... je code ... $endTime = microtime(true); $loadTime = $endTime - $startTime; Craft::info("Page loaded in: " . round($loadTime, 3) . " seconds", 'performance'); ``` Deze strategie zal de prestaties van je Craft CMS website significant verbeteren. Begin met template caching en breid geleidelijk uit naar volledige-pagina-caching op basis van je specifieke gebruiksscenario's.