<\/p>\n
Index – Magento Speed Up<\/h2>\n
<\/p>\n
- \n
- DOM Size (Document Object Model)<\/strong> :The Document Object Model (DOM) is a cross-platform and language-independent application programming interface that treats an HTML, XHTML, or XML document as a tree structure wherein each node is an object representing a part of the document. DOM size is directly proportional to the load time, when DOM size is big then the load time will be more and if DOM size is less then the load time is also less.<\/li>\n<\/ul>\n
![\"Magento](\"http:\/\/cloudkul.com\/blog\/wp-content\/uploads\/2017\/02\/amazon-webpage-test.png\")
<\/a><\/p>\n- \n
- Image Optimization or Media Optimization<\/strong> : Lossless image compression, Optimization of Images or Media is one the most important factor in speed up of your website. On an average 55 to 60 percent of a website\u2019s page weight is made up of images. Optimizing your product or item images can hysterically increase the speed of your pages as this decreases their download times. You can compress them before uploading them using a tool like PNG Crush, Tiny PNG, Image Smush it etc or there are a number of extensions you can use to auto-optimize them. Utilizing image compression is one of the quickest ways to increase your page speed and minimize the total size of your pages.<\/li>\n<\/ul>\n
<\/p>\n
There are two different types of compression method you can use Lossy Compression and Loss-less Compression<\/h3>\n
Lossy Data Compression<\/strong> – Lossy compression refers to compression in which some of the data from the original file (JPEG) is lost. This results in a significantly reduced file size, but it also means there is quality loss.
\nFor example: if an image size is 1MB and after compression its size became 300K but this leads to quality loss.<\/p>\nLossless Data Compression<\/strong> – Lossless compression refers to compression in which the image is reduced without any quality loss. By compressing \u2026 you could save 4.7 KB (30%) without losses
\nFor example: if an image size is 1MB and after compression it will become 500KB and there will be no loss of quality. There are some particular tools like TinyPNG, PNGCrush and ImageSmush by which we can compress the images for our websites.<\/p>\nWe have a screenshot from website TinyPNG<\/a>, that shows how it works-<\/p>\n
![\"Magento](\"http:\/\/cloudkul.com\/blog\/wp-content\/uploads\/2017\/02\/lossy-and-loss-less.png\")
<\/a><\/p>\n- \n
- Content Delivery Network (CDN) :<\/strong>\u00a0Implementing a Content Delivery Network (CDN) with Magento is one of the easiest ways to instantly see decreased load times. By doing this, you will ensure you are serving your assets (product images, javascript, CSS) from multiple locations around the globe so they are delivered faster to your shoppers. These files are not updated regularly by the website owner. More than 90% of the website data is made of static files which remain same for every user. These are the awesome CNDs available in the market Amazone CloudFront, Max CDN, Cloudflare, Fast LY, Google CDN. By using these one can reduce Bandwidth, Space, Memory and DNS lookup to the major extent.<\/li>\n<\/ul>\n
<\/p>\n
- \n
- Enable G ZIP Compression :\u00a0<\/strong>Gzip is another form of compression which compresses web pages, CSS, and javascript at the server level before sending them over to the browser. You can check if your site is already compressed by using Check GZIP Compression. This website performance optimization is easy to implement and can make a big difference. GZIP Compression saves 50% – 80% bandwidth and increase the website’s loading speed.<\/li>\n<\/ul>\n
![\"Magento](\"http:\/\/cloudkul.com\/blog\/wp-content\/uploads\/2017\/02\/compressusinghttpserver.png\")
<\/a><\/p>\n- \n
- On Demand Loading \/ Lazy Load:<\/strong>\u00a0Loading on-demand code can boost website performance in the sense that the browser does not need to request and execute Javascript code that is not needed. Depending on the script, a different approach can be taken to lazy load it. Ajax or you can call it as Asynchronous Java Script & XML, that is used for search suggestions<\/strong><\/em>. To improve performance, it’s important to optimize these Ajax responses. The most important way to improve the performance of Ajax is to make the responses cache-able\u00a0With\u00a0Ajax, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behaviour of the existing page.<\/li>\n<\/ul>\n
![\"Magento](\"http:\/\/cloudkul.com\/blog\/wp-content\/uploads\/2017\/02\/Ajax-vergleich-en.svg_.png\")
<\/a><\/p>\n
- On Demand Loading \/ Lazy Load:<\/strong>\u00a0Loading on-demand code can boost website performance in the sense that the browser does not need to request and execute Javascript code that is not needed. Depending on the script, a different approach can be taken to lazy load it. Ajax or you can call it as Asynchronous Java Script & XML, that is used for search suggestions<\/strong><\/em>. To improve performance, it’s important to optimize these Ajax responses. The most important way to improve the performance of Ajax is to make the responses cache-able\u00a0With\u00a0Ajax, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behaviour of the existing page.<\/li>\n<\/ul>\n
- Enable G ZIP Compression :\u00a0<\/strong>Gzip is another form of compression which compresses web pages, CSS, and javascript at the server level before sending them over to the browser. You can check if your site is already compressed by using Check GZIP Compression. This website performance optimization is easy to implement and can make a big difference. GZIP Compression saves 50% – 80% bandwidth and increase the website’s loading speed.<\/li>\n<\/ul>\n
- Content Delivery Network (CDN) :<\/strong>\u00a0Implementing a Content Delivery Network (CDN) with Magento is one of the easiest ways to instantly see decreased load times. By doing this, you will ensure you are serving your assets (product images, javascript, CSS) from multiple locations around the globe so they are delivered faster to your shoppers. These files are not updated regularly by the website owner. More than 90% of the website data is made of static files which remain same for every user. These are the awesome CNDs available in the market Amazone CloudFront, Max CDN, Cloudflare, Fast LY, Google CDN. By using these one can reduce Bandwidth, Space, Memory and DNS lookup to the major extent.<\/li>\n<\/ul>\n
- Image Optimization or Media Optimization<\/strong> : Lossless image compression, Optimization of Images or Media is one the most important factor in speed up of your website. On an average 55 to 60 percent of a website\u2019s page weight is made up of images. Optimizing your product or item images can hysterically increase the speed of your pages as this decreases their download times. You can compress them before uploading them using a tool like PNG Crush, Tiny PNG, Image Smush it etc or there are a number of extensions you can use to auto-optimize them. Utilizing image compression is one of the quickest ways to increase your page speed and minimize the total size of your pages.<\/li>\n<\/ul>\n