# Rendering on the Web

DevFeed: [Rendering on the Web](<https://devfeed.tech/articles/rendering-on-the-web-4164.md>)

Original publisher: [Read original article](<https://web.dev/articles/rendering-on-the-web?hl=en>)

Author: Addy Osmani X GitHub Bluesky Jason Miller X GitHub Homepage

Published: 2026-01-05T08:00:00Z

Content type: article

Language: en

Sources: [web.dev: Articles](<https://devfeed.tech/sources/web-dev-articles.md>)

Topics: [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [HTML](<https://devfeed.tech/topics/html.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Web](<https://devfeed.tech/topics/web.md>), [browser](<https://devfeed.tech/topics/browser.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>), [Interaction to Next Paint](<https://devfeed.tech/topics/interaction-to-next-paint.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [browser](<https://devfeed.tech/tags/browser.md>), [developers](<https://devfeed.tech/tags/developers.md>), [html](<https://devfeed.tech/tags/html.md>), [interaction-to-next-paint](<https://devfeed.tech/tags/interaction-to-next-paint.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [performance](<https://devfeed.tech/tags/performance.md>), [web](<https://devfeed.tech/tags/web.md>), [web-developers](<https://devfeed.tech/tags/web-developers.md>)

## AI overview

This article explains how web developers can choose where application logic and rendering should run. It defines server-side rendering, client-side rendering, prerendering, hydration, and rehydration, and discusses their tradeoffs using page-performance metrics such as TTFB, FCP, INP, and TBT.

## Source excerpt

Recommendations for implementing logic and rendering in apps.