CODEWITHSUNDEEP
javajavascriptcssadobeaem
Tien Nguyen
Tien Nguyen

Reputation: 4358

CQ5 Remove Render-Blocking JavaScript

I'm working on this document to remove blocking js:

Remove Blocking JS

However with CQ5 we include js via: 

<cq:includeClientLib js="headlibs"/>

How can I modify script tag like:

<script async src="my.js">

So I can remove blocking JS.

Upvotes: 3

Views: 1054

Answers (1)

Sharath Madappa
Sharath Madappa

Reputation: 3402

The cq:includeClientLib does not have any options to do this. You can try using the com.day.cq.widget.HtmlLibraryManager interface to get the path of JS file, the tag is a is a convenience wrapper of this interface. 

com.day.cq.widget.HtmlLibraryManager clientlibmanager = sling.getService(com.day.cq.widget.HtmlLibraryManager.class);
if(clientlibmanager != null)
{ 
    String[] categoryArray = {"headlibs"};
    java.util.Collection<com.day.cq.widget.ClientLibrary> libs = clientlibmanager.getLibraries(catArray,com.day.cq.widget.LibraryType.JS,false,false);
    for(com.day.cq.widget.ClientLibrary lib : libs) {
        out.write("<script async type=\"text/javascript\" src=\""+lib.getIncludePath(com.day.cq.widget.LibraryType.JS)+"\"></script>");
    }

} else {
         out.write("clientlib manager is null");
  }

The method getIncludePath() also takes an additional parameter minified (boolean) to give path to the minified file.

Upvotes: 4

Related Questions