Clientlib - CSS includes

5 replies
1842 views
Translate

Is it possible to use lazyload css using clientlib. In general, there are multiple ways like using aync, media as "dummy" value, prefetch etc., but I am not sure if clientlibs support anyone of these. Please suggest.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

edubeyAccepted solution

Level 10

If you want this feature from OOTB AEM? - Not supported

But you can follow approach mentioned here for these attributes

GitHub - nateyolles/aem-clientlib-async: Create AEM clientlibs that can output 'async', 'defer' and 'onload' attributes …

https://github.com/nateyolles/aem-clientlib-async

edubeyAccepted solution

Level 10

If you want this feature from OOTB AEM? - Not supported

But you can follow approach mentioned here for these attributes

GitHub - nateyolles/aem-clientlib-async: Create AEM clientlibs that can output 'async', 'defer' and 'onload' attributes …

https://github.com/nateyolles/aem-clientlib-async

Translate

smacdonald2008

Level 10

A workaround is to load CSS in this manner is implement a solution like you would in a non-AEM web app - javascript - Lazy load of css file - Stack Overflow

I have never tried this - but AEM is a web app and you can still use JS, etc.

Translate

smacdonald2008

Level 10

I do not think so -- read best practices with clientlibs -- Using Client-Side Libraries

Translate

N

nehagupta80Author

New Participant

I meant lazyloading the stylesheet using async, media or prefetch attribute.

Translate

smacdonald2008

Level 10

From all my experience with CSS and Clientlibs - the CSS styles are picked up when the page loads.

Translate

Sign up

Login with SSO

Login to the community

Login with SSO