Performance Improvement in CQ/AEM

[amoghd64765494]

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

[smacdonald2008]

See the AEM Performance Optimization guide.  

[edubey]

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]

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]

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]

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]

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]

Please find the attachment for all the answers.

[Jitendra_S_Toma · Accepted solution]

 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]

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.