{"id":4102,"date":"2020-05-23T00:09:59","date_gmt":"2020-05-23T00:09:59","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=4102"},"modified":"2020-06-04T18:07:35","modified_gmt":"2020-06-04T18:07:35","slug":"how-to-make-the-theme-load-faster","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/nl\/dream-theme-support-portal\/hoe-het-thema-sneller-laden\/","title":{"rendered":"Hoe het thema sneller wordt geladen"},"content":{"rendered":"<p><head><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><br \/>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/head><\/p>\n<p>Hoe het thema sneller wordt geladen<\/p>\n<div id=\"wrapper\">\n<div class=\"inner-content\">\n<ol>\n<li id=\"cache\">Installeren <a href=\"http:\/\/support.dream-theme.com?s=W3+Total+Cache&amp;post_type=knowledgebase\">caching-plug-in<\/a><\/li>\n<li id=\"image_size\">Verklein indien mogelijk de grootte van de afbeeldingen.<br \/>Als u veel afzonderlijke afbeeldingen of mooie media-elementen gebruikt, gebruik dan afbeeldingen in dezelfde grootte als weergegeven op de site (of iets groter dan de weergavegrootte voor een betere kwaliteit in responsieve modus). Of selecteer een vooraf gedefinieerd formaat zoals &quot;groot&quot;, &quot;medium&quot;, &quot;miniaturen&quot;, enz .:\n<div id=\"attachment_91948\" class=\"wp-caption aligncenter c1\"><a href=\"https:\/\/support.dream-theme.com\/wp-content\/uploads\/2019\/05\/Fig._1._Image_size..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-91948\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._1._Image_size..png\" alt=\"Fig. 1. Afbeeldingsgrootte.\" width=\"689\" height=\"394\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1. Afbeeldingsgrootte.<\/p>\n<\/div>\n<p>Als u een aangepast formaat zoals 250 \u00d7 250 gebruikt, verandert het formaat van afbeeldingen onmiddellijk in, waardoor de laadtijd toeneemt.<\/p>\n<\/li>\n<li id=\"image_compress\">Installeer een plug-in voor het comprimeren van afbeeldingen, zoals <a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\">https:\/\/wordpress.org\/plugins\/tiny-compress-images<\/a>\/. Misschien wilt u de kwaliteit van gecomprimeerde afbeeldingen controleren op\u00a0<a href=\"http:\/\/tinypng.com\">tinypng.com<\/a> eerste.<\/li>\n<li id=\"gzip\">Schakel Gzip-compressie in. Door gzip-compressie te gebruiken, kunt u de grootte van uw pagina verkleinen en de laadsnelheid verbeteren. <a href=\"https:\/\/kinsta.com\/knowledgebase\/enable-gzip-compression\/\">Hier<\/a>, kunt u lezen hoe u kunt controleren of gzip is ingeschakeld op uw server en hoe u dit kunt inschakelen.<\/li>\n<li id=\"deactivate_plugins\">Deactiveer onnodige plug-ins. Als u bijvoorbeeld plug-ins zoals &quot;The7 GoPricing Tables&quot; of &quot;The7 Layer Slider&quot; actief hebt, controleer dan het dashboard en zorg ervoor dat u daar echt tabellen of sliders hebt gemaakt. Als dit niet het geval is, deactiveer ze dan.<\/li>\n<li>Verlaag het aantal Google-lettertypen, hoe meer lettertypen u gebruikt, betekent dat er meer lettertypen moeten worden geladen en dat de bronnen en laadtijd toenemen.<br \/>Het gaat zelfs nog sneller als u systeemlettertypen gebruikt.<\/li>\n<li>Wanneer u Google-lettertypen gebruikt, schakelt u The7&gt; Mijn The7&gt; Stel weergave &quot;swap&quot; in voor Google-lettertypen, dit zal de snelheidsscore van Google-pagina&#039;s verbeteren<\/li>\n<li>Zorg ervoor dat u dezelfde Google-lettertypen niet meerdere keren laadt vanuit verschillende plug-ins zoals Ultimate add-on en Revolution-schuifregelaar.\n<ul>\n<li>Selecteer geen lettertypefamilie in de Elements Typography-instellingen, maar selecteer Standaard en kies lettertypen in Thema-opties&gt; Typografie<\/li>\n<li>Selecteer in de Revolution-schuifregelaar Schuifregelaar revolutie&gt; Gobal-instellingen&gt; Google-lettertype downloaden inschakelen: uitschakelen, zelf laden en lettertypen gebruiken die al zijn geselecteerd in thema-opties.<\/li>\n<\/ul>\n<\/li>\n<li id=\"decrease_items\">Verlaag het aantal items (blogs, portfolio&#039;s, albums, foto&#039;s) binnen de shortcode- en sjablooninstellingen:\n<div id=\"attachment_91951\" class=\"wp-caption aligncenter c2\"><a href=\"https:\/\/support.dream-theme.com\/wp-content\/uploads\/2019\/05\/Fig._2._Decrease_number_of_posts..png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-91951 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._2._Decrease_number_of_posts..png\" alt=\"Fig. 2. Verminder het aantal berichten.\" width=\"690\" height=\"292\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 2. Verminder het aantal berichten.<\/p>\n<\/div>\n<\/li>\n<li id=\"wordfence\">Als u de Wordfence-beveiligingsplug-in gebruikt, deactiveer dan Live Traffic - het vertraagt sites enorm.\n<div id=\"attachment_28554\" class=\"wp-caption aligncenter c3\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-28554 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2015\/07\/upload_6_16_2015_at_10_34_24_AM.png\" alt=\"upload_6_16_2015_at_10_34_24_AM\" width=\"166\" height=\"185\"><\/p>\n<p class=\"wp-caption-text\">Fig. 3. Schakel \u201cLive Traffic\u201d uit in Wordfence.<\/p>\n<\/div>\n<\/li>\n<li id=\"server\">Controleer uw server <a href=\"https:\/\/kinsta.com\/blog\/ttfb\/\">TTFB<\/a> prestaties met <a href=\"http:\/\/www.bytecheck.com\/\">http:\/\/www.bytecheck.com\/<\/a> Normale tijd is 100 - 500 ms.<\/li>\n<li>Verwijder onnodige pictogrammen uit The7 -&gt; Icon manager: laat alleen die set pictogrammen die u echt op de site gebruikt achter. Als u Font Awesome ver. 4, update het naar ver. 5 (door FA ver.4 te verwijderen en FA ver.5 te installeren):\n<div id=\"attachment_95132\" class=\"wp-caption aligncenter c4\"><a href=\"https:\/\/support.dream-theme.com\/wp-content\/uploads\/2019\/05\/fa5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-95132\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/12\/fa5.png\" alt=\"Afb. 4. Importeer Font Awesome 5.\" width=\"1000\" height=\"242\"><\/a><\/p>\n<p class=\"wp-caption-text\">Afb. 4. Importeer Font Awesome 5.<\/p>\n<\/div>\n<\/li>\n<li>Gebruik indien mogelijk geen Legacy-functies in het menu The7 -&gt; My The7. Of laat alleen die functies ingeschakeld die u echt nodig heeft. Deze functies kunnen extra CSS-stijlen aan de pagina toevoegen.<\/li>\n<li id=\"cdn\">Gebruik Content Delivery Network (CDN), zoals <a href=\"https:\/\/www.stackpath.com\/maxcdn\/\">Max. CDN<\/a> of <a href=\"https:\/\/www.cloudflare.com\/\">Cloudflare<\/a> (zorg ervoor dat u heeft uitgeschakeld <a href=\"https:\/\/the7kennisbank.nl\/dream-theme-support-portal\/knowledgebase\/cloudflare-rocket-loader\/\">raketlader<\/a> voorzien zijn van).<\/li>\n<li>Ga naar The7 -&gt; My The7 -&gt; Instellingen -&gt; The7 berichttypen en elementen en schakel alle aangepaste berichttypen uit die je niet gebruikt. Als je helemaal geen aangepaste berichttypen gebruikt, deactiveer dan de The7 Elements-plug-in.<\/li>\n<li id=\"the7_legacy\">Ga naar The7 -&gt; My The7 en schakel alles uit <em>Legacy-functies<\/em> als u geen verouderde The7-functies gebruikt.<\/li>\n<li id=\"the7_fonts\">Ga naar The7 -&gt; Icon Fonts Manager en laat alleen de vereiste pictogrammensets over.<\/li>\n<li id=\"upgrade_php\">Upgrade indien mogelijk uw PHP. De meest recente versie van The7 is compatibel met PHP 7.3<\/li>\n<li id=\"disable_ua\">Als de back-end traag werkt, probeer dan een adres <a href=\"https:\/\/docs.brainstormforce.com\/does-ultimate-addons-make-backend-slow\/\">schakel elementen uit die u niet gebruikt<\/a><\/li>\n<li id=\"gutenberg\">Als je geen Gutenberg-blokken op de website gaat gebruiken, heb je \/wp-include\/css\/dist\/block-library\/style.min.css en \/ wp-include \/ css \/ dist \/ block-library \/ theme niet nodig .min.css absoluut. Om deze stijlen te elimineren, ga je naar WPbakery -&gt; Algemene instellingen en schakel je de optie &quot;Gutenberg Editor uitschakelen&quot; in. Als u de WPbakery-plug-in niet gebruikt, kunt u het volgende fragment gebruiken in de functions.php van de <a href=\"https:\/\/support.dream-theme.com\/knowledgebase\/child-theme\">kind thema<\/a> om deze extra stylesheet van uw site te verwijderen\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\"> \/\/ verwijder de Gutenberg-stijlbladfunctie wp_dequeue_gutenberg_styles () {wp_dequeue_style (&#039;wp-block-library&#039;); wp_dequeue_style (&#039;wp-block-library-theme&#039;); } add_action (&#039;wp_print_styles&#039;, &#039;wp_dequeue_gutenberg_styles&#039;, 100); <\/pre>\n<\/li>\n<li id=\"fillin_excerpts\">Vul in <a href=\"https:\/\/the7kennisbank.nl\/dream-theme-support-portal\/blog-excerpts-do-not-show-up\/\">fragmenten<\/a> in de berichten en laat fragmenten zien in plaats van de pagina-inhoud in de blog shortcodes en sjablonen.\n<div id=\"attachment_87067\" class=\"wp-caption aligncenter c5\"><a href=\"https:\/\/support.dream-theme.com\/wp-content\/uploads\/2017\/10\/excerpt.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-87067 size-medium\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/05\/excerpt-256x300-1.png\" alt=\"\" width=\"256\" height=\"300\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 5. Uittreksel weergeven.<\/p>\n<\/div>\n<\/li>\n<li id=\"gopricong\">Als u de plug-in The7 Go Pricing gebruikt, kunt u de TweenMax-bibliotheek laden en lettertypepictogrammen laden uitschakelen (aangezien FontAwesome-pictogrammen al door het thema zijn opgenomen). Deze opties bevinden zich in het The7 Go Pricing -&gt; Algemene instellingen -&gt; tabblad Activa:\n<div id=\"attachment_87072\" class=\"wp-caption aligncenter c6\"><a href=\"https:\/\/support.dream-theme.com\/wp-content\/uploads\/2019\/05\/Go-Pricing-assets.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-87072 size-medium\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/05\/Go-Pricing-assets-300x292-1.png\" alt=\"\" width=\"300\" height=\"292\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 6. Schakel nutteloze bibliotheken uit.<\/p>\n<\/div>\n<\/li>\n<li id=\"rev_slider\">Als u de The7 Slider Revolution-plug-in gebruikt, kunt u naar The7 Slider Revolution -&gt; Algemene instellingen gaan en de optie &quot;Defer JavaScript Loading&quot; inschakelen.<br \/>Ook voor mobiele prestaties raden we aan <a href=\"https:\/\/www.themepunch.com\/slider-revolution\/module-general-settings\/#disable-mobile\">Revolution Slider deactiveren op de mobiele apparaten<\/a>. Afhankelijk van de complexiteit van de dia, kan de diavoorstelling veel browserbronnen in beslag nemen. Vooral op mobiele telefoons.<\/li>\n<li id=\"layer_slider\">Als je de The7 Layer slider plugin gebruikt, ga dan naar The Layer slider -&gt; Options -&gt; Advanced en activeer opties:\n<ul>\n<li>Gebruik caching van schuifregelaars<\/li>\n<li>Neem scripts op in de voettekst<\/li>\n<li>Voorwaardelijk laden van script<\/li>\n<li>Stel het laden van JavaScript uit<\/li>\n<\/ul>\n<\/li>\n<li id=\"critical_css\">Om de eerste betekenisvolle &quot;verf&quot; (weergave van gebruikersinterface) te verbeteren, kunt u kritieke CSS genereren en gecombineerde CSS opheffen. Dit kan gedaan worden met behulp van de <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\">Autoptimize plug-in<\/a><br \/>Meer details zijn te vinden op de plug-in <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/#what%20is%20the%20use%20of%20%E2%80%9Cinline%20and%20defer%20css%E2%80%9D%3F\">FAQ<\/a> bladzijde . <strong>Houd er rekening mee dat<\/strong> u moet kritieke CSS elke keer dat u iets op de site wijzigt, opnieuw genereren. Als alternatief kan het automatisch worden gedaan met behulp van de <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize-criticalcss\/\">Kritieke CSS automatisch optimaliseren<\/a> uitbreiding.<\/li>\n<\/ol>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>How to make the theme load faster Install caching plugin If possible, decrease the size of the images.If you are using a lot of single images or fancy media elements, use images in the same size as displayed in the site (or slightly larger than display size for better quality in responsive mode). Or select&hellip;<\/p>","protected":false},"author":2,"featured_media":4503,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[30,31],"tags":[],"class_list":["post-4102","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dream-theme-support-portal","category-knowledgebase","category-30","category-31","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/4102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/comments?post=4102"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/4102\/revisions"}],"predecessor-version":[{"id":5522,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/4102\/revisions\/5522"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media\/4503"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media?parent=4102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/categories?post=4102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/tags?post=4102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}