web-dev-qa-db-ja.com

プログレッシブレンダリングとは何ですか？

良いインターンシップを見つけるために、私はこれらに答えることに取り組んでいます questionsプログレッシブレンダリングとは

htmlprogressive
54
Natumsol

プログレッシブレンダリングとは、可能な限り迅速に表示用のコンテンツをレンダリングするために使用される技術に付けられた名前です。

かつてはブロードバンドインターネットが登場する以前はずっと普及していましたが、モバイルデータ接続がますます普及している（そして信頼性が低い！）ので、現代の開発においては依然として有用です。

そのようなテクニックの例：

  • 遅延読み込み ページの読み込み時にすべての画像を読み込むのではなく、ブラウザのビューポートに入ると（通常）何らかのJavaScriptが画像を読み込む画像。
  • 可視コンテンツの優先順位付け （またはスクロールせずに見える範囲）できるだけ早く表示するために最初にユーザーのブラウザーでレンダリングされるページの量に必要な最小のCSS /コンテンツ/スクリプトのみを含めます。その後、遅延JavaScript（domready/load）を使用して、他のリソースとコンテンツをロードできます。
88
cfreear

これは、chunksでデータを一度に送信するのではなく、Server side renderingで送信するという考えに関係しています。利点は減少します[〜＃〜] ttfb [〜＃〜]（最初のバイトまでの時間）つまり、ブラウザーがHTTPリクエストを行う間の時間そして、最初のバイトを受け取ります。

詳細な説明については、以下の「JSConf」トークを参照してください。 https://www.youtube.com/watch?v=aRaQe9n1lPk

2
Naman Sancheti