Static vs Dynamic Website
Last Updated : 19 Sep, 2022
What is Website?
Website is the collection of web pages, different multimedia content such as text, images, and videos which can be accessed by the URL which you can see in the address bar of the browser. For example: https://www.geeksforgeeks.org
How to access Websites?
When we type a certain URL in a browser search bar, the browser requests the page from the Web server and the Web server returns the required web page and its content to the browser. Now, it differs how the server returns the information required in the case of static and dynamic websites.
Types of Website:
- Static Website
- Dynamic Website
Static Website: In Static Websites, Web pages are returned by the server which are prebuilt source code files built using simple languages such as HTML, CSS, or JavaScript. There is no processing of content on the server (according to the user) in Static Websites. Web pages are returned by the server with no change therefore, static Websites are fast. There is no interaction with databases. Also, they are less costly as the host does not need to support server-side processing with different languages.
Architecture of Static Website
Note: Static does not mean that it will not respond to user actions, These Websites are called static because these cannot be manipulated on the server or interact with databases (which is the case in Dynamic Websites).
Dynamic Website: In Dynamic Websites, Web pages are returned by the server which are processed during runtime means they are not prebuilt web pages but they are built during runtime according to the user's demand with the help of server-side scripting languages such as PHP, Node.js, ASP.NET and many more supported by the server. So, they are slower than static websites but updates and interaction with databases are possible.
Dynamic Websites are used over Static Websites as updates can be done very easily as compared to static websites (Where altering in every page is required) but in Dynamic Websites, it is possible to do a common change once and it will reflect in all the web pages.
Architecture of Dynamic Website
Difference Between Static and Dynamic Websites:
Static Website | Dynamic Website |
|---|
| Content of Web pages can not be change at runtime. | Content of Web pages can be changed. |
| No interaction with database possible. | Interaction with database is possible |
| It is faster to load as compared to dynamic website. | It is slower than static website. |
| Cheaper Development costs. | More Development costs. |
| No feature of Content Management. | Feature of Content Management System. |
| HTML, CSS, Javascript is used for developing the website. | Server side languages such as PHP, Node.js are used. |
| Same content is delivered everytime the page is loaded. | Content may change everytime the page is loaded. |
Similar Reads
Static vs. Dynamic Environment in AI In the context of artificial intelligence (AI) and agent-based systems, the environment in which an AI agent operates can be classified into two main types: static and dynamic environments. The nature of the environment significantly impacts the design, development, and performance of AI agents. Und
3 min read
Microsoft Azure - Hosting a Static Website with Azure Storage Azure storage stores all types of data. It is mainly designed for storage where we can easily store both structured and unstructured data. In Microsoft Azure, you can easily upload your static website and share the link anywhere and anyone can see your website, you can manage your access control. Ht
3 min read
Build Blog website using Flask In this article, we'll explore how to build a dynamic blog website using Flask, a lightweight and versatile Python web framework. Flask provides developers with the tools needed to create robust web applications, and its simplicity makes it an excellent choice for beginners and experienced developer
15+ min read
How to create dynamic HTML pages ? Dynamic HTML page, as the name suggests refers to an HTML page that is dynamic in such a way that it is customizable and changeable according to user input. For example, Using CSS we can change the background color of the web page each time the user clicks a button on the webpage and we can also ask
2 min read
Project Idea | ShoppingLane Online Shopping Website This project is regarding a very simple idea, but yet, important and quite helpful to society. Here, we are planning to build an E-commerce (online shopping) website. The name of the website will be "ShoppingLane". We all know that the business-to-consumer aspect of product commerce is the most visi
4 min read