Answer this AEM question 💡
So we have to optimise the images and we can use the modern format. Then we can improve the lazy loading any fold content. Then we can compress the images. After we can verify the bundle assets, then we can enable the catching
Optimize Dependencies: Define dependencies to ensure only required libraries are loaded. Embed Libraries: Use the embed property to combine client libraries, reducing the number of network calls by merging them into one request
Most people got clienlibrary part right, not mentioning those. For query performance: -Use query debug tool to analyze the slow queries. -Check whether the indexes are being picked up or not. If not, create new custom indexes. -Analyze read optimization performance. -Read optimization should be above 90%
Pavan Hampi
3w
-We can use AEM inbuilt Query builder to check where it takes time. -Redefine JS files by splitting into chunks. -Use of CDN also helps to improve the home page performance.
Prajakta P.
2w
Server side rendering will also help in this scenario
- Use webpagetest which gives all the info - use on scroll dynamic page load
AEM Developer at IBM
3wWe could try 3 things 1. Minify the JS files so that the clientlibs loads faster making the users & search engines happy 2. Load dependencies contextually. Define clientlib dependencies into logical blocks so that the clientlibs can be loaded with embed feature 3. Implement image lazy loading to load the assets contextually. 4. Additionally, if the application architecture has a cookie-less static domain setup we could implement url rewrite feature with dynamic media. One more thing to understand is to analyze if there any external API calls & to see the throttling setup for those services.