Tecnoblog の Discourse コメントに関する体験

Falco · 2026 年 4 月 15 日午後 8:28

素晴らしいアイデアですね。ネイティブサポートを追加しています。

github.com/discourse/discourse

PERF: Lazy load full app embed iframe with IntersectionObserver (#39299)

main ← perf/lazy-load-full-app-embed

merged 02:45PM - 16 Apr 26 UTC

xfalcox

+26 -3

## Summary - Defer loading the Discourse iframe for full app embeds until the u…ser scrolls near it - Feature detect `IntersectionObserver` — fall back to immediate loading if unavailable - Default margin of 1000px to give the heavy PWA time to load before the user reaches it - On by default for `fullApp` embeds, opt out with `lazyLoad: false` - Configurable margin via `lazyLoadMargin` - Show options in the admin embedding code snippet ## How it works The iframe element is appended to the DOM immediately (preserving layout space with `embedHeight`), but its `src` is not set until the `IntersectionObserver` fires. The default 1000px margin gives Discourse a head start on loading before the user actually scrolls to the embed. ```js DiscourseEmbed = { discourseUrl: 'https://forum.example.com/', topicId: 123, fullApp: true, // lazyLoad: false, // disable lazy loading of the iframe // lazyLoadMargin: '1000', // pixels before viewport to start loading }; ``` ## Test plan - [ ] Full app embed below the fold — verify iframe doesn't load until scrolling near it - [ ] Full app embed above the fold — verify it loads immediately (IntersectionObserver fires right away) - [ ] `lazyLoad: false` — verify immediate loading, same as current behavior - [ ] Custom `lazyLoadMargin` — verify the margin is respected - [ ] Standard (non-full-app) embed — verify unchanged behavior (always loads immediately) - [ ] Browser without IntersectionObserver — verify falls back to immediate loading

トピック		返信	表示
Embed Discourse comments on another website via Javascript Integrations embedding , how-to	127	304360	2026 年 6 月 2 日
Embed Discourse comments with on-page commenting? Feature	32	8120	2019 年 1 月 19 日
Discourse Comments stuck on "Loading..." Support	22	2209	2024 年 9 月 18 日
Embed Discourse as a full comment system on your site Announcements embedding	24	2190	2026 年 6 月 2 日
Should Discourse make an effort to become a viable comment platform? Community Building	62	5433	2026 年 3 月 25 日

Tecnoblog の Discourse コメントに関する体験

関連トピック