Performance Improvement in CQ/AEM | Community
Skip to main content
amoghd64765494
amoghd64765494
Level 3
February 23, 2016
Solved

Performance Improvement in CQ/AEM

  • February 23, 2016
  • 9 replies
  • 2169 views

I want to increase the performence of my page, currently we are having XHR calls on our page and its increasing the page load time.

Is there any way to minify HTML files in CQ/AEM ? Or is there any other way to increase the performance ?

For now I am minifying all the js and css and also doing the GZIP.

Please give me some inputs.

Thanks,
Amogh

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

 Yes, it helps but does not answer question about Ajax response and their processing. Anyway, I think, you should reduce 19 javascript calls to 1 or 2. You have minified, but not merged.

Hard to figure it our all request time taken, However, fonts are taking more time. What is the status of each request?. Is it 200 or 304?

amoghd64765494 wrote...

Please find the attachment for all the answers.

 

9 replies

smacdonald2008
smacdonald2008
Level 10
February 23, 2016

See the AEM Performance Optimization guide.  

edubey
edubey
Level 10
February 23, 2016

1. When are you making XHR call, I mean when does this code loads?

2. Make sure you have included all JS at then end on the page not on top. and execute these XHR calls once pages is loaded

3. Also use tool like http://www.telerik.com/fiddler to see what section of page is taking too much time to load

amoghd64765494
amoghd64765494Author
Level 3
February 23, 2016

There are total 8 XHR calls which are happening after page loads and all of them are ajax webservice calls.

Minifying HTML may help in some case but not sure how to do this in AEM.

edubey
edubey
Level 10
February 23, 2016

Which AEM version you are using?

Have you written code using jsp or sightly?

As i said, please use this tool http://www.telerik.com/fiddler to find what exactly is taking time for page load. 

It could be images, css, html, js, xhr call etc..

Jitendra_S_Toma
Jitendra_S_Toma
Level 10
February 23, 2016

Are you saying, Page HTML XHR request takes more time?. If that is so. It means, AEM is taking more time to build HTML response. 

A Few questions related to this page.

  • Does this page has many teasers components?.
  • Does this page have multiple Backend service calls?
  • How many the images are on this page?. 
  • How Authoring of the page is done?. Does container component have another container within and then teaser components?.

----Jitendra

Jitendra_S_Toma
Jitendra_S_Toma
Level 10
February 23, 2016

amoghd64765494 wrote...

There are total 8 XHR calls which are happening after page loads and all of them are ajax webservice calls.

Minifying HTML may help in some case but not sure how to do this in AEM.

 

No. I don't think, it will help.

What kind of data does these calls return?. Is it JSON/html?. After getting the Ajax call response, why kind of processing you do?.

--Jitendra

amoghd64765494
amoghd64765494Author
Level 3
February 23, 2016

Please find the attachment for all the answers.

Jitendra_S_Toma
Jitendra_S_TomaAccepted solution
Level 10
February 23, 2016

 Yes, it helps but does not answer question about Ajax response and their processing. Anyway, I think, you should reduce 19 javascript calls to 1 or 2. You have minified, but not merged.

Hard to figure it our all request time taken, However, fonts are taking more time. What is the status of each request?. Is it 200 or 304?

amoghd64765494 wrote...

Please find the attachment for all the answers.

 

edubey
edubey
Level 10
February 23, 2016

1. Your DOM processing take approx 2 sec ( what are you doing in this section )

2. Do not include multiple JS files, create client libs and include less files

3. Your request in this section is taking too much time (close to 6 sec).Try to optimize code

What is the size of data you are getting in these 2 calls.

 

Terms & ConditionsAccessibility statement

Loading footer...