Speed Up Magento With Google's Core Web Vitals

1
www.vihadigitalcommerce.com
2
About VDC
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 247 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 stores 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 codes 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 gt Configuration gt Advanced gt
  Developer
• Set Minify JavaScript Files option to Yes
• Set Merge JavaScript File option to Yes
• Flush Cache at System gt 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 gt Configuration gt Advanced gt
  Developer
• Set Minify CSS Files option to Yes.
• Set Merge CSS files option to Yes.
• Flush Cache at System gt 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 gt Configuration gt Advanced gt
  Developer gt Template Settings
• Set Minify HTML option to yes.
• Flush Cache at System gt 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 -gt Admin -gt Store -gt Configuration -gt
  Advanced -gt Developer (Enabled only on Developer
  mode). JavaScript settings -gt 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_at_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.vihadigitalcomme
rce.com/blog/
www.vihadigitalcommerce.com
9
LET'S GET TOGETHER Start Discussion About Your
eCommerce Development Online Marketing Hassle-f
ree One Stop Solutions, Hire Us!
Website www.vihadigitalcommerce.com Skype
bdo3.magentoguys Email info_at_vihadigitalcommerce
.com Call 91 7096620202