Skip to content

Latest commit

 

History

History
40 lines (26 loc) · 2.08 KB

File metadata and controls

40 lines (26 loc) · 2.08 KB

コンテンツエリアの部分再読み込みの利用

識別子

GreenIT V2 V3 V4
40 49 38

カテゴリ

ライフサイクル サードパーティ 担当者
3. 実現 (製造 / 実装) ネットワーク UX/UI Designer

効果

優先度 実装難易度 エコロジーへの影響度
4 3 4
リソース
プロセッサ / RAM / ネットワーク

説明

あなたのウェブページに更新頻度が高い必要があるコンテンツエリアが一つまたはそれ以上ある場合、それらのエリアだけをリロードし、ページ全体をリロードしないようにお勧めします。 それには、一般的にJavascriptでよく使われるAJAXと呼ばれるいくつかの技術を使うことができますが、Service Worker、Web Component、またはカスタム開発も使用できます。

これらの部分をページのHTTP呼び出しに含めず、Javascriptでこれらの動的エリアで水分補給することさえ考えられます。これを一部の人々が「コンポーネントの島々」または「島々のアーキテクチャ」と呼ぶことがあります。利点は、ページ「コンテナ」のキャッシュソリューションを維持し、「必要なコンテンツの小島」だけをリロードできることです。

ニュースサイトはこの手法を非常に頻繁に使用し、迅速に更新する必要があるゾーン(ニュースフラッシュ、天気データ、株価、スポーツ結果など)を明確に識別できます。

検証原理

検証項目 次の値以下である
部分的に更新可能だが更新されていないコンテンツのエリア 0%