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年七月5日 17:45 38

感谢您为此付出的努力，@rrit

我有一个好消息，我们在 Discourse 中实现了一项新功能，这应该会有很大帮助。

話題		回覆	觀看
Introducing Discourse Splash - A visual preloader displayed while site assets load Announcements new-feature , splash	30	7016	2023年十月9日
Google May 4th Core Update impact on Discourse forums Community Building	102	10315	2022年七月5日
Disable or bypass feature detect for Googlebot (while serving JS app to crawlers) Support unsupported-install	7	3567	2022年六月14日
How difficult would it be to make Discourse JS google compliant? Development	3	903	2022年四月5日
Optimizing FCP/LCP by caching raw-view module lookups Development	10	1751	2022年一月5日

推迟javascript并在初始页面加载时显示中间内容

相關主題