Single Page & Multiple Page Application

Multiple Page Application

• MPA is a type of web application that loads a new page every time you perform a specific action.

• When you perform a specific action in an MPA (e.g., click on a button or hyperlink), the app will redirect you to a new page and load that page from scratch.

• The rendering is mainly on server-side

• When page is changed, new html page will be loaded

• Longer loading time but better seo performance

Single Page Application

• SPA is a web app that or a website runs in your web browser and loads everything from one page.

• When jumping to another page, new html will be not reloaded but other javascript file will be loaded for rendering

• Faster loading time but poor SEO performance and large javascript bundle size

Solution (Hybrid)

• Currently, server side component and client side component is introduced

• Part of the html code is rendered from server to reduce javascript bundle size and ensure SEO performance

• Part of html code and navigation is rendered and handled from client side to enhance the loading time