<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: How to put defer attribute to AEM js libraries - to a... in Adobe Experience Manager Questions</title>
    <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400137#M6896</link>
    <description>&lt;P&gt;Hi&amp;nbsp;&lt;LI-USER uid="17382014"&gt;&lt;/LI-USER&gt;&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;You cannot put a defer/async attribute to the clientlib files as this is currently not an OOTB feature supported by AEM. If you do not need these files to be loaded on the head section, you can overlay headlibs.html and add your custom code to load the required project specific clientlibs.&lt;BR /&gt;&lt;BR /&gt;Please refer the file below from where the JS files are getting loaded.&lt;BR /&gt;&lt;A href="https://github.com/adobe/aem-core-wcm-components/blob/development/content/src/content/jcr_root/apps/core/wcm/components/page/v2/page/headlibs.html" target="_blank"&gt;https://github.com/adobe/aem-core-wcm-components/blob/development/content/src/content/jcr_root/apps/core/wcm/components/page/v2/page/headlibs.html&lt;/A&gt;&lt;BR /&gt;&lt;BR /&gt;Hope this helps!&lt;BR /&gt;&lt;BR /&gt;Thanks!&lt;/P&gt;</description>
    <pubDate>Mon, 15 Mar 2021 15:35:33 GMT</pubDate>
    <dc:creator>Asutosh_Jena_</dc:creator>
    <dc:date>2021-03-15T15:35:33Z</dc:date>
    <item>
      <title>How to put defer attribute to AEM js libraries - to avoid render blocking issue.</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400109#M6891</link>
      <description>&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="ajeemaw_0-1615810270055.png" style="width: 670px;"&gt;&lt;img src="https://experienceleaguecommunities.adobe.com/t5/image/serverpage/image-id/30125i2472E7FDBAB7E252/image-dimensions/670x126/is-moderation-mode/true?v=v2" width="670" height="126" role="button" title="ajeemaw_0-1615810270055.png" alt="ajeemaw_0-1615810270055.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;The above 2 resources are loading inside head element. but I could not find those in source code. I need to know where I can find this call &amp;amp; How can I put defer attribute to that?&lt;/P&gt;</description>
      <pubDate>Mon, 15 Mar 2021 12:13:36 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400109#M6891</guid>
      <dc:creator>ajeemaw</dc:creator>
      <dc:date>2021-03-15T12:13:36Z</dc:date>
    </item>
    <item>
      <title>Re: How to put defer attribute to AEM js libraries - to a...</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400113#M6892</link>
      <description>&lt;P&gt;To&amp;nbsp;&lt;SPAN&gt;Organize and optimize the serving of&amp;nbsp;complex JavaScript and CSS code,&amp;nbsp;AEM provides&amp;nbsp;&lt;STRONG&gt;Client-side Library Folders&lt;/STRONG&gt;, which allow you to store your client-side code in the repository, organize it into categories, and define when and how each category of code is to be served to the client.&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Reference :&amp;nbsp;&lt;A href="https://experienceleague.adobe.com/docs/experience-manager-65/developing/introduction/clientlibs.html?lang=en#how-client-side-libraries-work-in-aem" target="_blank" rel="noopener"&gt;https://experienceleague.adobe.com/docs/experience-manager-65/developing/introduction/clientlibs.html?lang=en#how-client-side-libraries-work-in-aem&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Mon, 15 Mar 2021 13:43:57 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400113#M6892</guid>
      <dc:creator>Bhuwan_B</dc:creator>
      <dc:date>2021-03-15T13:43:57Z</dc:date>
    </item>
    <item>
      <title>Re: How to put defer attribute to AEM js libraries - to a...</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400118#M6893</link>
      <description>&lt;P&gt;These files are coming on the page because of client library "cq.foundation-main".&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;It seems you have created the page component by inheriting OOTB page component.&lt;/P&gt;&lt;P&gt;This OOTB page component has a headlibs.html file, through which this specific clienlib has been included.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;You can overwrite this headlibs.html in your page component and include your project-specific clientlib in that or just leave it empty if you don't want to use it.&lt;/P&gt;</description>
      <pubDate>Mon, 15 Mar 2021 13:19:54 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400118#M6893</guid>
      <dc:creator>Rohit_Utreja</dc:creator>
      <dc:date>2021-03-15T13:19:54Z</dc:date>
    </item>
    <item>
      <title>Re: How to put defer attribute to AEM js libraries - to a...</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400125#M6894</link>
      <description>&lt;P&gt;Since these are included via the ClientLibrary Manager in AEM you can't manipulate the HTML tag used.&lt;/P&gt;&lt;P&gt;&lt;BR /&gt;You could write a Sling Pipeline Transformer to add a new attribute to the tag tho, similar to [1].&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;[1]&amp;nbsp;&lt;A href="https://github.com/Adobe-Consulting-Services/acs-aem-commons/blob/master/bundle/src/main/java/com/adobe/acs/commons/rewriter/impl/StaticReferenceRewriteTransformerFactory.java" target="_blank"&gt;https://github.com/Adobe-Consulting-Services/acs-aem-commons/blob/master/bundle/src/main/java/com/adobe/acs/commons/rewriter/impl/StaticReferenceRewriteTransformerFactory.java&lt;/A&gt;&lt;/P&gt;</description>
      <pubDate>Mon, 15 Mar 2021 13:37:42 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400125#M6894</guid>
      <dc:creator>davidjgonzalezz</dc:creator>
      <dc:date>2021-03-15T13:37:42Z</dc:date>
    </item>
    <item>
      <title>Re: How to put defer attribute to AEM js libraries - to a...</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400136#M6895</link>
      <description>&lt;P&gt;Refer this post which is currently in progress -&amp;nbsp;&lt;A href="https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/can-we-async-or-defer-referencing-client-side-libraries/qaq-p/400131/comment-id/86663#M86663" target="_blank" rel="noopener"&gt;https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/can-we-async-or-defer-referencing-client-side-libraries/qaq-p/400131/comment-id/86663#M86663&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;use it for your custom libs not OOTB (until necessary)&lt;/P&gt;</description>
      <pubDate>Mon, 15 Mar 2021 15:43:32 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400136#M6895</guid>
      <dc:creator>Pawan_Gupta_</dc:creator>
      <dc:date>2021-03-15T15:43:32Z</dc:date>
    </item>
    <item>
      <title>Re: How to put defer attribute to AEM js libraries - to a...</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400137#M6896</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;LI-USER uid="17382014"&gt;&lt;/LI-USER&gt;&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;You cannot put a defer/async attribute to the clientlib files as this is currently not an OOTB feature supported by AEM. If you do not need these files to be loaded on the head section, you can overlay headlibs.html and add your custom code to load the required project specific clientlibs.&lt;BR /&gt;&lt;BR /&gt;Please refer the file below from where the JS files are getting loaded.&lt;BR /&gt;&lt;A href="https://github.com/adobe/aem-core-wcm-components/blob/development/content/src/content/jcr_root/apps/core/wcm/components/page/v2/page/headlibs.html" target="_blank"&gt;https://github.com/adobe/aem-core-wcm-components/blob/development/content/src/content/jcr_root/apps/core/wcm/components/page/v2/page/headlibs.html&lt;/A&gt;&lt;BR /&gt;&lt;BR /&gt;Hope this helps!&lt;BR /&gt;&lt;BR /&gt;Thanks!&lt;/P&gt;</description>
      <pubDate>Mon, 15 Mar 2021 15:35:33 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400137#M6896</guid>
      <dc:creator>Asutosh_Jena_</dc:creator>
      <dc:date>2021-03-15T15:35:33Z</dc:date>
    </item>
    <item>
      <title>Re: How to put defer attribute to AEM js libraries - to a...</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400138#M6897</link>
      <description>&lt;P&gt;Be careful about overlaying the OOTB headlibs.html and friends - there is a reason why Core Components Page has already seeded the implementation with "customheaderlibs.html" .. its because that's where you should put &lt;STRONG&gt;yours&lt;/STRONG&gt; so you're not overlaying the provided one. If you overlay the provided HTML, what happens when Core Components/product changes something about them? Now you're stuck trying to manually reconcile changes down. Also, you lose the ability to use the clientlib include HTML template, which again, can evolve as new capabilities are added to the product.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Mon, 15 Mar 2021 15:39:08 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400138#M6897</guid>
      <dc:creator>davidjgonzalezz</dc:creator>
      <dc:date>2021-03-15T15:39:08Z</dc:date>
    </item>
    <item>
      <title>Re: How to put defer attribute to AEM js libraries - to a...</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400159#M6898</link>
      <description>&lt;P&gt;You can implement a custom implementation like&amp;nbsp;&lt;A href="https://github.com/nateyolles/aem-clientlib-async" target="_blank" rel="nofollow noopener noreferrer"&gt;https://github.com/nateyolles/aem-clientlib-async&lt;/A&gt;&lt;/P&gt;</description>
      <pubDate>Mon, 15 Mar 2021 18:27:28 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400159#M6898</guid>
      <dc:creator>BrianKasingli</dc:creator>
      <dc:date>2021-03-15T18:27:28Z</dc:date>
    </item>
    <item>
      <title>Re: How to put defer attribute to AEM js libraries - to a...</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400520#M6899</link>
      <description>&lt;P&gt;&lt;LI-USER uid="17382014"&gt;&lt;/LI-USER&gt;&amp;nbsp;- It seems like these are OOTB scripts. Can you verify what these scripts are doing ?&lt;BR /&gt;&lt;BR /&gt;Thanks,&lt;BR /&gt;Nikhil Kumar&lt;/P&gt;</description>
      <pubDate>Thu, 18 Mar 2021 13:57:28 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-put-defer-attribute-to-aem-js-libraries-to-avoid-render/m-p/400520#M6899</guid>
      <dc:creator>Nikhil-Kumar</dc:creator>
      <dc:date>2021-03-18T13:57:28Z</dc:date>
    </item>
  </channel>
</rss>

