タグ

ssrに関するstibbarのブックマーク (2)

  • ウェブ上でのレンダリング  |  Articles  |  web.dev

    ウェブ上でのレンダリング コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ウェブ デベロッパーが決定すべき重要な決定の一つは、アプリのロジックとレンダリングを実装する場所です。ウェブサイトの構築方法はたくさんあるため 簡単ではありません この領域に関する Google の理解は、過去数年間に大規模なサイトを対象に Chrome で行った実績に基づいています。大まかに言うと、完全なリハイドレーション アプローチよりも、サーバーサイド レンダリングまたは静的レンダリングを検討することをおすすめします。 この決定を行う際に使用するアーキテクチャをより深く理解するには、各アプローチをしっかりと理解し、それらについて説明する際に使用する一貫した用語を使用する必要があります。レンダリング アプローチの違いは、ページ パフォーマンスの観点からウェブでのレンダリングのトレ

  • SPA、SSR、プリレンダリングの違いをまとめてみた - Qiita

    Nuxt.jsを使い始めましたが、SPAとSSRの違いをあまり理解していなかったので、それぞれの動作と違いをまとめました。 SSRについて調べる過程でプリレンダリング(事前描画)についても学んだことも一緒にまとめています。 普段の業務ではコードそのものに目が行きがちですが、動作の違いやメリット/デメリットをしっかり理解した上で技術選定をすることが必要だと感じます。 間違っている点があればマサカリください! HTML/CSS/JacaScriptのみ シンプルにHTML/CSS/JacaScriptのみで動くアプリケーションの場合 動作の流れ 1.クライアント側からHTTPリクエストが送られる 2.サーバーがhtmlファイルを生成 3.サーバーからレスポンスとしてHTML/CS/JSが返ってくる 4.ブラウザ側でhtmlファイル内のJSを実行。ここにAjaxなど再度サーバーとの通信が必要な処

    SPA、SSR、プリレンダリングの違いをまとめてみた - Qiita
  • 1