Hi all, we have some complex pages using nested component.
container tabs container tabs container accordion container text teaser text teaser container text .....
Maybe more levels to meet our design, these nested components make our page loading slowly.
Anyone has the same issue? or any suggestions? we are using AEM 6.5
hi @aimee8586 , Thanks for reaching out AEM Communities.. Page load time depends on various factors, yes ofcourse it depends on the Size of overall HTML document, but it true depends on your UX design and type of components you have used to achieve it along with the Front end framework you have used.
if you have take care of all other website performance metrics and only HTML size is the only concern for you, then you should think of your component design to build better composite components instead of nested components, but i bet this should be very minor when compared to other factors of concerns for a Website Page load time.
@Shashi_Mulugu this is a lighthouse report for our complex page, we also have some simple page which contains about 1000 DOM elements loading in 2s.
So does AEM has something like batch loading for the page?
Hi @aimee8586 ,
Performance measures how quickly the pages of a website load and display in the web browser.
Now, this can be dependent on 2 factors:
1. Back-end response time is slow
2. FE response time related
The first thing which I would suggest is to find the root cause of this, it could be either one of these of both.
FE performance monitoring:
I would suggest for this activity, just keep "Performace" checked in the categories.
Understanding profiler results and using profiler :
you should not use many nested element, it has performance issue.
You can check it from Developer mode.