--- title: Five Data-Loading Patterns To Improve Frontend... description: The main goal of SSR is to give the user a static HTML with the prerequisite data. Unlike CSR, SSR doesn’t need to make another API call to the backend because... canonical: https://daily.dev/posts/five-data-loading-patterns-to-improve-frontend-performance-smashing-magazine-9nd-cdq7n twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Five Data-Loading Patterns To Improve Frontend Performance — Smashing Magazine | daily.dev og:description: The main goal of SSR is to give the user a static HTML with the prerequisite data. Unlike CSR, SSR doesn’t need to make another API call to the backend because... og:url: https://daily.dev/posts/five-data-loading-patterns-to-improve-frontend-performance-smashing-magazine-9nd-cdq7n og:image: https://api.daily.dev/og/posts/9nd-CDQ7n.png og:image:alt: Five Data-Loading Patterns To Improve Frontend Performance — Smashing Magazine og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Five Data-Loading Patterns To Improve Frontend Performance — Smashing Magazine **[Smashing Magazine](https://daily.dev/sources/smashing)** · 14 min read · 13 upvotes · 0 comments ## Summary The main goal of SSR is to give the user a static HTML with the prerequisite data. Unlike CSR, SSR doesn’t need to make another API call to the backend because the server generates an HTML template and loads any data within it. Newer solutions like Next.js use hydration, where the static HTML will be hydrated on the client side using JavaScript. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#backend](https://daily.dev/tags/backend), [#database](https://daily.dev/tags/database), [#html](https://daily.dev/tags/html), [#jamstack](https://daily.dev/tags/jamstack), [#javascript](https://daily.dev/tags/javascript), [#qwik](https://daily.dev/tags/qwik), [#react](https://daily.dev/tags/react), [#websocket](https://daily.dev/tags/websocket) [View this post on daily.dev](https://daily.dev/posts/five-data-loading-patterns-to-improve-frontend-performance-smashing-magazine-9nd-cdq7n) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Five Data-Loading Patterns To Improve Frontend Performance — Smashing Magazine","url":"https://daily.dev/posts/five-data-loading-patterns-to-improve-frontend-performance-smashing-magazine-9nd-cdq7n","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/five-data-loading-patterns-to-improve-frontend-performance-smashing-magazine-9nd-cdq7n"},"datePublished":"2022-09-27T15:29:49.154Z","dateModified":"2023-03-21T02:16:50.312Z","description":"The main goal of SSR is to give the user a static HTML with the prerequisite data. Unlike CSR, SSR doesn’t need to make another API call to the backend because...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/889f6577117a5e371e2758e5318a32e1","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/889f6577117a5e371e2758e5318a32e1","isAccessibleForFree":true,"articleSection":"Smashing Magazine","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Smashing Magazine","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/smashing","url":"https://daily.dev/sources/smashing"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/five-data-loading-patterns-to-improve-frontend-performance-smashing-magazine-9nd-cdq7n","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":13},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"backend,database,html,jamstack,javascript,qwik,react,websocket","timeRequired":"PT14M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Smashing Magazine","item":"https://daily.dev/sources/smashing"},{"@type":"ListItem","position":3,"name":"Five Data-Loading Patterns To Improve Frontend Performance — Smashing Magazine"}]} ```