{"id":206864,"date":"2019-11-12T10:07:59","date_gmt":"2019-11-12T10:07:59","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=206864"},"modified":"2024-06-04T07:19:47","modified_gmt":"2024-06-04T07:19:47","slug":"magento2-defer-js-webp-ttfb","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/","title":{"rendered":"Magento 2 Defer Javascript, WebP, Lazy Loading, TTFB Improvement Guide"},"content":{"rendered":"\n<p>Webstore speed and performance optimization is very important for increasing the performance of E-commerce websites. That&#8217;s why we have integrated <a href=\"https:\/\/store.webkul.com\/magento2-speed-optimization.html\">Magento 2 Page Speed Optimization<\/a>(Adobe Commerce).<\/p>\n\n\n\n<p>The main purpose behind optimizing the store is to provide a better user experience. Especially if you are using the Adobe Commerce platform for your website.  <\/p>\n\n\n\n<p>Since Adobe Commerce Cloud is not a lightweight platform. So, without proper optimization of the website, it will be a headache for customers to use it because of the low loading speed.<\/p>\n\n\n\n<p>You can also manage the images to check if the images are appropriate for uploading using the&nbsp;<a href=\"https:\/\/webkul.com\/blog\/magento2-indecent-content-checker-documentation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Indecent Content Checker<\/a>&nbsp;extension.<\/p>\n\n\n\n<p>You can also optimize the server storage by uploading the product, and CMS media content via the <a href=\"https:\/\/webkul.com\/blog\/magento2-digitalocean-storage-documentation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Digital Ocean storage<\/a> extension so that the media is fetched and provided to customers directly from Digital Ocean servers.<\/p>\n\n\n\n<p>Check the overview of the Speed and Performance plugin in the video mentioned below &#8211;  <\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"MMKuhZ9e5Jw\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Magento 2 Speed and Performance Optimization &#8211; Features<\/h3><\/div><div class=\"margin-bottom-50\">\n<ul class=\"wp-block-list\">\n<li>The admin can enable image optimization features with the help of this extension.<\/li>\n\n\n\n<li>The admin can select the image compression type i.e .webp or Jpeg. The selected type will result in the conversion of images into that selected file type from its original type<\/li>\n\n\n\n<li>.webp file format will improve product and category page performance by loading the images at a faster rate.<\/li>\n\n\n\n<li>Compressed Image Quality functionality is available.<\/li>\n\n\n\n<li>The admin can set Encoding Type.<\/li>\n\n\n\n<li>The admin can enter a comma-separated list of responsive pixels.<\/li>\n\n\n\n<li>Defer loading functionality is available in this module.<\/li>\n\n\n\n<li>The extension features an infinite scroller option for products available on category pages on the website. Thus helping in loading all the products of a category to be available on a single page.<\/li>\n\n\n\n<li>The extension also features an image lazy loader feature which basically helps in loading the category pages faster.<\/li>\n\n\n\n<li>The admin now can cache all the public pages of his site using cache warm-up feature<\/li>\n\n\n\n<li>In order to convert mass images available on CMS pages of the website then for that, the admin can easily by the help of terminal commands convert the images to .webP or to Jpeg file format.<\/li>\n\n\n\n<li>Makes website performance and rating better.<\/li>\n\n\n\n<li>Magento 2 Page Speed Optimization module works well with other caching options in Adobe Commerce like varnish and Redis.<\/li>\n\n\n\n<li>Quick links implemented for page optimization.<\/li>\n\n\n\n<li>Fetch priority attribute management on images.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"install-extension-from-webkul-store\">Install Extension from Webkul Store<\/h3>\n\n\n\n<p>The installation is quite simple just like the standard&nbsp;<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 extensions<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#1 Download Module<\/h3>\n\n\n\n<p>Firstly, you need to log in to Webkul Store, go to&nbsp;<strong>My Account<\/strong>&gt;<strong>My Purchased Products<\/strong>&nbsp;section, verify and then download and extract the contents of this zip folder on the system.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#2 Upload Folder<\/h3>\n\n\n\n<p>Once the module zip is extracted, follow path&nbsp;<strong>src&gt;app<\/strong>&nbsp;and then copy the&nbsp;<strong>app<\/strong>&nbsp;folder into the&nbsp;<strong>Magento 2 root<\/strong>&nbsp;directory on the server as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\"><img decoding=\"async\" width=\"1024\" height=\"386\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\" alt=\"installation\" class=\"wp-image-76006\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png 1024w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45-250x94.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45-300x113.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45-768x290.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">#3 Run Commands<\/h3>\n\n\n\n<p>After uploading the module folder, you need to run the following commands in the Adobe Commerce Cloud root directory:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">composer require rosell-dk\/webp-convert<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:upgrade<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:di:compile<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento indexer:reindex<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento cache:flush<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"install-extension-from-magento-marketplace\">Install Extension from Magento Marketplace<\/h3>\n\n\n\n<p>If you have purchased Magento 2 Page Speed Optimization extension from the Adobe Commerce Marketplace then please follow the below process or visit&nbsp;<a href=\"https:\/\/devdocs.magento.com\/extensions\/install\/\" target=\"_blank\" rel=\"noreferrer noopener\">this<\/a>&nbsp;link.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#1 Get Access Keys<\/h3>\n\n\n\n<p>You need to get access keys, navigate to&nbsp;<strong>My Profile<\/strong>&nbsp;in Adobe Commerce Cloud Marketplace, then choose&nbsp;<strong>Access Keys<\/strong>&nbsp;in the&nbsp;<strong>My Products<\/strong>&nbsp;section.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile.png\"><img decoding=\"async\" width=\"1109\" height=\"554\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile.png\" alt=\"my-profile\" class=\"wp-image-295111\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile.png 1109w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile-300x150.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile-250x125.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile-768x384.png 768w\" sizes=\"(max-width: 1109px) 100vw, 1109px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Go to&nbsp;<strong>Adobe Commerce<\/strong>&nbsp;and then you need to copy both the Access Keys \u2013 Public Key and Private Key. These access keys will be needed in the next steps for authentication.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys.png\"><img decoding=\"async\" width=\"1093\" height=\"372\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys.png\" alt=\"copy-keys\" class=\"wp-image-295113\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys.png 1093w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys-300x102.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys-250x85.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys-768x261.png 768w\" sizes=\"(max-width: 1093px) 100vw, 1093px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>If access keys are not created earlier, click&nbsp;<strong>Create A New Access Key<\/strong>, enter any name and click OK.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name.png\"><img decoding=\"async\" width=\"1119\" height=\"538\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name.png\" alt=\"create-key-name\" class=\"wp-image-295114\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name.png 1119w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name-768x369.png 768w\" sizes=\"(max-width: 1119px) 100vw, 1119px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">#2 Update composer.json File<\/h3>\n\n\n\n<p>To know the component name and version number, go to your Adobe Commerce Marketplace account section,&nbsp;<strong>My Profile&gt;My Purchases<\/strong>, then find this extension to view the details.&nbsp;<strong>Please note \u2013 Below is an example image, every extension will have its unique component name and version<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version.png\"><img decoding=\"async\" width=\"1163\" height=\"727\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version.png\" alt=\"know-component-name-version\" class=\"wp-image-295115\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version.png 1163w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version-300x188.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version-250x156.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version-768x480.png 768w\" sizes=\"(max-width: 1163px) 100vw, 1163px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>After that, navigate to your Adobe Commerce Cloud project directory and update your composer.json file in the following format.<\/p>\n\n\n\n<p><strong>composer require &lt;component-name&gt;:&lt;version&gt;<\/strong><\/p>\n\n\n\n<p>For example, to install version 4.0.1 of this extension you need to run the following command:<\/p>\n\n\n\n<p><strong>composer require webkul\/module-store-optimization:4.0.1<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#3 Enter Access Keys<\/h3>\n\n\n\n<p>Now you will need to enter the&nbsp;<a href=\"https:\/\/devdocs.magento.com\/guides\/v2.3\/install-gde\/prereq\/connect-auth.html\" target=\"_blank\" rel=\"noreferrer noopener\">Access Keys<\/a>&nbsp;that you obtained as explained in the first step #1 Get Access Keys. Wait for Composer to finish updating your project dependencies and make sure there aren\u2019t any errors.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#4 Run Command<\/h3>\n\n\n\n<p>You need to run the following commands:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>composer require rosell-dk\/webp-convert<\/li>\n\n\n\n<li>php bin\/magento setup:upgrade<\/li>\n\n\n\n<li>php bin\/magento setup:di:compile<\/li>\n\n\n\n<li>php bin\/magento setup:static-content:deploy<\/li>\n\n\n\n<li>php bin\/magento indexer:reindex<\/li>\n\n\n\n<li>php bin\/magento cache:flush<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Language Translation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>For Magento 2 Page Speed Optimization module translation, navigate to the following path in your system&nbsp;&nbsp;<strong>app\/code\/Webkul\/storeoptimization\/i18n\/en_US.csv.<\/strong><\/p>\n\n\n\n<p>After that, open the file named&nbsp;<strong>en_US.CSV&nbsp;<\/strong>for editing as shown in the below screenshot:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1263\" height=\"400\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3.png\" alt=\"LANGUAGE TRANSLATION\" class=\"wp-image-90738\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3.png 1263w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3-768x243.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3-1200x380.png 1200w\" sizes=\"(max-width: 1263px) 100vw, 1263px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Then replace the words after the&nbsp;<strong>comma(,)&nbsp;<\/strong>on the right in the file with your translated words.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1234\" height=\"306\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/language-translation.png\" alt=\"Magento 2 Speed and Performance Optimization [ How to Guide ]\" class=\"wp-image-206973\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/language-translation.png 1234w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/language-translation.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/language-translation.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/language-translation.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/language-translation.png 1200w\" sizes=\"(max-width: 1234px) 100vw, 1234px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In addition editing and translating the CSV file, the users need to save the translated file name according to your region language and country code such as \u2013<strong>&nbsp;de_DE.CSV<\/strong>.<\/p>\n\n\n\n<p>Followed by uploading the translated file to the same folder from where the users have obtained it.<\/p>\n\n\n\n<p>After that, the module language translation is completed.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1258\" height=\"399\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3.png\" alt=\"Language translation\" class=\"wp-image-90740\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3.png 1258w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3-768x244.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3-1200x381.png 1200w\" sizes=\"(max-width: 1258px) 100vw, 1258px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Module Configuration<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>After installation, the admin can see the store optimization side panel option. <\/p>\n\n\n\n<p>From here, the admin can directly navigate to the configuration settings for the same. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"436\" height=\"556\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/speed-optimization-side-menu-option.webp\" alt=\"Magento 2 speed optimization side panel menu option admin backend \" class=\"wp-image-445387\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/speed-optimization-side-menu-option.webp 436w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/speed-optimization-side-menu-option-235x300.webp 235w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/speed-optimization-side-menu-option-195x249.webp 195w\" sizes=\"(max-width: 436px) 100vw, 436px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After installing the module, The admin can configure the module by navigating through <strong>Store&gt; Configuration&gt; Store Optimization Settings. <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/image-optimization-settings.webp\" alt=\"image optimization setting\" class=\"wp-image-445389\" style=\"width:820px;height:auto\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/image-optimization-settings.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/image-optimization-settings-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/image-optimization-settings-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/image-optimization-settings-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Image Optimization Settings<\/h2>\n\n\n\n<p>Under image optimization settings the admin can do the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable Image Optimization:<\/strong> Select &#8220;<strong>Yes<\/strong>&#8221; to enable the Magento 2 Page Speed Optimization extension.<\/li>\n\n\n\n<li><strong>Compression Type<\/strong>: The admin can select the compression type among WebP &amp; JPEG which automatically convert the file type of the image to the selected compression type.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webp-1.png\" alt=\"Magento 2 Speed and Performance Optimization [ How to Guide ]\" class=\"wp-image-206977\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webp-1.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webp-1.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webp-1.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webp-1.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webp-1.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Similarly, if you select the option to &#8220;<strong>Jpeg<\/strong>&#8221; then the file will get changed to <strong>Jpeg<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"514\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot_from_2020_05_19_16_45_06-1200x514.png\" alt=\"Screenshot_from_2020_05_19_16_45_06\" class=\"wp-image-249966\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot_from_2020_05_19_16_45_06-1200x514.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot_from_2020_05_19_16_45_06-300x129.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot_from_2020_05_19_16_45_06-250x107.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot_from_2020_05_19_16_45_06-768x329.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot_from_2020_05_19_16_45_06.png 1302w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Similarly, if you select \u2018<strong>No<\/strong>\u2019 then the file name will remained to the original file type.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/change-file-name.png\" alt=\"Magento 2 Speed and Performance Optimization [ How to Guide ]\" class=\"wp-image-206971\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/change-file-name.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/change-file-name.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/change-file-name.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/change-file-name.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/change-file-name.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enter Compressed Image Quality:<\/strong> Here, the admin can determine the image quality after compression, image quality should be a number from 40 to 100.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Encoding Type:<\/strong> The admin can auto checks both lossy and lossless and choose the smallest.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Defer Load JS Settings<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/defer-load-js-setting.webp\" alt=\"defer load js setting\" class=\"wp-image-445413\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/defer-load-js-setting.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/defer-load-js-setting-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/defer-load-js-setting-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/defer-load-js-setting-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Note: Defer loading means loading page content before javascript. It will increase performance.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-image.png\" alt=\"Magento 2 Speed and Performance Optimization [ How to Guide ]\" class=\"wp-image-207059\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-image.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-image.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-image.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-image.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-image.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Enable Defer Loading:<\/strong> If you select &#8216;Yes&#8217; then the page content will load before running any external script and this will increase the performance.<\/p>\n\n\n\n<p>If you select &#8216;No&#8217; then the scripts will be included and because of that, the performance will get decreased.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-is-disabled.png\" alt=\"Magento 2 Speed and Performance Optimization [ How to Guide ]\" class=\"wp-image-207062\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-is-disabled.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-is-disabled.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-is-disabled.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-is-disabled.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/defer-loading-is-disabled.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Infinite Scroller<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"898\" height=\"149\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-2-1.png\" alt=\"Screenshot-2-1\" class=\"wp-image-249968\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-2-1.png 898w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-2-1-300x50.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-2-1-250x41.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-2-1-768x127.png 768w\" sizes=\"(max-width: 898px) 100vw, 898px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The admin can enable the infinte scroller option by selecting &#8220;Yes&#8221;. This will help in showcasing all products on a single page available in a category.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"588\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-3-1-1200x588.png\" alt=\"Screenshot-3-1\" class=\"wp-image-249970\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-3-1-1200x588.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-3-1-300x147.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-3-1-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-3-1-768x376.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-3-1.png 1299w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>If the option is selected as &#8220;No&#8221; then, in this case, the products on the category page will be visible to customers in multiple pages not on a single page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"952\" height=\"662\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-4-2.png\" alt=\"Screenshot-4-2\" class=\"wp-image-249971\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-4-2.png 952w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-4-2-300x209.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-4-2-250x174.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-4-2-768x534.png 768w\" sizes=\"(max-width: 952px) 100vw, 952px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Image Lazy Loader<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"911\" height=\"149\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-5-1.png\" alt=\"Screenshot-5-1\" class=\"wp-image-249973\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-5-1.png 911w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-5-1-300x49.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-5-1-250x41.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-5-1-768x126.png 768w\" sizes=\"(max-width: 911px) 100vw, 911px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The admin needs to select &#8220;<strong>Yes<\/strong>&#8221; to enable the image lazy loader feature which basically helps in loading the category page and product page faster by showcasing the content on pages first after that their images.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1108\" height=\"567\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-7.png\" alt=\"Screenshot-7\" class=\"wp-image-249975\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-7.png 1108w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-7-300x154.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-7-250x128.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-7-768x393.png 768w\" sizes=\"(max-width: 1108px) 100vw, 1108px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Warm-up Cache<\/h2>\n\n\n\n<p>Here, the admin can warm-up the cache so that customers can have a smooth experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"908\" height=\"168\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/10\/warm-up.png\" alt=\"warm-up\" class=\"wp-image-308420\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/10\/warm-up.png 908w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/10\/warm-up-300x56.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/10\/warm-up-250x46.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/10\/warm-up-768x142.png 768w\" sizes=\"(max-width: 908px) 100vw, 908px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Mass Convert Images to WebP or JPEG<\/strong><\/h2>\n\n\n\n<p>Using the command-line tool, the store administrator can convert the multiple numbers of image files to WebP or JPEG formats. This is useful for compressing a large number of different images quickly.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"396\" height=\"397\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-8-1.png\" alt=\"Screenshot-8-1\" class=\"wp-image-249987\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-8-1.png 396w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-8-1-300x300.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/05\/Screenshot-8-1-248x249.png 248w\" sizes=\"(max-width: 396px) 100vw, 396px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quicklink Listen Fields<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/quicklink-listenfields.webp\" alt=\"quicklink listen fields\" class=\"wp-image-445392\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/quicklink-listenfields.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/quicklink-listenfields-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/quicklink-listenfields-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/quicklink-listenfields-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>For Speed and Performance, the admin will &#8211;  <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable or disable Quicklinks.<\/li>\n\n\n\n<li><strong>Environment Modes<\/strong> &#8211;  Select (Default, Developer, Production).<br><strong>Note:<\/strong>&nbsp;Select the modes to make Quicklink in action.<\/li>\n\n\n\n<li><strong>Prerender<\/strong> &#8211;  Set it as a Yes or No. <br>Whether to switch from the default prefetching mode to the prerendering mode for the links inside the viewport.<br><strong>Note:<\/strong>&nbsp;The prerendering mode (when this option is set to true) will fallback to the prefetching mode if the browser does not support pretender.<\/li>\n\n\n\n<li><strong>Delay<\/strong>(MS) &#8211; The&nbsp;amount of time each&nbsp;link needs to stay inside the viewport before being prefetched, in milliseconds.<\/li>\n\n\n\n<li><strong>Element<\/strong> &#8211;  The DOM element to observe for in-viewport links to prefetch.<\/li>\n<\/ul>\n\n\n\n<p>For speed and performance this option whatever element that you have selected within it all the href sections will get the highest priority.<\/p>\n\n\n\n<p>The element can selected as &#8211;  Class or Id. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"449\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-39-47-1200x449.png\" alt=\"Screenshot-from-2023-12-11-12-39-47\" class=\"wp-image-414519\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-39-47-1200x449.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-39-47-300x112.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-39-47-250x94.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-39-47-768x287.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-39-47.png 1363w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Then use &#8220;.&#8221; before the class name or if using the ID then use #before the ID. For example in the case of class &#8211; .section can be added as required.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"455\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-36-24-1200x455.png\" alt=\"Screenshot-from-2023-12-11-12-36-24\" class=\"wp-image-414518\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-36-24-1200x455.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-36-24-300x114.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-36-24-250x95.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-36-24-768x291.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-36-24.png 1361w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Other Available Settings<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Request Limit<\/strong> &#8211; The&nbsp;total&nbsp;requests that can be prefetched while observing the element container.<\/li>\n\n\n\n<li><strong>Threshold<\/strong> &#8211; The area percentage of each link that must have entered the viewport to be fetched, in its decimal form (e.g. 0.25 = 25%).<\/li>\n\n\n\n<li><strong>Concurrency Limi<\/strong>t &#8211; The&nbsp;concurrency limit&nbsp;(throttle) for simultaneous requests while observing the element container.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/request-limit-threshold-concurrency-limit.webp\" alt=\"request limit threshold concurrency limit configuration\" class=\"wp-image-445399\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/request-limit-threshold-concurrency-limit.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/request-limit-threshold-concurrency-limit-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/request-limit-threshold-concurrency-limit-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/request-limit-threshold-concurrency-limit-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>For Speed and Performance, the admin will &#8211; <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Timeout<\/strong>(MS) &#8211; The requestIdleCallback timeout, in milliseconds.<\/li>\n\n\n\n<li><strong>Priority<\/strong> &#8211;  Whether or not the URLs are within the options.el container should be treated as a high priority. When &#8216;YES&#8217;, the quick link will attempt to use the fetch() API if supported (rather than link[rel=prefetch]).<\/li>\n\n\n\n<li><strong>Origins<\/strong> &#8211; Defaults to the same domain origin (location.hostname), which prevents any cross-origin requests.<br><strong>Important:<\/strong>&nbsp;Empty (no value) allows all origins to be prefetched.<\/li>\n\n\n\n<li><strong>Ignore List<\/strong> &#8211;  Determine if a URL should be prefetched.<br>Rules that contain the string, then the URL is not prefetched.<br><strong>Important:<\/strong>&nbsp;This logic is executed after origin matching!<\/li>\n\n\n\n<li><strong>Prerender URL List<\/strong> &#8211; Provide a static list of URLs to be prerendered, instead of detecting that in-viewport, customizing URLs is supported.<\/li>\n<\/ul>\n\n\n\n<p><strong>Prefetch URL<\/strong> &#8211;  Provide a static list of URLs to be prefetched, instead of detecting that in-viewport, customizing URLs is supported<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1059\" height=\"364\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_admin_system_config_edit_section_wkoptimization_key_f06d9029ba51513ef89918428cc22e627301265657f7890f252319586eb43846_new-snapshot-2.png\" alt=\"prefetch url list\" class=\"wp-image-414495\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_admin_system_config_edit_section_wkoptimization_key_f06d9029ba51513ef89918428cc22e627301265657f7890f252319586eb43846_new-snapshot-2.png 1059w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_admin_system_config_edit_section_wkoptimization_key_f06d9029ba51513ef89918428cc22e627301265657f7890f252319586eb43846_new-snapshot-2-300x103.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_admin_system_config_edit_section_wkoptimization_key_f06d9029ba51513ef89918428cc22e627301265657f7890f252319586eb43846_new-snapshot-2-250x86.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_admin_system_config_edit_section_wkoptimization_key_f06d9029ba51513ef89918428cc22e627301265657f7890f252319586eb43846_new-snapshot-2-768x264.png 768w\" sizes=\"(max-width: 1059px) 100vw, 1059px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Fetch Priority Attribute For Images<\/h3>\n\n\n\n<p>The admin can set the fetch priority for the images of a page by editing the page and going to the content section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1059\" height=\"733\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_cms_page_edit_page_id_2_key_9a5bb143e955cf0ca4efb4dec606bd10dd8e49b7ce0dd3d7f169eba0b5631408_new-snapshot.png\" alt=\"magento234.vachak.com_m2467_pub_admin_cms_page_edit_page_id_2_key_9a5bb143e955cf0ca4efb4dec606bd10dd8e49b7ce0dd3d7f169eba0b5631408_new-snapshot\" class=\"wp-image-414513\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_cms_page_edit_page_id_2_key_9a5bb143e955cf0ca4efb4dec606bd10dd8e49b7ce0dd3d7f169eba0b5631408_new-snapshot.png 1059w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_cms_page_edit_page_id_2_key_9a5bb143e955cf0ca4efb4dec606bd10dd8e49b7ce0dd3d7f169eba0b5631408_new-snapshot-300x208.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_cms_page_edit_page_id_2_key_9a5bb143e955cf0ca4efb4dec606bd10dd8e49b7ce0dd3d7f169eba0b5631408_new-snapshot-250x173.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_cms_page_edit_page_id_2_key_9a5bb143e955cf0ca4efb4dec606bd10dd8e49b7ce0dd3d7f169eba0b5631408_new-snapshot-768x532.png 768w\" sizes=\"(max-width: 1059px) 100vw, 1059px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, edit the respective image for the page and navigate to the Select Fetch Priority section to set the priority as &#8211; Low or High.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1059\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_cms_page_edit_page_id_2_key_e3a1f319412d805b3b0f327c17032247bc1eb2b61a5c8f6b28238ba979f81dd8_new-snapshot.png\" alt=\"fetch priority\" class=\"wp-image-414514\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_cms_page_edit_page_id_2_key_e3a1f319412d805b3b0f327c17032247bc1eb2b61a5c8f6b28238ba979f81dd8_new-snapshot.png 1059w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_cms_page_edit_page_id_2_key_e3a1f319412d805b3b0f327c17032247bc1eb2b61a5c8f6b28238ba979f81dd8_new-snapshot-300x290.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_cms_page_edit_page_id_2_key_e3a1f319412d805b3b0f327c17032247bc1eb2b61a5c8f6b28238ba979f81dd8_new-snapshot-250x242.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/magento234.vachak.com_m2467_pub_admin_cms_page_edit_page_id_2_key_e3a1f319412d805b3b0f327c17032247bc1eb2b61a5c8f6b28238ba979f81dd8_new-snapshot-768x743.png 768w\" sizes=\"(max-width: 1059px) 100vw, 1059px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now save the page. At the store front when this page loads the fetch priority was given to this image as High hence loads instantaneously.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"457\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-28-52-1200x457.png\" alt=\"Screenshot-from-2023-12-11-12-28-52\" class=\"wp-image-414515\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-28-52-1200x457.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-28-52-300x114.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-28-52-250x95.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-28-52-768x292.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/12\/Screenshot-from-2023-12-11-12-28-52.png 1364w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Thus, that&#8217;s all about <strong>Magento 2 Speed and Performance Optimization Extension<\/strong>. For any further queries and suggestions, please raise a ticket at <a aria-label=\"HelpDesk Support (opens in a new tab)\" href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\">HelpDesk Support<\/a>.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webstore speed and performance optimization is very important for increasing the performance of E-commerce websites. That&#8217;s why we have integrated Magento 2 Page Speed Optimization(Adobe Commerce). The main purpose behind optimizing the store is to provide a better user experience. Especially if you are using the Adobe Commerce platform for your website. Since Adobe Commerce <a href=\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":266,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[],"class_list":["post-206864","post","type-post","status-publish","format-standard","hentry","category-magento-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 Defer JS, WebP, Lazy Loading, TTFB Improvement<\/title>\n<meta name=\"description\" content=\"Magento 2 Speed and Performance Optimization [ How to Guide ] - Improve the bounce rate that leads to more conversions &amp; improves the SEO.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 Defer JS, WebP, Lazy Loading, TTFB Improvement\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Speed and Performance Optimization [ How to Guide ] - Improve the bounce rate that leads to more conversions &amp; improves the SEO.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-12T10:07:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-04T07:19:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\" \/>\n<meta name=\"author\" content=\"Raahim Salmani\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Raahim Salmani\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/\"},\"author\":{\"name\":\"Raahim Salmani\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/ba4cef108d9fa31006efed6cb7980c48\"},\"headline\":\"Magento 2 Defer Javascript, WebP, Lazy Loading, TTFB Improvement Guide\",\"datePublished\":\"2019-11-12T10:07:59+00:00\",\"dateModified\":\"2024-06-04T07:19:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/\"},\"wordCount\":1818,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\",\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/\",\"name\":\"Magento 2 Defer JS, WebP, Lazy Loading, TTFB Improvement\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\",\"datePublished\":\"2019-11-12T10:07:59+00:00\",\"dateModified\":\"2024-06-04T07:19:47+00:00\",\"description\":\"Magento 2 Speed and Performance Optimization [ How to Guide ] - Improve the bounce rate that leads to more conversions & improves the SEO.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\",\"width\":1024,\"height\":386,\"caption\":\"Installation using Zip\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magento 2 Defer Javascript, WebP, Lazy Loading, TTFB Improvement Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/ba4cef108d9fa31006efed6cb7980c48\",\"name\":\"Raahim Salmani\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b7dc7b3c189fdf5811045b13d152c5db2b09fe574b9f8759803760cab556a6cd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b7dc7b3c189fdf5811045b13d152c5db2b09fe574b9f8759803760cab556a6cd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Raahim Salmani\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/raahimsalmani-bd181\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 Defer JS, WebP, Lazy Loading, TTFB Improvement","description":"Magento 2 Speed and Performance Optimization [ How to Guide ] - Improve the bounce rate that leads to more conversions & improves the SEO.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 Defer JS, WebP, Lazy Loading, TTFB Improvement","og_description":"Magento 2 Speed and Performance Optimization [ How to Guide ] - Improve the bounce rate that leads to more conversions & improves the SEO.","og_url":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2019-11-12T10:07:59+00:00","article_modified_time":"2024-06-04T07:19:47+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png","type":"","width":"","height":""}],"author":"Raahim Salmani","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Raahim Salmani","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/"},"author":{"name":"Raahim Salmani","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/ba4cef108d9fa31006efed6cb7980c48"},"headline":"Magento 2 Defer Javascript, WebP, Lazy Loading, TTFB Improvement Guide","datePublished":"2019-11-12T10:07:59+00:00","dateModified":"2024-06-04T07:19:47+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/"},"wordCount":1818,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png","articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/","url":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/","name":"Magento 2 Defer JS, WebP, Lazy Loading, TTFB Improvement","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png","datePublished":"2019-11-12T10:07:59+00:00","dateModified":"2024-06-04T07:19:47+00:00","description":"Magento 2 Speed and Performance Optimization [ How to Guide ] - Improve the bounce rate that leads to more conversions & improves the SEO.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png","width":1024,"height":386,"caption":"Installation using Zip"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-defer-js-webp-ttfb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magento 2 Defer Javascript, WebP, Lazy Loading, TTFB Improvement Guide"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/ba4cef108d9fa31006efed6cb7980c48","name":"Raahim Salmani","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b7dc7b3c189fdf5811045b13d152c5db2b09fe574b9f8759803760cab556a6cd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b7dc7b3c189fdf5811045b13d152c5db2b09fe574b9f8759803760cab556a6cd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Raahim Salmani"},"url":"https:\/\/webkul.com\/blog\/author\/raahimsalmani-bd181\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/206864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/266"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=206864"}],"version-history":[{"count":89,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/206864\/revisions"}],"predecessor-version":[{"id":445440,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/206864\/revisions\/445440"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=206864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=206864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=206864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}