# 初期ページ読み込み時にJavaScriptを遅延させ、一時的なコンテンツを表示する

**URL:** <https://meta.discourse.org/t/defer-javascript-and-show-interim-content-on-initial-page-load/216458>\
**Category:** Development\
**Created:** [2022 年 1 月 30 日午前 2:02 UTC](https://meta.discourse.org/t/defer-javascript-and-show-interim-content-on-initial-page-load/216458 "2022-01-30T02:02:16Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![rrit](https://avatars.discourse-cdn.com/v4/letter/r/b5ac83/32.png) [@rrit](https://meta.discourse.org/u/rrit)\
**Post date:** [2022 年 1 月 30 日午前 2:02 UTC](https://meta.discourse.org/t/defer-javascript-and-show-interim-content-on-initial-page-load/216458/1 "2022-01-30T02:02:16Z")

</div>

## JavaScript の遅延読み込みについて

可能な限り、すべての JavaScript に defer 属性を追加します。JavaScript の読み込みと実行を遅延させることで、ブラウザは HTML の解析、レンダリング、ペイントを開始できます。

これにより、Discourse の起動プロセス中またはその前に、静的な一時コンテンツが表示される可能性があります。これは、初回読み込み時のユーザー体感速度を向上させるはずです。

 ![FCP 静的コンテンツ](https://global.discourse-cdn.com/meta/original/3X/a/a/aabc80111306d900788962849f54786d234bb019.png)

静的な一時コンテンツのアイデア:

- ロゴとローディングスピナー付きのスプラッシュスクリーン
- バックエンドからの投稿を含むトピックビュー

* * *

## POC と PR

最新の概念実証と PR については、[こちらの投稿を参照してください](https://meta.discourse.org/t/defer-javascript-and-show-interim-content-on-initial-page-load/216458/14)。

* * *

現在、ベンダー JavaScript およびそれ以前のすべての JavaScript は遅延読み込みされていません。  
@参照: [https://github.com/rr-it/discourse/commit/328efd5c055f5f2a4d93b5e52268cfe92913faf7](https://github.com/rr-it/discourse/commit/328efd5c055f5f2a4d93b5e52268cfe92913faf7)

この問題の解決策に関するアイデアを歓迎します。

* * *

## JavaScript の async、defer、none

`defer` を含む JavaScript の読み込みオプションの詳細については、[Efficiently load JavaScript with defer and async](https://flaviocopes.com/javascript-async-defer/) を参照してください。  
(これは、実際の Discourse ブートの高速化に関するものではありません。)

* * *

## Fastboot/再水和

> **[State-of-the-art LCP performance for Ember.JS](https://discuss.emberjs.com/t/state-of-the-art-lcp-performance-for-ember-js/18792)**
>
> Background Google have recently announced it will be rolling out an update to search ranking based on “Core Web Vitals” starting May 2021. It will use 3 signals for this new ranking bump: LCP: Largest Contentful Paint This metric is used to...

この記事を読みました:  
結論として、Fastboot/再水和の実装のようです。  
これにはいつ頃の予定がありますか？

---

_[View the full topic](https://meta.discourse.org/t/defer-javascript-and-show-interim-content-on-initial-page-load/216458)._