Skip to main content

Magento 2 Performance Optimization (2021)

Magento 2 performance optimization is very important for visitors. Magento 2 Speed Optimization improves web page performance in order to place your store at the top of Google search rating. Boost your website traffic by speed optimization. You can get an endless stream of new visitors.

 How can we check the current website page speed and performance?

 We can check the website page speed using below two ways.

  1. GTmetrix
  2. Google Page speed.

 Let me check my website(trycoder) page speed.

GT Metrix:

First, go to the https://gtmetrix.com/ website. After entering your website URL and clicking on the “Test Your Website” button.

Magento 2 Performance Optimization


Google PageSpeed:

First, go to the https://developers.google.com/speed/pagespeed/insights/ website and enter your website URL. Then click on the “ANALYZE” button.

Desktop - 

Magento 2 Performance Optimization

Mobile -

 Magento 2 Performance Optimization

Magento 2 Default page speed settings

  1. Magento 2 image optimization
  2. Enable Merge CSS, JavaScript in Magento 2
  3. Enable Flat Categories and Products
  4. Caching
  5. Compression
  6. Use production mode
  7. JS Binding
  8. Comprese the JS

 

Let’s me discuss:

Magento 2 image optimization :

Image optimization is very important for speeding up your website. We can optimize the images using GT metrix. Generate the latest performance report of your website.

Magento 2 Performance Optimization

  • Now, Go to the  “Structure” tab as per the above image and open the “Serve images in next-gen formats” tab. You can check the optimized images of your website. You can use those images and replace your website.
Magento 2 Performance Optimization


  Especially For Magento, There are many extensions available for image optimization. You can check the magento marketplace available image optimization extension. 

I suggest you use 👉 MagePlaza Image optimization 

Enable Merge CSS, JavaScript in Magento 2:

We can merge the CSS, javascript file using the admin panel in Magento 2. Open the admin panel.

Note:

Make sure, You need to enable the developer mode before switching to backend using below command.

“Php bin/magento deploy:mode:set developer”

 

Now, Go to the “Store - Configuration” Open the Advanced tab and click on the “Developer” link.

Magento 2 Performance Optimization

Magento 2 Performance Optimization

After opening the Developer tab, You need to open the JavaScript Settings as per the below screenshot.

Magento 2 Performance Optimization

Make enabled below tabs.

  1. Merge JavaScript Files
  2. Enable JavaScript Bundling
  3. Minify JavaScript Files.
  4. Move JS code to the bottom of the page.

 

Now, click on the CSS Settings tab as per the below screenshot.

Magento 2 Performance Optimization

Make enabled below tabs.

  1. Merge CSS Files.
  2. Minify CSS Files.

Now, Done all the settings, then click on the “Save Config” top right button.

 

Enabled the Flat Categories and Products:

  • Go to the Stores->Configuration and open the  Catalog tab.
  • Then, Open the “Storefront” tab as per the above screenshot. Enabled both and click on the “Save Config” button.

Note : Make sure to always enable the cache. Sometimes it takes more time for website load.

“Php bin/magento cache:clean”

  • When you move a website to a live server, you always need to use the production mode.

Cmd command : php bin/magento deploy:mode:set production

Labels:

Comments

Post a Comment

Please do not enter any spam link in the comment box.

Popular posts from this blog

Introduction to flask

Hello. Welcome to another session on this platform. If you are new here, please do checkout our previous articles on python programming language and stay excited on this session because we are entering into one of python’s web-based application called flask. In this article, we are going to see the following What is flask Prequistes Installation of flask in python Some of flask template engine. What is flask? Flask is one of python-based framework which is used to create web applications. Flight is a very light web framework. During installation, flask comes with pre-installed modules and functions which are used to backup your own web applications. Flask is very easy to understand and perfect go-to for beginners and with flask, a web server can run in less than 3 lines of code. Prequistes Before learning flask, we recommend the reader to have a basic mastery of python concepts. Installation of flask  Before installing flask, we have to checked if python has been installed or. If n...
1 comment
Read more

How to generate random numbers using NumP1

Hello. Welcome to another edition on this platform. For more better understanding, do checkout our YouTube channel to get the video tutorial. In this article of today, we are going to see how to generate random numbers using any of the following methods: Generating a random number Generating a random float and integer Generating random number arrays Generating random number from an array What is a random number? This is a number which cannot be predicted before its occurrence. This number might not different every time. Programmatically, they are two categories of random numbers:     Pseudo-Random numbers       True Random numbers. Just as programs which are written by programmers are a set of instructions, we must follow an algorithm to generate random numbers. Random numbers which are generated using an algorithm are called Pseudo-Random numbers. To generate a true random number, it is important to get the data from sources such as the keyboards, mou...
Post a Comment
Read more

Introduction to Django

Hello. Welcome to another session on this platform. If you are new here, please do checkout our previous articles on python programming language and stay excited on this session. we are entering into one of python’s application called Django. In this article, we are going to discuss the following: What is Django Why must we use Django  A brief history of Django Installation of Django Popularity of Django What is Django? Python has so many framework application and Django happen to be one of them. Being a python-based-framework, it is used to quickly create web applications.  When building websites, django provides similar ready-made components to handle user authentication, forms, a way to upload components. Why use django? Django is very fast. It takes applications from concept to applications very quickly Django has thousand available packages in it when it is installed. With django, we can launch web applications is a matter of hours. Django is a highly is secured and helps...
Post a Comment
Read more