Tips to Enhance Speed of your Magento 2 Store on Mobile Devices

Tips to Enhance Speed of your Magento 2 Store on Mobile Devices

Magento 2 is certainly a complicated eCommerce platform which is loaded with a plenty of features. It helps store owners sell their products online in different sectors. One thing that comes with this amazing eCommerce platform is performance. Yes, the Magento platform can encounter slow performance especially on your mobile devices as there can be network issues to halts loading big files.

But, Yes you can

Tips to Enhance Speed of your Magento 2 Store on Mobile Devices

Improve Magento Store speed performance

by following simple tips mentioned in this article.

Load visible content first

Visible content or above the fold content is a section of webpage you can view prior to scrolling down. The users get to see this content in the first place and thus it is necessary that this content gets loaded faster. How to do that? Let us understand the techniques to do so.

Delay Javascript parsing

Delay Javascript parsingIt actually means you need to delay loading & executing the javascript code. This helps the content display on your screen quicker.

To postpone you just need to shift JS right to the bottom of page. Some Magento extensions also help you accomplish this task.

Load critical CSS foremost

Critical CSS is basically a stylesheets set which is used to make visible content. It  is always better to load it first which will help visible content load faster.

You can also use some online tools that enable automatic extraction of critical CSS.

Keep page size smaller

Keep page size smaller

Mobile networks offer reduced download speed in comparison with broadband connections. Thus you need to keep page size smaller so that your mobile connection can load it faster.

You actually need to make the page lighter. You can use the techniques given below to accomplish the task.

Gzip compression

Gzip CompressionGzip is an incredible technology that helps you make the page size smaller by nearly 70% and it can easily compress various external scripts like font scripts, JS or CSS.

You can ask your hosting company to activate Gzip for the website.

CSS/JS minification

Magento 2 comprises of JS/CSS minification function. You can make use of it to reduce the page weight.

Head to backend menu and follow the series

Stores—Configuration—Advanced—Developer and activate minificaiton

Stores Configuration Advanced—Developer and activate minificaiton

Remember minification feature works only in production mode

There are 3 modes in Magneto 2 and they are default, developer & production.

To modify the modes you can run the command mentioned below in SSH terminal

Production mode

php bin/magento deploy:mode:set production

current mode

php bin/magento deploy:mode:show

 Cultivate Images

On any eCommerce website there are a plenty of product images. Make sure you optimize & compress them to ensure the page weight is minimal.

You can find out online tools available that let you compress the images.

Make use of HTTP/2

HTTP ver.2 is the future generation of the hypertext protocol. It is used to make web surfing faster and secure. You can discuss with your Magento 2 Development Company as how Magento 2 can work with the HTTP/2

HTTP/2 is a wonderful feature that lets browser download different resources much before they are in need. It accelerates the web surfing speed.

Utilize TFFB (time to first byte)

TFFB/server response time is the time that your browser needs to hold for till it gets signal from the site server. A fair TFFB is nearly 500 ms.

The pages like cart, checkout, customer area are not full page cached. In case the speed of these pages slow down then you should focus on TFFB execution.

Here is how you can maximise the server response time

Third party modules check 

One of the primary reasons of slow Magento 2 performance is use of custom extensions in huge numbers. In order to carry out a check on third party modules first try to pull out the list of custom extensions being installed. This can be done running the following SSH command

<i>php bin/magento modules:statu</i>

You can now erase them one by one.

Upgrade your hosting plan

Sometimes, hosting server strength is not sufficient to run a tedious platform like Magento 2 store. In such cases you should have more RAM and CPU.

You need to upgrade your hosting plan in such cases.

Run – Magento 2 Profiler

In case you want to get into details of poor performance of Magento 2 to find out the main cause then you can make use of a profiler. It is a program that gives you details about the time consumed by each code blocks to execute.

You can turn off the local Magento 2 profiler by adding the line mentioned below above pub/index.php file

$_SERVER[‘MAGE_PROFILER’] = ‘1’;

At the bottom of every page you will find out the following

Search the code blocks with highest time duration and check them.

Avoid using JS Bundling

Now the question is why to disable an excellent Magento 2 feature that reduces the HTTP requests created by the browser for rendering & loading a web page?

It is just because it comes with certain drawbacks too. The reason is it produces a heavy JS file of around 5-10 Mb.

Also, it is proved that when you download this huge file it consumes a lot of time as compared to the time you can actually save by decreasing the count of HTTP requests.

Lets have a look at how to disable JS bundling?

  • Head to the backend menu of your website
  • Follow the sequence – Stores—Configuration—Advanced—Developer
  • And now apply the below mentioned configuration

Note: You do not need to actually disable JS files grouping function if you are making use of HTTP/2

The above easy to apply solutions can help you improve Magento Store speed performance easily and your Magento 2 store will be performing better on mobile devices too. It is essential for your store to load faster on mobile devices to increase your sales as most people use their smart phones to do online purchases or search for products they need. So, make sure your store loads faster on mobile devices too.