DEV Community

Artem
Artem

Posted on

4

What is the difference between SSR, ISR, SSS 👀

SSR (Server-Side Rendering), ISR (Incremental Server-Side Rendering), and server-side streaming are all techniques for rendering and serving content to a client in a web application. Here is a brief overview of the differences between these three approaches:

SSR (Server-Side Rendering):

  • SSR involves rendering the content of a web page on the server and sending the fully rendered HTML to the client.
  • This can improve the performance and SEO of a web application, as the client does not have to wait for the JavaScript to execute before the page is displayed.
  • However, SSR requires more resources on the server, as the server has to do the rendering work.

ISR (Incremental Server-Side Rendering):

  • ISR is a variant of SSR in which the server sends the initial HTML content to the client, and then the client renders the rest of the content using JavaScript.
  • This can improve the performance and SEO of a web application, as the initial content is displayed faster and the server does not have to do as much rendering work.
  • However, ISR requires the client to have JavaScript enabled, as the client is responsible for rendering the rest of the content.

Server-Side Streaming:

  • Server-side streaming involves sending a stream of data from the server to the client in real-time, without waiting for the entire response to be generated.
  • This can be used to implement real-time features such as live updates or chat applications.
  • Server-side streaming requires the use of a special HTTP header, Transfer-Encoding: chunked, which tells the client to expect a stream of data rather than a single response.

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (1)

Collapse
 
lele profile image
Lele

Thank you for sharing, very helpful.

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay