How about: Deferring Discourse’ javascripts Add defer-attributes to all javascripts if possible. Deferring javascript-loading and execution makes the browser start HTML-parsing, rendering and painting. So some static interim content may be shown pretty early in (or even before) the discourse bootin…

[画像] rrit: So some static interim content may be shown pretty early in (or even before) the discourse booting process. That would cause the LCP to be still after the EmberJS boots and re-renders, not addressing the main problem regarding new Google rankings. [画像] rrit: The conclusion ove…

[画像] Falco: That would cause the LCP to be still after the EmberJS boots and re-renders As of Chrome 88 this is luckily not true anymore! :rocket: Didn’t know about this either until now. :)) Chrome Speed - Largest Contentful Paint Definition Change in M88 …

Here are some simulated statistics for a topic page with the POC implemented. Lighthouse: “Values are estimated and may vary.” WebPageTest webpagetest.org Moto4G simulation [grafik] Note: we are the black arrow on top. [grafik] Notes: 0s-2s - blank screen: WebPageTest ignores defer for Ja…

Oh that’s a very interesting find! Great work! [画像] rrit: But it looks like PageSpeed does not use the correctly identified static text-node for its simulated result: simulated FCP and LCP are to huge. What does the you get on this extension https://chrome.google.com/webstore/detail/web-vit…

Via Web Vitals Chrome Extension on desktop Chromium Version 90.0.4430.212 first load on new incognito window [grafik] Note on First Input Delay: I waited until fully loaded page and then clicked on background - so after EmberJs rendering finished. [grafik] Note on First Input Delay: Here I c…

Awesome idea! @rrit I totally agree Discourse is very slow JS Heavy web-app, if we can defer CSS/JS FILES, it will hugely help speed up LCP, FCP, FID,CLS. Would really help to see this getting live, we and many other people are facing this issue. All discourse sites are failing at Core Web Vitals.…

We’re open to experimenting with this in core. The ‘flash’ of differently-styled content can be a little disconcerting, so we’d like to start with it behind a default-disabled “experimental” site setting to start with. That way, Site admins can choose to enable it if they want to. Are you able to t…

[画像] rrit: After this change, an element being removed is still considered a valid LCP candidate. " Doesn’t that means that we can simply put a fullscreen spinner (that has 100% width and 100% height) on the page rendered by the server, and replace it by the Ember app when it finally boots to…

[画像] Falco: [画像] rrit: After this change, an element being removed is still considered a valid LCP candidate. " Doesn’t that means that we can simply put a fullscreen spinner I think the key part is LCP “candidate” It will only be considered the largest contentful paint if it really i…

[画像] david: Are you able to try adding a site setting in your PR @rrit ? Feature flag is implemented. [画像] david: RSpec tests to verify the behaviour with the setting enabled / disabled. I’m not at all a ruby developer - on this I definitely need some help. Maybe push my POC into a ne…

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

開発

Johani (Joe) 2022 年 7 月 5 日午後 5:45 38

@rrit さん、ありがとうございます

良いニュースがあります。Discourse に新しい機能が実装され、この問題がかなり改善されるはずです。

トピック		返信	表示
Introducing Discourse Splash - A visual preloader displayed while site assets load Announcements new-feature , splash	30	6733	2023 年 10 月 9 日
Google May 4th Core Update impact on Discourse forums Community Building	102	9755	2022 年 7 月 5 日
Disable or bypass feature detect for Googlebot (while serving JS app to crawlers) Support unsupported-install	7	3446	2022 年 6 月 14 日
How difficult would it be to make Discourse JS google compliant? Development	3	854	2022 年 4 月 5 日
Optimizing FCP/LCP by caching raw-view module lookups Development	10	1699	2022 年 1 月 5 日

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

関連トピック