Our Magento Blog

Fotorama (Product) Gallery Alternative to Improve the LCP Score in Magento 2 1. Firstly You’ll Check your Fotorama Script in the source code and then find the script of fotorama as shown in the Image. Starts with (Keyword) - “[data-gallery-role=gallery-placeholder]” 2. After that you’ll find the phtml file where this script will be called. [...]

How to Analyse a Module in Use or not in Magento 2 A module is a logical group, that is a directory containing blocks, controllers, helpers, models, that are related to a specific business feature. In keeping with Magento's commitment to optimal modularity, a module encapsulates one feature and has minimal dependencies on other modules. [...]

Tricks related to images in Magento 2 1. When to Preload Preload enables the browser to quickly download and cache a resource. It's useful when you need a resource within a few seconds of the page loading and wants to save time. You can preload a number of things like – fonts, styles,images, etc. [...]

Table Of Content Identification Improve Speed Index for Image Perspective Speed index explained from images perspective in Magento 2 It is the average time at which visible parts of the page are displayed. Expressed in milliseconds, and dependent on the size of the viewport, the lower the Score.Speed Index (SI) is a performance metric that measures [...]

Lazy Loading (Defer Offscreen images) in Magento 2 Why Lazy Loading Lazy Loading defers the loading of an image that is not needed on the page immediately. An image, not visible to the user when the page loads, is loaded later when the user scrolls and the image actually becomes visible. These techniques help in [...]

Sept 08, 2021 | 8 min read How to Avoid Enormous Network Payloads in Magento 2 1. Overview 2. How does a high network payload affect page performance? 3. What should an optimal Page size be? 4. Causes of large page size? 5. How to fix the “Avoid Enormous Network Payloads [...]

1. Overview 2. How to Identify ‘Reduce Unused JavaScript’? 3. How to reduce JavaScript Execution time? 3. 1. Minify JavaScript And Merge JavaScript 3. 2. Move JavaScript from Header to Bottom in Magento 2 3. 3. Advanced Javascript Bundling in Magento 2? 3. 4. Enable Javascript Bundling Commands 3. 5. Use CDN 4. Minimize the Third-Party Extensions 5. Our [...]

Table Of Content Overview Tools to identify render-blocking opportunities What are render-blocking resources? Why eliminate render-blocking resources? How to Eliminate Render-Blocking JavaScript? How to eliminate render-blocking CSS? Results achieved using the above techniques Eliminate Render blocking resources in Magento 2 1. Overview During your site audit in Google Page Speed Insight Tool (PSI) or GT Metrix or [...]

Table Of ContentOverview Slow server response timesFactors slowdown server responseImprove server response timesConclusion How to Solve Slow Server Response Times to Improve Magento 2 Store Load Times OverviewDuring website audits in tools such as PSI (Page Speed Insight) or GT metrix , you'll notice the option to "reduce initial server response time." It refers to the time it takes [...]

Table Of Content QuikRead Important Steps Best Practices guide Conclusion Magento 2 tuning: Tips and Tricks for Better Performance May 07, 2021 | 5 min read 1. Quickread Do you want to tune up the performance of your Magento 2 site? Yes, then you're on the right direction. Here, in this blog you can find out [...]

Table Of Content QuikRead Use JSDoc JavaScript DocBlock standard for Magento Module development April 27, 2021 | 8 min read 1. QuickRead To add JavaScript code inline documentation, follow these guidelines. Some parts of the Magento code may not comply with this standard, but we are working to gradually improve this. Following these standards is [...]