{"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\/en\/dream-theme-support-portal\/how-to-make-the-theme-load-faster\/","title":{"rendered":"How to make the theme load faster"},"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>How to make the theme load faster<\/p>\n<div id=\"wrapper\">\n<div class=\"inner-content\">\n<ol>\n<li id=\"cache\">Install <a href=\"http:\/\/support.dream-theme.com?s=W3+Total+Cache&amp;post_type=knowledgebase\">caching plugin<\/a><\/li>\n<li id=\"image_size\">If possible, decrease the size of the images.<br \/>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 predefined size like \u201clarge\u201d, \u201cmedium\u201d, \u201cthumbnails\u201d, etc.:\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. Image size.\" width=\"689\" height=\"394\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1. Image size.<\/p>\n<\/div>\n<p>Using a custom size like 250\u00d7250 will turn into resizing images on the fly, which increases loading time.<\/p>\n<\/li>\n<li id=\"image_compress\">Install image compressing plugin, like <a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\">https:\/\/wordpress.org\/plugins\/tiny-compress-images<\/a>\/. You may want to check the quality of compressed images at\u00a0<a href=\"http:\/\/tinypng.com\">tinypng.com<\/a> first.<\/li>\n<li id=\"gzip\">Enable Gzip compression. By using gzip compression, you can decrease the size of your page and improve loading speed. <a href=\"https:\/\/kinsta.com\/knowledgebase\/enable-gzip-compression\/\">Here<\/a>, you can read how to check if gzip is enabled on your server and how to enable it.<\/li>\n<li id=\"deactivate_plugins\">Deactivate needless plugins. For example, if you have plugins like \u201cThe7 GoPricing Tables\u201d or \u201cThe7 Layer Slider\u201d active, please check its dashboard and make sure you really have any tables or sliders created there. If not, deactivate them.<\/li>\n<li>Decrease the number of google fonts, the more fonts you use means more fonts have to load and it will increase resources and loading time.<br \/>It will be even faster if you use system fonts.<\/li>\n<li>When using Google fonts, enable The7 &gt; My The7 &gt; Set display \u201cswap\u201d for google fonts, this will imporove Google page speed score<\/li>\n<li>Make sure you are not loading same google fonts multiple times from different plugins like Ultimate addon and Revolution slider.\n<ul>\n<li>Avoid selecting font family in Elements Typography settings, instead select Default and choose fonts in Theme options &gt; Typography<\/li>\n<li>In Revolution slider, select Slider revolution &gt; Gobal settings &gt; Enable Google Font Download: Disable, Load on your own, and use fonts which are already selected in Theme optoins.<\/li>\n<\/ul>\n<\/li>\n<li id=\"decrease_items\">Decrease number of items (blogs, portfolios, albums, photos) inside the shortcode and templates settings :\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. Decrease number of posts.\" width=\"690\" height=\"292\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 2. Decrease number of posts.<\/p>\n<\/div>\n<\/li>\n<li id=\"wordfence\">If you are using Wordfence Security plugin, deactivate Live Traffic \u2013 it extremely slows down sites.\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. Disable \u201cLive Traffic\u201d in Wordfence.<\/p>\n<\/div>\n<\/li>\n<li id=\"server\">Check your server <a href=\"https:\/\/kinsta.com\/blog\/ttfb\/\">TTFB<\/a> performance with <a href=\"http:\/\/www.bytecheck.com\/\">http:\/\/www.bytecheck.com\/<\/a> Normal time is 100 \u2013 500 ms.<\/li>\n<li>Remove needless icons from The7 -&gt; Icon manager: you should leave only those icons sets which you really use on the site. If you use Font Awesome ver. 4, update it to ver. 5 (by deleting FA ver.4 and installing FA ver. 5):\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=\"Fig. 4. Import Font Awesome 5.\" width=\"1000\" height=\"242\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 4. Import Font Awesome 5.<\/p>\n<\/div>\n<\/li>\n<li>If possible, do not use Legacy features in The7 -&gt; My The7 menu. Or leave enabled only those features that you really need. These features can add additional CSS styles to the page.<\/li>\n<li id=\"cdn\">Use content delivery network (CDN), such as <a href=\"https:\/\/www.stackpath.com\/maxcdn\/\">Max CDN<\/a> or <a href=\"https:\/\/www.cloudflare.com\/\">Cloudflare<\/a> (make sure you have disabled <a href=\"https:\/\/the7kennisbank.nl\/dream-theme-support-portal\/knowledgebase\/cloudflare-rocket-loader\/\">rocket loader<\/a> feature).<\/li>\n<li>Go to\u00a0The7 -&gt;\u00a0My The7 -&gt; Settings -&gt; The7 Post Types and Elements and disable all custom post types you don\u2019t use. If you don\u2019t use custom post types at all, please deactivate The7\u00a0Elements plugin.<\/li>\n<li id=\"the7_legacy\">Go to\u00a0The7 -&gt;\u00a0My The7 and disable all <em>Legacy Features<\/em> if you don\u2019t use outdated The7 features.<\/li>\n<li id=\"the7_fonts\">Go to\u00a0The7 -&gt; Icon Fonts Manager and leave only required icon sets.<\/li>\n<li id=\"upgrade_php\">If possible, upgrade your PHP. The most recent version of The7 is compatible with PHP 7.3<\/li>\n<li id=\"disable_ua\">If back-end works slow, please address try to <a href=\"https:\/\/docs.brainstormforce.com\/does-ultimate-addons-make-backend-slow\/\">disable elements you don\u2019t use<\/a><\/li>\n<li id=\"gutenberg\">If you are not going to use Gutenberg blocks on the website, you do not need \/wp-includes\/css\/dist\/block-library\/style.min.css and\u00a0\/wp-includes\/css\/dist\/block-library\/theme.min.css absolutely. To eliminate these styles, you can go to WPbakery -&gt;\u00a0 General Settings and enable \u201cDisable Gutenberg Editor\u201d option. If you do not use\u00a0WPbakery\u00a0 plugin, you can use the following snippet in the functions.php of the <a href=\"https:\/\/support.dream-theme.com\/knowledgebase\/child-theme\">child theme<\/a> to remove this extra stylesheet from your site\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\"> \/\/remove Gutenberg stylesheetfunction wp_dequeue_gutenberg_styles(){  wp_dequeue_style( 'wp-block-library' ); wp_dequeue_style( 'wp-block-library-theme' ); } add_action( 'wp_print_styles', 'wp_dequeue_gutenberg_styles', 100 ); <\/pre>\n<\/li>\n<li id=\"fillin_excerpts\">Fill in <a href=\"https:\/\/the7kennisbank.nl\/dream-theme-support-portal\/blog-excerpts-do-not-show-up\/\">excerpts<\/a> in the posts and display excerpts instead of the page content in the blog shortcodes and templates.\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. Display Excerpt.<\/p>\n<\/div>\n<\/li>\n<li id=\"gopricong\">If you are using The7 Go Pricing plugin, you can disable Loading TweenMax library and loading Font icons (since FontAwesome icons are already included by the theme). These options located in the The7 Go Pricing -&gt; General settings -&gt; Assets tab:\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. Disable useless libraries.<\/p>\n<\/div>\n<\/li>\n<li id=\"rev_slider\">If you are using The7 Slider revolution plugin, you can go to The7 Slider Revolution -&gt; General settings and enable \u201cDefer JavaScript Loading\u201d option.<br \/>Also, for mobile performance, we recommend <a href=\"https:\/\/www.themepunch.com\/slider-revolution\/module-general-settings\/#disable-mobile\">deactivating Revolution Slider on the mobile devices<\/a>. Depending on slide complexity, the slideshow can take many browser resources. Especially, on mobiles.<\/li>\n<li id=\"layer_slider\">If you are using The7 Layer slider plugin, you can go to The Layer slider -&gt; Options -&gt; Advanced and activate options:\n<ul>\n<li>Use slider markup caching<\/li>\n<li>Include scripts in the footer<\/li>\n<li>Conditional script loading<\/li>\n<li>Defer JavaScript loading<\/li>\n<\/ul>\n<\/li>\n<li id=\"critical_css\">To improve the first meaningful \u201cpaint\u201d (user interface rendering), you can Generate critical CSS and deffer Combined CSS. This can be done with help of the <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\">Autoptimize plugin<\/a><br \/>More details can be found on the plugin <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> page . <strong>Please note<\/strong> you should regenerate critical CSS every time you change something on the site. Alternatively, it can be done automatically with the help of the <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize-criticalcss\/\">Autoptimize critical css<\/a> extension.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n","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>\n","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\/en\/wp-json\/wp\/v2\/posts\/4102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=4102"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4102\/revisions"}],"predecessor-version":[{"id":5522,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4102\/revisions\/5522"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/4503"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=4102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=4102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=4102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}