深センのWebトレーニング:フロントエンド同型のレンダリングとは何ですか?

深センのWebトレーニング:フロントエンド同型のレンダリングとは何ですか?
同形のレンダリングは、フロントを参照し、後端はnodejsは、白の言葉で、同型のレンダリングバックエンドレンダリング、またフロントエンドのレンダリングもない私たちのHTMLファイルを読み込む使用してレンダリング初めて、JSを使用している、それ共通部分は、その間に介在されています。同形レンダリングリアライズは、それらがコードによって実現され、実際にSSR + CSHです。
ここに画像を挿入説明
ここでは、フロントエンドとバックエンドをレンダリングレンダリングと呼ばれ、それぞれがそれ独自の利点を持っています。フロントエンドレンダリングの利点は次のとおりです。パーシャルリフレッシュが遅延ローディング技術はクールなjsの効果の多様性を達成するために使用することができ、CDNサーバによって比較的低コストの学習、分離開発の終了前と後のリソースにアクセスすることができます達成することができます。バックエンドの主な利点は以下のとおりです。SEOの最適化に賛成してロードされた問題最初の画面を解決することができます。
Vueのフレームワークなどの技術の進歩、として非常に優れた均質なレンダリングを実現することができて反応する、つまり、私たちはしばしば言うSSR、例えばnuxt.jsとnext.js.のため フロントエンドレンダリングの異常普及し、今日では、なぜ我々は、均質な外観のレンダリング技術を持っていますか?
上記ロードし、SEOの最適化のために、実際に最初の画面を解くことができる同型のレンダリングにスローされる導入されました。
HTMLファイルなので、フロントページのレンダリングから、我々が必要とするデータによってクロールする伝統的な検索エンジンがクロールすることはできません。上の勤務とVUEプロジェクトの開発者が知って反応し、私たちはしばしばSPAは、すべてのパッケージ全体をJS、問題は無視できないだろう使用するファイルは、レンダリングの前に長い待ち時間が生じ、大きすぎるということです。場合は特に、ユーザーが黒と白の終了を待つことができ、速度差が、良い経験ではありません。
サーバーは、最初の黒と白の問題を回避するために、理想的に、最後のショーに直接HTMLをレンダリングするために使用されるデータをレンダリングすることができます。データのページが大きすぎるが、何も、それは必然的に、待っているの発生絶対うではありません。
それはPHP、JSPのレンダリングモードになると、彼らは書かれたページの後にバックエンドへのフロントエンドである、HTMLページテンプレート、PHPの接尾辞またはJSPによってレンダリングバックエンドエンジン。SSRの事実によって、原則的には、ちょうど層CSHそれよりも、その実装は、サーバの初期化データを提供する必要があり、同じです。

おすすめ

転載: blog.csdn.net/qq_37124438/article/details/95336295