まず第一に、SPA、SEO、SSR 3との違いについて教えてください
- SPA（SINGLEページファイルアプリケーション）単一ページのアプリケーション、ソリューションは、分離の終了前後に提案されています。
長所：高速ページの切り替え、サーバー上の圧力を低下させる;
短所：倍は遅い開く、SEO検索エンジン最適化を助長されていません。 - SEO（検索エンジン最適化）SEO、検索エンジンは、関連する検索エンジンでのランキング自然増加のウェブサイトのルールを使用しています。
私達は私達のページの検索エンジンは、受信を保証することが困難な場合がSPA単一ページのアプリケーション、AJAXを介したデータへのアクセスを、言う前に。そして、いくつかの検索エンジンはJSとAjaxのデータ取得がサポートしていませんが、それはSEOを言及しており、この問題、SSRのデビューを解決することではありません??? - SSR（サーバ側のレンダリング）サーバー側のレンダリングは、ある程度SSRは遅いSPAの折り目の問題を解決するように見えるが、また、大幅にSEOの通常のSPAへの悪影響を軽減します。
利点：
速い応答時間、ダウンロードされたすべてのjsを待たずに、ブラウザはより完全なページを表示することができます。
検索エンジンを確保するために、より良いSSRは、我々は、直接レンダリングされたHTMLのバックグラウンドで重要な情報をSEOできますあなたは鍵データをクロールすることができます。
短所：
より多くのCUPおよびメモリリソースを占有し、
いくつかの一般的なブラウザAPIが動作しない場合があり、などのウィンドウ、ドキュメント、警告として、使用している場合、動作環境に判断する必要があります。
サーバ側とクライアント側のレンダリングレンダリングとは何ですか？
初期のインターネットユーザーが閲覧するブラウザを使用する複合体のいくつかは、スプライシングされたバックエンドのHTML内にある論理的な、シンプルなページではありません、その後、フロントエンドのhtmlファイルを完了するために、戻る、ブラウザはこのHTMLを取得していますファイルの後に直接、いわゆるサーバ側のレンダリングである、解決を実証することができます。フロントページの複雑さが増すと、だけでなく、フロントページには、通常、ページが正面を崇拝し始めた可能性がより多くの機能部品、より複雑な、この時間Ajaxの上昇、作りを追加し、後端を示して分離された開発モデルは、それは、後端部には、完全なHTMLページを提供していませんが、フロントエンドは、JSONデータを得ることができるように前面にスプライスさらに、APIのHTMLページの一部を提供し、その後、フロントエンドの後にJSONデータを取得し、その後、ブラウザ上に表示しましたあなたは、バックエンドのロジック開発に焦点を当てて、フロントエンドUIの開発に集中できるように、これは、クライアントのレンダリングと呼ばれています。
両者の間に本質的な違いは？
フロントエンドは、複数の操作を行いますしている場合、クライアントとサーバー側のレンダリングは、それがサーバー側で実行された場合、誰が、完全なモザイクhtmlファイルを完成しようとしている正確にレンダリングされ、その後、クライアントに返されるとの最も重要な違いは、サーバー側のレンダリングです多くの仕事は、クライアントがレンダリングされ、モザイクのhtmlを完了しました。
サーバー側レンダリングの長所と短所？
利点：
- フロントは、より少ない時間を消費します。バックエンドのスプライシングは、HTMLを終えているため、ブラウザだけで直接レンダリングを必要とします。
- SEOを助長します。完全なHTMLページのバックエンドので、そう爬虫類にSEOをより助長情報に簡単にアクセスし、クロール。
- クライアントのリソースを占有せずに。それはそう特にモバイル端末はまた、より多くのエネルギー効率の高いことができ、クライアントに対してより少ないリソースを取る、完全にクライアントは、標準のHTMLページを解析することができます限り、行うためにテンプレートのバックエンドを解析する仕事までです。
- バックエンドは、静的ファイルを生成します。あなたは無駄なデータベースクエリの時間を短縮することができるようにそれは、キャッシュクリップを生成し、データ・ページにはほとんど変化は非常に効率的です。
短所：
- 前と後の分離の終わりには、低い効率の発展を助長されていません。サーバー側のレンダリングを使用して、複雑なプロジェクトのための労働力、高いフロントエンドの分裂することはできません、このプロジェクトは、効率的な開発を助長されていません。また、サーバー側のレンダリング場合、フロントエンド一般的には静的なHTMLファイルを作成して、テンプレートとしてバックエンドを変更することで、これは非常に非効率的であり、多くの場合、フロントとリアエンドを変更する行為を完了するために一緒に作業する必要があります。フロントは、直接行うか、さその後、HTMLテンプレート、およびバックエンドに引き渡さ。さらに、変更されたテンプレートの後端場合、また、我々は、FBI時間増大の前後両端そのテンプレートに基づいて遠位CSSの変更を、再調整する必要があります。
- サーバーのリソースを取ります。そのサーバー側の解析用HTMLテンプレートは、より多くの要求ならば、サーバは、いくつかの圧力へのアクセスが発生します。フロントエンドのレンダリングを使用している場合、それは完全にサーバーに実際にここでは、フロントエンドを共有し、これらの圧力を解決し、することです。
クライアントは、長所と短所をレンダリング？
利点：
- 独立したフロントとリアの端。フロントエンドUIのフロントエンドに焦点を当て、バックエンドとフロントエンドの開発に焦点を当てたAPIは、特定のバックエンドテンプレートをフォローする必要がなく、より多くの選択があります。
- より良い経験。例えば、我々は、特にモバイル側のために、あなたは近いネイティブアプリへの経験をすることができ、サイトまたは作られたSPA SPAの部品を作る、そうなります。
短所：
- 遠位応答が遅いです。クライアントは、だけでなく、文字列の連結プロセスのフロントエンドのためにレンダリングされている場合はより速く、余分な時間がかかり、サーバー側のレンダリング速度に優れています。
- これは、SEOを助長されていません。現時点では、Baiduは、SPAのためのGoogleのクローラなどはSEOが悪いので、ちょうど、ページを記録し、認識されていません。サーバは、HTMLが、スプライシングのDOM JSによってフロントエンドを保存することはできませんので、クローラは情報をクロールすることはできません。検索エンジンのSEOは、SEOを確保することであるJavaScriptを、クロールする能力を高めることができない限り。
サーバー側またはクライアント側のレンダリングレンダリングを使用していますか？
ビジネスシーンではいじめを使用するレンダリングモードかを選択盲目的について話しています。このようなエンタープライズレベルのWebサイトとして、主な機能は、複雑な相互作用せずに実証することである、と良いSEOの必要性は、その後、我々は、サーバー側のレンダリングを使用する必要があります;と同様の管理ページでは、対話型の強力な、そして、SEOを考慮する必要はありません。あなたは、クライアント側のレンダリングを使用することができます。
また、具体的にどのようなレンダリング方法を使用するには、いくつかのサイトとして、絶対的なものではなく、他の一方で、ほとんどのユーザーは、このようにレンダリング速度を確保し、サーバー側のレンダリングを使用して、そのページを開き始めるために今、サーバー側レンダリング最初の画面を使用している、つまり、ページは、このように、スプリッタの前端と後端を完了し、クライアントのレンダリングを使用しています。
転送されました