A dynamic web page is one whose content is generated or updated to reflect data, a request, or a user’s circumstances. That work may happen on the web server, in the browser, or in both. “Dynamic” describes what a page can do—not a specific programming language or a requirement to build a JavaScript-only app.
What makes a web page dynamic?
A static page generally delivers the same fixed document to each visitor until someone changes the file. A dynamic page can instead return or display different content based on information such as the requested URL, stored data, a visitor’s location, or whether the visitor is signed in. MDN Web Docs describes “dynamic” as the ability to update a page or app to show different things in different circumstances and generate content as needed (MDN Web Docs: What is JavaScript?).
As an Amazon Associate I earn from qualifying purchases.
A dynamic page does not necessarily have a unique file or layout for every result. A site can reuse one HTML template and fill it with different data. The template stays much the same; the content supplied to it changes.
Recommended Free Tools
How does a dynamic web page work?
The page can be made dynamic on the server, in the browser, or through a combination of the two. The distinction is about where the HTML or visible content is produced, not whether the site is “dynamic” at all.
#1 Best Overall
- Brand: Wiley
- Set of 2 Volumes
- A handy two-book set that uniquely combines related technologies Highly visual format and accessible language makes these books highly effective learning tools Perfect for beginning web designers and front-end developers
Server-side generation
-
A browser requests a URL.
-
The server routes the request to application code, which can consider the request and retrieve relevant data, often from a database.
-
The application places that data into an HTML template.
Rank #2
Sale
Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics- Used Book in Good Condition
-
The server sends the generated HTML back in its HTTP response for the browser to display.
Windows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallOutdated Drivers Are Slowing You Down
One free scan finds every outdated or missing driver and matches the right update for your exact hardware.Free scan · exact hardware matchSpecial offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
For example, a shopping site can use one product-page template and insert the name, description, and other details for the product requested. The server-side process is described in MDN’s introduction to the server side and its client-server overview.
Browser-side generation and updates
A page can also use JavaScript in the browser to change its document structure or fetch data and display it. It might arrive with a basic structure or loading skeleton, then show more content after a request completes. For example, browser-side code can retrieve current information and add it to the page. See MDN’s explanation of client-side rendering (CSR).
Combining server and browser work
Many applications send an initial page generated on the server and then use JavaScript to update parts of it in response to later data or user actions. Server-side rendering (SSR) and client-side rendering (CSR) can coexist; they are not mutually exclusive methods. A site may also use server-side rendering infrastructure to generate pages that are ultimately static. MDN explains this distinction in its entries on server-side rendering and client-side rendering.
Rank #4
Static and dynamic pages compared
| Approach | Where content is generated | What happens |
|---|---|---|
| Static file delivery | A stored document is served by the server | The same fixed page is delivered unless the file itself changes. |
| Server-side dynamic generation (including SSR) | Server application code | The server can use request details or stored data to generate the HTML before sending it. |
| Client-side rendering or updates (CSR) | JavaScript in the browser | The browser can create or change page content, including content fetched from a server. |
| Mixed rendering | Both server and browser | The server can supply an initial page while browser code updates it afterward. |
The key questions are where content is generated, whether the response depends on a request or stored data, and whether browser code changes the page after it arrives. A page that uses JavaScript is not automatically a client-rendered single-page app, and a dynamic page is not necessarily rendered only in the browser.
Examples of dynamic pages
-
Product page: A shared template displays details from the selected product’s record.
-
Weather page: The displayed forecast can vary by location or user preferences.
-
Signed-in service: Server-side logic can check permissions, retrieve the appropriate information, and return a suitable response.
-
Live page update: Browser-side code can fetch information and add or change page elements without requiring the entire page to be a separate stored file.
Free tools Windows power users keep installed
One-click scans. No signup required.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Is a dynamic web page the same as a JavaScript page?
No. JavaScript can make a page dynamic by changing content in the browser, but server-side languages can also generate pages dynamically. Some sites use both approaches, and a server can generate HTML before the browser receives it. MDN explicitly uses “dynamic” for both client-side JavaScript and server-side languages (MDN Web Docs).
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
