過去数年間、新しいJavaScriptフレームワークがたくさん見られました。 Web開発を引き継ぐ。シングルページアプリケーションとプログレッシブウェブアプリのスキルは、すべての新しい開発者が履歴書に求めている新しいものです。ほとんどのWebサービスは、JavaScriptフレームワークを使用したクライアントサイドレンダリングに移行しています。ただし、サーバー側のレンダリングはその魅力を失っていません。
サーバーサイドレンダリングとは何ですか？
最新のJavaScriptフレームワーク 角度、反応、vueのように、JavaScriptコードはサーバーからクライアントに送信され、そこで通常のHTMLにレンダリングされます。これは、クライアント側のレンダリングとして知られています。サーバーサイドレンダリングとは、Webページをクライアントに送信する前にプレーンHTMLにレンダリングするプロセスを指します。これまでのところ非常に単純です。これは以前のケースであり、PHPなどの言語がデータベースからデータをフェッチしてHTMLドキュメントにコンパイルし、ユーザーに送信する多くのサイトで現在も存在しています。
サーバーサイドレンダリングはまだ便利ですか
ここで、サーバー側のレンダリングのポイントは何であるか疑問に思う必要があります。フロントエンドコードのほとんどは、クライアント側でレンダリングできるJavaScriptに大きく依存しているためです。非常に単純な理由はSEOです または検索エンジン最適化。クライアントがレンダリングしたウェブサイトはSEOとうまく合いません。
Googleやその他の検索エンジンは、さまざまなWebサイトのコンテンツをクロールして、検索結果で利用できるようにします。これが、サーバーレンダリングサイトがまだ市場に存在する唯一の理由です。 Googleや他の検索エンジンは、クライアントがレンダリングしたWebサイトのクロールを開始しましたが、効率はサーバーがレンダリングしたサイトにほど遠いものです。
また、サーバー側のレンダリングは、Webページをロードするために必要なリソースが最小限であるため、ユーザーにとってはるかに高速であると感じます。接続が遅い人は、Webサイトのコピー全体をユーザーに転送する必要があるため、クライアントでレンダリングされたWebサイトをロードするのが非常に難しいと感じるかもしれません。これにより、ユーザーが数メガバイトを超えるダウンロードを行うと、遅延が発生する可能性があります。一方、サーバーでレンダリングされたサイトは、クライアントに単純なHTMLページを送信します。これらのページは、ほとんどの場合、即座に読み込まれます。
JSフレームワークでのサーバーレンダリング
JavaScriptフレームワークは、クライアントレンダリングアプリでより有名ですが、サーバーレンダリングのオプションもあります。 preact、prerender、pre-render spaなどのパッケージとライブラリを使用すると、開発者は、事前レンダリングとクライアントレンダリングの両方で提供できるサイトを構築できます。これにより、サーバーレンダリングの利点を備えたクライアントレンダリングの能力が可能になります。
結論
最新のフロントエンドフレームワークは、クライアントレンダリングを普及させています。ただし、サーバーレンダリングには、無視できない独自の利点があります。これらの利点は、サーバー側のレンダリングをクライアントでレンダリングされたアプリに追加するコストを上回ります。 SEOのメリットと読み込み時間の短縮により、サーバーのレンダリングがすぐになくなることはありません。皆さんがこのトピックについて明確な考えを持っていることを願っています。それでも何かについて混乱している場合。コメントをドロップしてください。私があなたのためにそこにいます。