{"id":1236,"date":"2019-07-26T07:32:17","date_gmt":"2019-07-26T07:32:17","guid":{"rendered":"https:\/\/www.nethues.com\/blog\/?p=1236"},"modified":"2023-08-09T09:52:20","modified_gmt":"2023-08-09T09:52:20","slug":"magento-2-website-speed-optimisation-the-complete-guide-2019","status":"publish","type":"post","link":"https:\/\/www.nethues.com\/blog\/magento-2-website-speed-optimisation-the-complete-guide-2019\/","title":{"rendered":"Magento 2 Website Speed Optimisation: The Complete Guide 2019"},"content":{"rendered":"<p>Speed optimization is one of the most crucial aspects behind the success of an eCommerce store. A slow-loading website is hated by one and all to the extent that 40% of people abandon a website\u00a0that takes more than 3 seconds to load.<\/p>\n<p>Well, the statistics remain the same for Magento 2 stores also. Though the platform sits in the heart of several merchants due to its out-of-the-box functionalities and scalability, speed remains the concern. After all, your website is made of, for and by customers, thus it is your responsibility to make their experience worth it.<\/p>\n<p>Moreover, your speed has a direct impact on your sales, revenue, SEO rankings, abandonment rate and brand image.<\/p>\n<p><em><i>If an e<\/i><\/em><em><i>C<\/i><\/em><em><i>ommerce site is making $100,000 per day, a 1<\/i><\/em><em><i>-s<\/i><\/em><em><i>econd page delay could potentially cost you $2.5 million in lost sales every year. &#8211;\u00a0<\/i><\/em><a href=\"https:\/\/blog.kissmetrics.com\/loading-time\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em><i>Kissmetrics<\/i><\/em><\/a><\/p>\n<p>That\u2019s huge.<\/p>\n<p>Don\u2019t worry, this post won\u2019t let you come across such a situation. We have highlighted some <strong><b>tips to improve the speed of your Magento 2 website<\/b><\/strong>\u00a0for satisfied customers and great returns.<\/p>\n<p>Before we start with the steps, it is important to check your site score in <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google\u2002PageSpeed Tools<\/a>\u00a0to know your current page speed score and detect improvement areas.<\/p>\n<p>Once you know your weak points, get started:<\/p>\n<p><strong><b>S<\/b><\/strong><strong><b>tep 1: <\/b><\/strong><\/p>\n<p><strong><b>Select <\/b><\/strong><strong><b>A Fast <\/b><\/strong><strong><b>Hosting Server<br \/>\n<\/b><\/strong>Your website\u2019s hosting plan plays a pivotal role in the overall performance of your website. It is important for you to select a plan that meets all the requirements of Magento 2\u00a0and provides quick connection time and response on each server request.<\/p>\n<p>Moreover, the hosting server should also focus on time to first byte (TTFB) since TTFB provides info on how quickly your server executes a PHP code.<\/p>\n<p><strong><b>S<\/b><\/strong><strong><b>tep 2:<\/b><\/strong><\/p>\n<p><strong><b>3rd Party Extensions<br \/>\n<\/b><\/strong>Before we start working on Magento 2 speed optimization, it is recommended to inspect all the 3rd party extensions you have installed on your Magento 2 store.<\/p>\n<p>While extensions add functionalities to your store and enhance the user experience, some of them might not be compatible and causing your website to slow down. So inspect each extension or plugin to know whether or not your site\u2019s speed is affected.<\/p>\n<p>Here\u2019s how you can get the list of all the extensions installed on your Magento 2 store:<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"7\">1<\/td>\n<td width=\"690\">php bin\/magento module:status<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<p>This will help in disabling\u00a0an extension\u00a0that might be slowing down the speed:<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"7\">1<\/td>\n<td width=\"690\">php bin\/magento module:disable VendorName_PluginName<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<p>To enable it again you can run below command:<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"8\">1<\/td>\n<td width=\"690\">php bin\/magento module:enable VendorName_PluginName<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong><b>S<\/b><\/strong><strong><b>tep 3:<\/b><\/strong><\/p>\n<p><strong><b>Enable Flat Categories and Products<br \/>\n<\/b><\/strong>If you have a wide range of products in your store, then you are most likely to face speed issues.\u00a0This happens due to the delay in reading catalog data from the database. To eliminate this, Magento boasts an in-built feature to enable flat Category and products which allows in reducing the read time and makes\u00a0the database data faster with MySQL query execution.<\/p>\n<p>To enable this feature, you need to go to your Magento 2 store Admin and follow the path: Stores -&gt; Configuration -&gt;Catalog -&gt;Catalog -&gt; Storefront -&gt; choose Yes in Use Flat Catalog Category field. Follow same for Use Flat Catalog Product.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1239\" src=\"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Catalog-Category.jpg\" alt=\"Catalog Category\" width=\"1039\" height=\"1117\" srcset=\"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Catalog-Category.jpg 1039w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Catalog-Category-279x300.jpg 279w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Catalog-Category-768x826.jpg 768w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Catalog-Category-952x1024.jpg 952w\" sizes=\"(max-width: 1039px) 100vw, 1039px\" \/><\/p>\n<p><strong><b>Step 4:<\/b><\/strong><\/p>\n<p><strong><b>CSS\/JS Minification and Merge<br \/>\n<\/b><\/strong>The next step you need to follow is merging and minifying CSS and JavaScript files. This means making the web page as light as possible for fast loading\u00a0by merging the separate CSS &amp; JS files\u00a0into one single file. This, in turn, helps in minimizing the number of server requests\u00a0and compresses the file size.<\/p>\n<h4><strong><b>Javascript File<\/b><\/strong><\/h4>\n<ul>\n<li>Go to backend,Stores -&gt; Configuration &gt; Advanced &gt; Developer &gt; JavaScript Settings<\/li>\n<li>Set\u00a0Merge JavaScript Filesto Yes<\/li>\n<li>SetMinify JavaScript Files\u00a0to Yes<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1240\" src=\"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Javascript-Setting.jpg\" alt=\"Javascript Setting\" width=\"1043\" height=\"483\" srcset=\"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Javascript-Setting.jpg 1043w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Javascript-Setting-300x139.jpg 300w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Javascript-Setting-768x356.jpg 768w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Javascript-Setting-1024x474.jpg 1024w\" sizes=\"(max-width: 1043px) 100vw, 1043px\" \/><\/p>\n<p><strong><b>CSS File<\/b><\/strong><\/p>\n<ul>\n<li>Go to backend,\u00a0Stores &gt; Configuration &gt; Advanced &gt; Developer &gt; CSS Settings<\/li>\n<li>Set\u00a0Merge CSS Filesto Yes<\/li>\n<li>SetMinify CSS Files\u00a0to Yes<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1241\" src=\"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/CSS-File.jpg\" alt=\"CSS File\" width=\"1019\" height=\"370\" srcset=\"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/CSS-File.jpg 1019w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/CSS-File-300x109.jpg 300w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/CSS-File-768x279.jpg 768w\" sizes=\"(max-width: 1019px) 100vw, 1019px\" \/><\/p>\n<p><strong><b>P<\/b><\/strong><strong><b>ro-tip<\/b><\/strong>: Sometimes this may result in front pages to break or not function properly, especially when the used theme isn\u2019t compatible with front plugins and design layout.<\/p>\n<p><strong><b>S<\/b><\/strong><strong><b>tep 5:<\/b><\/strong><\/p>\n<p><strong><b>Content Delivery Network<br \/>\n<\/b><\/strong>Content Delivery Network (CDN) is a special system that connects all cache servers. With the use of CDN, web content is delivered at a much faster speed and website\u2019s performance is enhanced manifold. Unfortunately, a majority of Magento store owners do not leverage the performance benefits of using CDN because of lack of awareness.<\/p>\n<p>Don\u2019t be one of them. Set it up by going to the Admin:\u00a0Stores -&gt; Configuration -&gt; General -&gt; Web -&gt; Base URLs (Secure).<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1242\" src=\"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Content-Delivery-Network.jpg\" alt=\"Content Delivery Network\" width=\"1028\" height=\"962\" srcset=\"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Content-Delivery-Network.jpg 1028w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Content-Delivery-Network-300x281.jpg 300w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Content-Delivery-Network-768x719.jpg 768w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Content-Delivery-Network-1024x958.jpg 1024w\" sizes=\"(max-width: 1028px) 100vw, 1028px\" \/><\/p>\n<p><strong><b>S<\/b><\/strong><strong><b>tep: 6<\/b><\/strong><\/p>\n<p><strong><b>Utilize<\/b><\/strong><strong><b>\u00a0Caching<br \/>\n<\/b><\/strong>Another important aspect is caching. You need to ensure that the default System Cache is always enabled because it affects the page loading time to a great extent.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1243\" src=\"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Utilize-Caching.jpg\" alt=\"Utilize Caching\" width=\"1052\" height=\"1102\" srcset=\"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Utilize-Caching.jpg 1052w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Utilize-Caching-286x300.jpg 286w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Utilize-Caching-768x805.jpg 768w, https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Utilize-Caching-978x1024.jpg 978w\" sizes=\"(max-width: 1052px) 100vw, 1052px\" \/><\/p>\n<p><strong><b>S<\/b><\/strong><strong><b>tep 7:<\/b><\/strong><\/p>\n<p><strong><b>Image Optimization<br \/>\n<\/b><\/strong>In order to make way for a fast loading website and improved performance, you need to optimize your website\u2019s images i.e. reduce the size and weight of heavy images. For instance, JPEG images can be used for Products and PNG\/SVG for other images or logo.<\/p>\n<p><strong><b>S<\/b><\/strong><strong><b>tep 8:<\/b><\/strong><\/p>\n<p><strong><b>Enable Compression<br \/>\n<\/b><\/strong>Google suggests following\u00a0some resources for enabling compression.<\/p>\n<p>For nginx, you can change directives compression from:<br \/>\ngzip_types: text\/plain application\/x-javascript text\/javascript text\/xml text\/css image\/x-icon image\/bmp image\/png image\/gif; to<br \/>\ngzip_types: *;<\/p>\n<p>Another optimization suggested by Google is to eliminate render-blocking JavaScript and CSS in above-the-fold content. This requires implementation of defer JavaScript loading.<\/p>\n<p>Once you have implemented the optimisation(s), you can check for any improvements\u00a0with Google\u2002PageSpeed Tools.<\/p>\n<p><strong><b>Wrap up<br \/>\n<\/b><\/strong>The factors behind your website\u2019s declining performance and speed might be endless. But it is important to figure those out and adopt measures to ensure high speed or performance. Failing this, you might land yourself and your brand in a quicksand.<\/p>\n<p>In case you are unable to figure out your website\u2019s technicalities, <a href=\"https:\/\/www.nethues.com\/hire-adobe-magento-developer\">hire expert Magento 2 developers<\/a>\u00a0and experience\u00a0a drastic change.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Speed optimization is one of the most crucial aspects behind the success of an eCommerce store. A slow-loading website is hated by one and all&#8230;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":8,"featured_media":1244,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[30],"tags":[111,110],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 Website Speed Optimisation: The Complete Guide 2019<\/title>\n<meta name=\"description\" content=\"Website speed has a direct impact on your sales, revenue, SEO rankings, abandonment rate and brand image.\u00a0Don\u2019t worry. We have highlighted tips to improve the speed of your Magento 2 website\u00a0for satisfied customers and great returns.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nethues.com\/blog\/magento-2-website-speed-optimisation-the-complete-guide-2019\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 Website Speed Optimisation: The Complete Guide 2019\" \/>\n<meta property=\"og:description\" content=\"Website speed has a direct impact on your sales, revenue, SEO rankings, abandonment rate and brand image.\u00a0Don\u2019t worry. We have highlighted tips to improve the speed of your Magento 2 website\u00a0for satisfied customers and great returns.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nethues.com\/blog\/magento-2-website-speed-optimisation-the-complete-guide-2019\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-26T07:32:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-09T09:52:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Magento-2-Website-Speed-Optimisation.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1074\" \/>\n\t<meta property=\"og:image:height\" content=\"504\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sunil Verma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sunil Verma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 Website Speed Optimisation: The Complete Guide 2019","description":"Website speed has a direct impact on your sales, revenue, SEO rankings, abandonment rate and brand image.\u00a0Don\u2019t worry. We have highlighted tips to improve the speed of your Magento 2 website\u00a0for satisfied customers and great returns.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.nethues.com\/blog\/magento-2-website-speed-optimisation-the-complete-guide-2019\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 Website Speed Optimisation: The Complete Guide 2019","og_description":"Website speed has a direct impact on your sales, revenue, SEO rankings, abandonment rate and brand image.\u00a0Don\u2019t worry. We have highlighted tips to improve the speed of your Magento 2 website\u00a0for satisfied customers and great returns.","og_url":"https:\/\/www.nethues.com\/blog\/magento-2-website-speed-optimisation-the-complete-guide-2019\/","article_published_time":"2019-07-26T07:32:17+00:00","article_modified_time":"2023-08-09T09:52:20+00:00","og_image":[{"width":1074,"height":504,"url":"https:\/\/www.nethues.com\/blog\/app\/uploads\/2019\/07\/Magento-2-Website-Speed-Optimisation.jpg","type":"image\/jpeg"}],"author":"Sunil Verma","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sunil Verma","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.nethues.com\/blog\/magento-2-website-speed-optimisation-the-complete-guide-2019\/","url":"https:\/\/www.nethues.com\/blog\/magento-2-website-speed-optimisation-the-complete-guide-2019\/","name":"Magento 2 Website Speed Optimisation: The Complete Guide 2019","isPartOf":{"@id":"https:\/\/www.nethues.com\/blog\/#website"},"datePublished":"2019-07-26T07:32:17+00:00","dateModified":"2023-08-09T09:52:20+00:00","author":{"@id":"https:\/\/www.nethues.com\/blog\/#\/schema\/person\/ecd7ac69fe319f6ad24617796b95aa3e"},"description":"Website speed has a direct impact on your sales, revenue, SEO rankings, abandonment rate and brand image.\u00a0Don\u2019t worry. We have highlighted tips to improve the speed of your Magento 2 website\u00a0for satisfied customers and great returns.","breadcrumb":{"@id":"https:\/\/www.nethues.com\/blog\/magento-2-website-speed-optimisation-the-complete-guide-2019\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nethues.com\/blog\/magento-2-website-speed-optimisation-the-complete-guide-2019\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.nethues.com\/blog\/magento-2-website-speed-optimisation-the-complete-guide-2019\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nethues.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magento 2 Website Speed Optimisation: The Complete Guide 2019"}]},{"@type":"WebSite","@id":"https:\/\/www.nethues.com\/blog\/#website","url":"https:\/\/www.nethues.com\/blog\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nethues.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.nethues.com\/blog\/#\/schema\/person\/ecd7ac69fe319f6ad24617796b95aa3e","name":"Sunil Verma","description":"He works dedicatedly to carve out Magento best strategies and practices for a happy customer base or experience.","url":"https:\/\/www.nethues.com\/blog\/author\/sunilverma\/"}]}},"_links":{"self":[{"href":"https:\/\/www.nethues.com\/blog\/wp-json\/wp\/v2\/posts\/1236"}],"collection":[{"href":"https:\/\/www.nethues.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nethues.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nethues.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nethues.com\/blog\/wp-json\/wp\/v2\/comments?post=1236"}],"version-history":[{"count":10,"href":"https:\/\/www.nethues.com\/blog\/wp-json\/wp\/v2\/posts\/1236\/revisions"}],"predecessor-version":[{"id":3630,"href":"https:\/\/www.nethues.com\/blog\/wp-json\/wp\/v2\/posts\/1236\/revisions\/3630"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nethues.com\/blog\/wp-json\/wp\/v2\/media\/1244"}],"wp:attachment":[{"href":"https:\/\/www.nethues.com\/blog\/wp-json\/wp\/v2\/media?parent=1236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nethues.com\/blog\/wp-json\/wp\/v2\/categories?post=1236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nethues.com\/blog\/wp-json\/wp\/v2\/tags?post=1236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}