{"id":773,"date":"2019-11-20T16:41:03","date_gmt":"2019-11-20T15:41:03","guid":{"rendered":"https:\/\/www.combell.com\/nl\/help\/?post_type=ht_kb&#038;p=773"},"modified":"2022-09-16T11:58:29","modified_gmt":"2022-09-16T09:58:29","slug":"hoe-kan-ik-mijn-drupal-snelheid-optimaliseren","status":"publish","type":"ht_kb","link":"https:\/\/www.combell.com\/nl\/help\/kb\/hoe-kan-ik-mijn-drupal-snelheid-optimaliseren\/","title":{"rendered":"Drupal &#8211; Algemene optimalisering"},"content":{"rendered":"    \t\t<div class=\"hts-messages hts-messages--alert   hts-messages--withicon \"   >\r\n    \t\t\t    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tDit artikel is geoptimaliseerd voor Drupal 7    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<p>Drupal is een van de populairste content management systemen. Het kan, mits wat optimalisering, zowel grote als kleine websites aan. Dit artikel zal je helpen om jouw CMS klaar te maken om grote hoeveelheden verkeer aan te kunnen, zonder aan snelheid in te boeten.<\/p>\n<p>Het eerste deel van dit artikel zal je standaard optimalisatie technieken tonen, die geschikt zijn voor elke hosting, zelfs wanneer je geen gebruik maakt van caching opties.<\/p>\n<p>Pas Nadat je de algemene optimalisatie volledig uitgevoerd hebt, kan je beginnen aan het <a href=\"https:\/\/www.combell.com\/nl\/help\/kb\/performance-hosting-met-drupal\/\">tweede deel van het artikel, dat je toont hoe uw CMS kan profiteren van de Performance hosting tools<\/a>.<\/p>\n<h4 id=\"inhoudsopgave\">IN DIT ARTIKEL<\/h4>\n<ul>\n<li><a href=\"#cache\">Gebruik maken van Drupal cache<\/a><\/li>\n<li><a href=\"#apc\">Activering van APC<\/a><\/li>\n<li><a href=\"#boost\">Gebruik maken van de Boost module<\/a><\/li>\n<li><a href=\"#client\">Client optimalisatie<\/a><\/li>\n<li><a href=\"#aggregate\">Installeer Aggregate Cache<\/a><\/li>\n<li><a href=\"#render\">Beheer Render blocking resources<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 id=\"cache\">Gebruik de Drupal cache<\/h2>\n<p><em>Standaard geactiveerd bij Drupal 8<\/em><\/p>\n<p>Activeer dit in de back-end van Drupal als volgt:<\/p>\n<ol>\n<li>Log in op jouw Drupal admin<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4100 size-medium\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering2-216x300.png\" alt=\"Log in Drupal admin\" width=\"216\" height=\"300\"><\/li>\n<li>Klik op Configuratie bovenaan de admin balk<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4101 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering3.png\" alt=\"configuratie\" width=\"100\" height=\"29\"><\/li>\n<li>Klik in de rubriek Development op Performance<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4102 size-medium\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering4-300x53.png\" alt=\"Development op Performance\" width=\"300\" height=\"53\"><\/li>\n<li>Vink hier aan:\n<ol>\n<li>Cache pages voor anonieme gebruikers<\/li>\n<li>Cache blocks<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4103 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering5.png\" alt=\"Caching\" width=\"240\" height=\"98\"><\/li>\n<li>Kik op Configuratie bewaren<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4104 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering6.png\" alt=\"Configuratie bewaren\" width=\"177\" height=\"44\"><\/li>\n<\/ol>\n<h2 id=\"apc\">Activeer APC<\/h2>\n<p>OPGELET: activeer APC niet wanneer je de optionele Redis caching add-on gaat gebruiken!<\/p>\n<p>(Voer deze wijzigingen voor APC niet uit in settings.php \u2013 doe dat in de back-end).<\/p>\n<ol>\n<li>Activeer APC in <a href=\"https:\/\/my.combell.com\/nl\" target=\"_blank\" rel=\"noopener\">het controlepaneel<\/a>. <em>APC is verkrijgbaar voor PHP 5.4 en lager<\/em>\n<ol>\n<li>Log in op <a href=\"https:\/\/my.combell.com\/nl\" target=\"_blank\" rel=\"noopener\">het controlepaneel<\/a><\/li>\n<li>Ga naar Mijn Producten &gt;&gt; Web hosting details<\/li>\n<li>In het linkerpaneel ga je naar PHP instellingen<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4006 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-General-optimization10.png\" alt=\"PHP settings\" width=\"976\" height=\"624\"><\/li>\n<li>Je bent nu in het Overzicht. Controleer de PHP versie.<\/li>\n<li>Wissel naar het AAN\/UIT tabblad.<\/li>\n<li>Zet APC op Aan.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4111 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering13.png\" alt=\"APCU: aan\" width=\"223\" height=\"186\"><\/li>\n<li>Wijzigingen in PHP vragen wat tijd. Om te controleren of jouw wijziging doorgevoerd werd, ga je naar het tabblad PHP. Kijk of je een onderdeel APC vindt. Als het daar is, heb je met succes APC geactiveerd.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4113 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering15.png\" alt=\"Onderdeel APC\" width=\"719\" height=\"314\"><\/li>\n<\/ol>\n<\/li>\n<li>Klik op de link om <a href=\"http:\/\/drupal.org\/project\/apc\" target=\"_blank\" rel=\"noopener\">Drupal APC te downloaden<\/a> en installeer die in \/sites\/all\/modules\/.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4114 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering16.png\" alt=\"Drupal APC downloaden\" width=\"626\" height=\"50\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4115 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering17.png\" alt=\"Drupal APC downloaden\" width=\"802\" height=\"25\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4116 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering18.png\" alt=\"Drupal APC downloaden\" width=\"591\" height=\"23\"><\/li>\n<li>Activeer APC vanuit de Modules afdeling van jouw back-end.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4117 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering19.png\" alt=\"modules\" width=\"81\" height=\"27\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4118 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering20.png\" alt=\"Activeer APC\" width=\"1366\" height=\"178\"><\/li>\n<li>Voeg nu de volgende code toe aan het settings.php bestand.<\/li>\n<\/ol>\n<p>Dit bestand kan gevonden worden in \/sites\/default\/settings.php (vanuit de root van jouw Drupal installatie).<\/p>\n<pre><code> \/**\nAdd APC Caching.\n *\/\n $conf['cache_backends'][] = 'sites\/all\/modules\/apc\/drupal_apc_cache.inc';\n $conf['cache_class_cache'] = 'DrupalAPCCache';\n $conf['cache_class_cache_bootstrap'] = 'DrupalAPCCache';\n \/\/$conf['apc_show_debug'] = TRUE;  \/\/ Remove the slashes to use debug mode.\n<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4119 size-medium\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering21-300x21.png\" alt=\"\/sites\/default\/settings.php\" width=\"300\" height=\"21\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4120 size-medium\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering22-300x27.png\" alt=\"\/sites\/default\/settings.php\" width=\"300\" height=\"27\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4121 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering23.png\" alt=\"Voeg code toe\" width=\"687\" height=\"166\"><\/p>\n<p>Controleer nu of de site nog werkt. Zo ja, ga dan verder met de volgende stap.<\/p>\n<p>Voeg de volgende code toe aan het settings.php bestand:<\/p>\n<pre><code> $conf['page_cache_without_database'] = TRUE;\n $conf['page_cache_invoke_hooks'] = FALSE;\n<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4122 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering24.png\" alt=\"Voeg code toe\" width=\"702\" height=\"211\"><\/p>\n<p>Dit zorgt ervoor dat ook de page caching de APC aanroept.<\/p>\n<p>Controleer voor alle zekerheid of de site nog werkt.<\/p>\n<h2 id=\"boost\">Gebruik de Boost module<\/h2>\n<ol>\n<li>Voorbereiding\n<ol>\n<li>Activeer Clean URLs in Configuration &gt;&gt; SEARCH AND METADATA &gt;&gt; Clean URLs.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4123 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering25.png\" alt=\"Configuratie\" width=\"100\" height=\"29\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4124 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering26.png\" alt=\"Search and metadata\" width=\"665\" height=\"233\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4125 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering27.png\" alt=\"Clean URLs\" width=\"469\" height=\"250\"><\/li>\n<li>Zorg ervoor dat Cronjobs niet uitgezet is.<\/li>\n<\/ol>\n<\/li>\n<li><a href=\"https:\/\/drupal.org\/project\/boost\" target=\"_blank\" rel=\"noopener\">Download de Drupal Boost module<\/a> en installeer die in jouw Drupal folder, in sites\/all\/modules.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4126 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering28.png\" alt=\"Download de Drupal Boost module\" width=\"630\" height=\"51\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4127 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering29.png\" alt=\"sites\/all\/modules\" width=\"818\" height=\"23\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4128 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering30.png\" alt=\"sites\/all\/modules\" width=\"608\" height=\"22\"><\/li>\n<li>Activeer de module vanuit de Modules afdeling in jouw back-end.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4129 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering31.png\" alt=\"Modules\" width=\"81\" height=\"27\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4130 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering32.png\" alt=\"Performance and scalability\" width=\"1336\" height=\"137\"><\/li>\n<li>Ga naar Configuration &gt;&gt; Development &gt;&gt; Performance en verwijder het vinkje naast Cache pages for anonymous users.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4131 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering33.png\" alt=\"configuratie\" width=\"100\" height=\"29\"><br \/>\n<img decoding=\"async\" class=\"alignnone wp-image-4132 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering34.png\" alt=\"Development > performance&#8221; width=&#8221;661&#8243; height=&#8221;116&#8243;><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4133 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering35.png\" alt=\"caching\" width=\"239\" height=\"58\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4134 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering36.png\" alt=\"Configuratie bewaren\" width=\"177\" height=\"44\"><\/li>\n<li>Controleer dat de cache map in Configuration &gt; System &gt; Boost &gt; File System wel degelijk 755 permissies heeft.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4135 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering37.png\" alt=\"configuratie\" width=\"100\" height=\"29\"><br \/>\n<img decoding=\"async\" class=\"alignnone wp-image-4136 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering38.png\" alt=\"System > boost&#8221; width=&#8221;669&#8243; height=&#8221;241&#8243;><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4137 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering39.png\" alt=\"File system\" width=\"800\" height=\"46\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4138 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering40.png\" alt=\"Cache map\" width=\"651\" height=\"74\"><\/li>\n<li>.htaccess\n<ol>\n<li>Maak een back-up van jouw origineel .htaccess bestand.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4139 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering41.png\" alt=\"back up .htaccess bestand\" width=\"345\" height=\"23\"><\/li>\n<li>Kopieer de op maat aangemaakte .htaccess regel vanuit Configuration &gt; System &gt; Boost &gt; .htaccess &gt; .htaccess Generation en kopieer die naar jouw .htaccess bestand. Zorg ervoor dat je het segment op de juiste plaats plakt; zie hiervoor de instructies onderaan de aangemaakte tekst.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4140 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering42.png\" alt=\"configuratie\" width=\"100\" height=\"29\"><br \/>\n<img decoding=\"async\" class=\"alignnone wp-image-4141 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering43.png\" alt=\"System > boost&#8221; width=&#8221;669&#8243; height=&#8221;241&#8243;><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4142 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering44.png\" alt=\".htaccess\" width=\"798\" height=\"96\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4143 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering45.png\" alt=\"Generated rules\" width=\"671\" height=\"237\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4144 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering46.png\" alt=\"www\/drupal\/.htaccess\" width=\"1187\" height=\"401\"><\/li>\n<li>Controleer of de website nog altijd werkt. Is dat niet het geval, herstel jouw .htaccess bestand en probeer het opnieuw.<\/li>\n<\/ol>\n<\/li>\n<li>Proficiat, jouw Drupal heeft een boost gekregen! Voor eventuele problemen met de <a href=\"https:\/\/drupal.org\/node\/1459690\" target=\"_blank\" rel=\"noopener\">Boost module installatie<\/a>, kan je op de link klikken.<\/li>\n<\/ol>\n<p>Dit toont een stroom die Drupal Boost zal toevoegen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4043 size-medium\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-General-optimization47-260x300.jpg\" alt=\"stroom Drupal Boost\" width=\"260\" height=\"300\"><\/p>\n<h2 id=\"client\">Client optimalisatie<\/h2>\n<p>De client kan proactief werken met meerdere subdomeinen, om media sneller te laden. Wanneer een client data te traag downloadt, dan is het interessant om met de Firefox plugin Firebug te bekijken wat er juist geladen wordt. Zijn er bijvoorbeeld meer dan 50 aparte items die geladen moeten worden, dan moet misschien op het volgende gewezen worden.<\/p>\n<h5>Simultane Browser Connecties<\/h5>\n<ul>\n<li>IE7: 2 simultane connecties<\/li>\n<li>IE8: 6 simultane connecties<\/li>\n<li>Google Chrome: 6 simultane connecties<\/li>\n<li>Mozilla Firefox: 8 simultane connecties<\/li>\n<\/ul>\n<p>Dit betekent dat, wanneer er 50 items geladen moeten worden, dit de laadtijd vertraagt, gezien alle acties die in wacht gezet worden tot er een verbinding beschikbaar is. Pas dan zal het volgende element van jouw site geladen worden, enzovoort enzoverder, tot alle items geladen zijn. De snelheid hangt uiteraard ook af van de grootte van de items.<\/p>\n<h5>Manieren om het sneller te laten gaan:<\/h5>\n<ul>\n<li>Gebruik maken van CSS sprites<\/li>\n<li>Elementen laden via individuele (sub)domeinen<\/li>\n<\/ul>\n<h6>CSS sprites:<\/h6>\n<p>Een CSS sprite kan dit voorkomen, omdat er dan slechts \u00e9\u00e9n beeldbestand is dat geladen moet worden. Daardoor zijn er minder connecties nodig. Bovendien kan vaak ook de totale grootte herleid worden.<\/p>\n<p>Klik op de link voor <a href=\"http:\/\/css-tricks.com\/css-sprites\/\" target=\"_blank\" rel=\"noopener\">meer informatie over CSS sprites<\/a><\/p>\n<h6>Gebruik (sub)domeinen om in elementen te laden:<\/h6>\n<p>Een andere manier om de laadtijd in jouw code te verminderen, is door bijvoorbeeld <a href=\"https:\/\/www.combell.com\/nl\/help\/kb\/hoe-kan-ik-een-extra-domeinnaam-toevoegen-aan-mijn-hostingpakket\/\">meerdere subdomeinen<\/a> te gebruiken. Jouw browser beperkt het aantal gelijktijdige connecties per domein, maar de browser zal domeinnaam.be zien, css.domeinnaam.be, imaes.domeinnaam.be, en die allemaal als aparte domeinen beschouwen. Daardoor krijg je een hoger aantal simultane connecties.<\/p>\n<p>Door bijvoorbeeld de afbeeldingen te laten downloaden via images.domeinnaam.be en de css-bestanden via css.domeinnaam.be, kan je de laadtijd versnellen. De bestanden zullen tegelijkertijd downloaden en de connecties overschrijden de beperkingen van de browser. Met deze methode kan je zelfs drie keer meer simultane connecties realiseren.<\/p>\n<h2 id=\"aggregate\">Installeer Aggregate Cache<\/h2>\n<ol>\n<li>Voorbereiding\n<ul>\n<li>CLEAN URLs moet actief zijn.\n<ul>\n<li>Activeer dit in Search &amp; Metadata &gt;&gt; Clean URLs<img decoding=\"async\" class=\"alignnone wp-image-4145 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering47.png\" alt=\"Search &amp; Metadata >> Clean URLs&#8221; width=&#8221;465&#8243; height=&#8221;182&#8243;><\/li>\n<\/ul>\n<\/li>\n<li>CSS \/ Javascript Aggregation moet actief zijn.\n<ul>\n<li>CSS \/ Javascript Aggregation staat in Configuration &gt;&gt; Development, bij Performance. Zorg ervoor dat je het volgende aanvinkt:\n<ol>\n<li>Aggregate and compress CSS files.<\/li>\n<li>Aggregate JavaScript files.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4146 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering48.png\" alt=\"Configuratie\" width=\"100\" height=\"29\"><br \/>\n<img decoding=\"async\" class=\"alignnone wp-image-4147 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering49.png\" alt=\"Development > performance&#8221; width=&#8221;661&#8243; height=&#8221;116&#8243;><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4148 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering50.png\" alt=\"Bandwidth optimization\" width=\"862\" height=\"193\"><\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>Download en installeer\n<ol>\n<li><a href=\"https:\/\/drupal.org\/project\/agrcache\" target=\"_blank\" rel=\"noopener\">Download Aggregate Cache<\/a> door op de link te klikken.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4149 size-medium\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering51-300x37.png\" alt=\"Download Aggregate Cache\" width=\"300\" height=\"37\"><\/li>\n<li>Installeer in \/sites\/all\/modules<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4150 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering52.png\" alt=\"\/sites\/all\/modules\" width=\"842\" height=\"21\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4151 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering53.png\" alt=\"\/sites\/all\/modules\/sites\/all\/modules\" width=\"631\" height=\"26\"><\/li>\n<li>Activeer de module vanuit de Modules afdeling in jouw back-end.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4152 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering54.png\" alt=\"Modules\" width=\"81\" height=\"27\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4153 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering55.png\" alt=\"Activeer de module\" width=\"1356\" height=\"139\"><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<h2 id=\"render\">Beheer de Render blocking resources.<\/h2>\n<p>Maak volgende aanpassingen om de browser sneller te laten beginnen met het renderen, zodat de laadtijd beduidend vermindert.<\/p>\n<h5>Verplaats de locatie van Javascript<\/h5>\n<p>Plaats Javascript in de footer van de website, zodat het later in het proces geladen wordt (nadat de pagina voor een groot deel gerendered is).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4154 size-medium\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering56-300x300.png\" alt=\"Logo Javascript\" width=\"300\" height=\"300\"><\/p>\n<h5>CSS inline<\/h5>\n<p>Zet enkel de meest kritieke CSS code inline in de themabestanden, en laat de rest asynchroon laden via LoadCSS (zie ook https:\/\/github.com\/filamentgroup\/loadCSS).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4155 size-medium\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering57-300x190.jpg\" alt=\"logo CSS inline\" width=\"300\" height=\"190\"><\/p>\n<h5>Gebruik async\/defer<\/h5>\n<p>De module zorgt ervoor dat kritieke JavaScript inline geplaatst kan worden.<\/p>\n<ol>\n<li><a href=\"https:\/\/www.drupal.org\/project\/magic\" target=\"_blank\" rel=\"noopener\">Download de &#8220;Magic&#8221; module<\/a> door op de link te klikken.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4156 size-medium\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering58-300x36.png\" alt=\"Download de &quot;Magic&quot; module\" width=\"300\" height=\"36\"><\/li>\n<li>Installeer in \/sites\/all\/modules<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4157 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering59.png\" alt=\"\/sites\/all\/modules\" width=\"814\" height=\"23\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4158 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering60.png\" alt=\"\/sites\/all\/modules\" width=\"607\" height=\"24\"><\/li>\n<li>Activeer de module vanuit de Modules afdeling van jouw back-end.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4159 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering61.png\" alt=\"Modules\" width=\"81\" height=\"27\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4160 size-full\" src=\"https:\/\/www.combell.com\/nl\/help\/wp-content\/uploads\/2019\/11\/Drupal-Algemene-optimalisering62.png\" alt=\"Activeer de module\" width=\"1364\" height=\"215\"><\/li>\n<\/ol>\n<p>Nog enkele tweak opties:<\/p>\n<ul>\n<li>Aaneenschakeling (Concatenatie) van bestanden, (zoals CSS bestanden).<\/li>\n<li>Het essenti\u00eble (van js, css en andere) inline in de PHP bestanden zetten.<\/li>\n<li>CSS Spriting<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Drupal is een van de populairste content management systemen. Het kan, mits wat optimalisering, zowel grote als kleine websites aan. Dit artikel zal je helpen om jouw CMS klaar te maken om grote hoeveelheden verkeer aan te kunnen, zonder aan snelheid in te boeten. Het eerste deel van dit artikel&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[71,27],"ht-kb-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.combell.com\/nl\/help\/wp-json\/wp\/v2\/ht-kb\/773"}],"collection":[{"href":"https:\/\/www.combell.com\/nl\/help\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.combell.com\/nl\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.combell.com\/nl\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.combell.com\/nl\/help\/wp-json\/wp\/v2\/comments?post=773"}],"version-history":[{"count":15,"href":"https:\/\/www.combell.com\/nl\/help\/wp-json\/wp\/v2\/ht-kb\/773\/revisions"}],"predecessor-version":[{"id":5475,"href":"https:\/\/www.combell.com\/nl\/help\/wp-json\/wp\/v2\/ht-kb\/773\/revisions\/5475"}],"wp:attachment":[{"href":"https:\/\/www.combell.com\/nl\/help\/wp-json\/wp\/v2\/media?parent=773"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.combell.com\/nl\/help\/wp-json\/wp\/v2\/ht-kb-category?post=773"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.combell.com\/nl\/help\/wp-json\/wp\/v2\/ht-kb-tag?post=773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}