When we create AEM editable templates and components as drag and drop , how does the AEM stitch the page on user-end/ browser ? Is it called as an HTML page ? or each component and their content are separately called and stitched together in browser.
When we create a page(HTML) in AEM from a template and add component on it by authoring different content the whole page is considered as an HTML page.
Now When the request is made to the perticular page from browser side, the call is made to the server where the HTML page is rendered by calling the components on it. Now each of the component will have their own HTL (HTML templating Language) which will be executed at the server side and it will generate the content in the form of HTML.
Same HTML content is served to the browser here by caching the content at the dispatcher (caching and load balancing). If the same page request is made in future again the page will be served from the cache to reduce the load on the publish instance. Now there are some other considerations as well like if the content is going to be static or dynamic. If it;s going to be a static content the whole page will be cached whereas if the content is going to be dynamic content the content will be served from the publish instance.