Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Combing(embed) Client Libs During run time(On Page Load) using Html Library Manager?

Avatar

Avatar
Ignite 1
Level 2
vasgurug
Level 2

Likes

3 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 3
Boost 1
View profile

Avatar
Ignite 1
Level 2
vasgurug
Level 2

Likes

3 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 3
Boost 1
View profile
vasgurug
Level 2

21-07-2020

Hi Every one,

One challenging problem to solve :  

I have a page that loads the component categories and the related dependencies on page load. Is it possible to embed all the related dependencies & Categories into a single request for defined components (defined via page properties)

Ex:

Component A -> Category A.css, Dependency = [C.css, E.css]
Component B-> Category  B.css, Dependency = [D.css, C.css]
 
Is there any way if we pass A and B to htmllibraryManger to merge(categories and dependencies) all and return a single request(A+B+C+D+E ) on page load. How the merge can be done without adding embed node property in AEM? (no duplicates files/code after the merge)
 

Replies

Avatar

Avatar
Give Back 10
MVP
Varun_Shakya
MVP

Likes

124 likes

Total Posts

97 posts

Correct Reply

24 solutions
Top badges earned
Give Back 10
Ignite 3
Ignite 1
Give Back 5
Give Back 3
View profile

Avatar
Give Back 10
MVP
Varun_Shakya
MVP

Likes

124 likes

Total Posts

97 posts

Correct Reply

24 solutions
Top badges earned
Give Back 10
Ignite 3
Ignite 1
Give Back 5
Give Back 3
View profile
Varun_Shakya
MVP

21-07-2020

This blog explains the HTML library manager in best way 

http://www.sgaemsolutions.com/2017/07/adobe-granite-html-library-manager.html

 

And as u mentioned you want to load all your libs in one request please check this

 

Capture1.PNG

 

https://docs.adobe.com/content/help/en/experience-manager-65/deploying/configuring/osgi-configuratio...

 

 

 

Avatar

Avatar
Affirm 50
MVP
Vaibhavi
MVP

Likes

216 likes

Total Posts

181 posts

Correct Reply

61 solutions
Top badges earned
Affirm 50
Validate 1
Ignite 1
Give Back 5
Give Back 3
View profile

Avatar
Affirm 50
MVP
Vaibhavi
MVP

Likes

216 likes

Total Posts

181 posts

Correct Reply

61 solutions
Top badges earned
Affirm 50
Validate 1
Ignite 1
Give Back 5
Give Back 3
View profile
Vaibhavi
MVP

21-07-2020

Hi @vasgurug , 

It is good to implement  on web server. You can use mod_deflate module on apache to achieve the same. 

Please check the  below thread which explains in detail and also you can find documentation links in it. 

 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/compress-minify-the-html-p...

Avatar

Avatar
Ignite 1
Level 2
vasgurug
Level 2

Likes

3 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 3
Boost 1
View profile

Avatar
Ignite 1
Level 2
vasgurug
Level 2

Likes

3 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 3
Boost 1
View profile
vasgurug
Level 2

21-07-2020

Thanks for reply,

I am looking something only specific to a page-level that combines all the CSS requests at that page-level not globally... Looked something in ACS commons-based parameters as categories-- https://adobe-consulting-services.github.io/acs-aem-tools/features/clientlibs-optimizer/index.html but it returning as embed but how this request will use at the page level for combine

Avatar

Avatar
Ignite 1
Level 2
vasgurug
Level 2

Likes

3 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 3
Boost 1
View profile

Avatar
Ignite 1
Level 2
vasgurug
Level 2

Likes

3 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 3
Boost 1
View profile
vasgurug
Level 2

22-07-2020

I am looking something only specific to a page-level that combines all the CSS requests at that page-level not globally... Looked something in ACS commons-based parameters as categories-- https://adobe-consulting-services.github.io/acs-aem-tools/features/clientlibs-optimizer/index.html but it returning as embed but how this request will use at the page level for combine