1 / 9

Speed Up Magento by Optimizing HTML, JS and CSS

The Google core web vitals update will become a new ranking indicator. Your Magento 2 website's overall user page experience can have a big impact on sales and SEO rankings. Read more: https://www.vihadigitalcommerce.com/speed-up-magento-with-googles-core-web-vitals/<br>

vihadigital
Download Presentation

Speed Up Magento by Optimizing HTML, JS and CSS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. www.vihadigitalcommerce.com

  2. AboutVDC Over 8+ years & 1800+ projects, VDC is a full service ECommerce Web Development & Online Marketing Agency that provides value added services at affordable rates to numerous small, medium & large size of businesses across the world. Deliver 24×7 uptime and responsive digital commerce solutions that allow businesses to offer remote access of their professional offerings. VDC is an offshore web development & online marketing center with agile approach of development. www.vihadigitalcommerce.com

  3. Speed Up Magento by Optimizing HTML, JS and CSS • Magento is the most popular and frequently used eCommerce platform because it is the most powerful, versatile, and performance-oriented platform available. • As a result, Magento 2, the most recent version of the platform, has become the platform of choice for the majority of eCommerce companies and online retailers. • The Magento 2 platform, on the other hand, can suffer from poor performance if it is not properly tuned. • However, optimizing your store’s JS, CSS, and HTML will undoubtedly help in Speed and Performance Optimization • Why is it important to minify HTML, CSS, and JS files in Magento 2? • Minification is a type of code optimization in which unnecessary data is removed from the code (code obfuscation), but the code’s functionality remains unchanged. • When code is minified, it retains all of its functionality. JavaScript, CSS, HTML, and other types of code can all be minified. www.vihadigitalcommerce.com

  4. How to optimize JS, CSS, and HTML in Magento 2 • Minifying and merging Javascript To minify and merge java scripts in Magento2, you should follow the below steps • Put Magento 2 into production mode • Go to Stores > Configuration > Advanced > Developer • Set Minify JavaScript Files option to Yes • Set Merge JavaScript File option to Yes • Flush Cache at System > Cache Management page • When complete, Save Config • Minifying and merging CSS files To minify and Merge CSS files in Magento2, you should follow the below steps • Put Magento 2 into production mode. • Go to Stores > Configuration > Advanced > Developer • Set Minify CSS Files option to Yes. • Set Merge CSS files option to Yes. • Flush Cache at System > Cache Management page. • When complete, Select save Config www.vihadigitalcommerce.com

  5. Minifying HTML in Magento 2 To enable HTML minify: • Put Magento 2 into production mode. • Go to Stores > Configuration > Advanced > Developer > Template Settings • Set Minify HTML option to yes. • Flush Cache at System > Cache Management page • Enable Javascript Bundling: • Switch to production mode from the Magento root directory. • Turn on JavaScript bundling. • Minimize JavaScript files to optimize bundling. • Turn on cache busting for static file URLs. This ensures that consumers always have the most recent version of the assets when they update. • To enable JavaScript bundling, deactivate JavaScript file merging. Bundling will not work because file merging precludes bundling www.vihadigitalcommerce.com

  6. Move Javascript (JS) to the footer: To Move Java Scripts to Footer in Magento 2: • Go To -> Admin -> Store -> Configuration -> Advanced -> Developer (Enabled only on Developer mode). JavaScript settings -> Move JS code to the bottom of the page • If the above option is selected, all scripts will be moved to the bottom of the page when it loads. This will help in the Speed and Performance Optimization of your Magento store • Grid settings and reindexing Grid Settings configures updates to the following order management grids and reindexes the data according to Cron schedule: • Orders • Invoices • Shipments • Credit Memos www.vihadigitalcommerce.com

  7. Wrapping Up: • By optimizing CSS, JS, and HTML files, you can marginally improve Magento 2 performance. • However, it is insufficient to significantly speed up Magento 2. To make your Magento 2 store quick, you must consider many other factors, such as image optimization, the use of a fast server, CDN, Varnish, Full Page Cache, lowering the number of requests, and so on. • Because speed optimization is a thorough technique, enlisting the assistance of Magento experts will help you improve the performance of your Magento store. • If you are experiencing issues with the speed of your Magento store, please contact us at info@vihadigitalcommerce.com www.vihadigitalcommerce.com

  8. Read the complete story follow the link below:- Speed Up Magento by Optimizing HTML, JS and CSS Read Blog: https://www.vihadigitalcommerce.com/blog/ www.vihadigitalcommerce.com

  9. LET'S GET TOGETHER Start Discussion About Your eCommerce Development & Online Marketing Hassle-free One Stop Solutions, Hire Us! Website: www.vihadigitalcommerce.com Skype: bdo3.magentoguys Email: info@vihadigitalcommerce.com Call: +91 7096620202

More Related