How to optimize a Magento e-commerce page

[Hlinh]

The speed of your website has a significant impact on your visitors’ decision whether or not to stay and browse your store. Please bear in mind that TIME is MONEY. While your e-commerce page is slowly loading, your “potential customers” can even add thousands of items to their cart on your competitors’ sites. This blog will instruct both admins and developers on how to optimize a Magento e-commerce page.

View more details: optimize 2 Magento e-commerce page
OUTLINE
Part 1: How Site Administrators Can Optimize a Magento E-commerce Page

1. Enable flat category and flat product for the indexing process
2. Should not use bundling js
3. Merge/Minify Magento JavaScript and CSS
4. Use cache to speed up
5. Optimize your image
6. Use Full page cache by Varnish

Part 2: How Magento Developers Can Optimize a Magento E-commerce Page

1. Follow Magento dev docs
2. Use Varnish cache instead of the others
3. Replace Magento’s constructor injection pattern with Proxy
4. Use Repository instead of Model
5. Declare registry to use model anywhere
6. Use CollectionFactory instead of model→load()
7. Use →setPageSize() to limit number When using CollectionFactory
8. $collection→getSize() is better than count($collection)
9. Enable profiler
10. Use Less instead of CSS
11. Never use cacheable=“false”
12. Use httpContext to avoid saving cache
13. Use flat structure