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: T…

[изображение] 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/detai…

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…

[изображение] 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 pa…

[изображение] 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 pus…

Отложить загрузку JavaScript и отображать временный контент при первой загрузке страницы

Разработка

Johani (Joe) 05.Июль.2022 17:45:37 38

Спасибо за работу над этим, @rrit

У меня хорошие новости: мы внедрили новую функцию в Discourse, которая должна значительно помочь в решении этой проблемы.

Тема		Ответов	Просм.
Introducing Discourse Splash - A visual preloader displayed while site assets load Announcements new-feature , splash	32	6626	18.03.2024
Google May 4th Core Update impact on Discourse forums Community Building	103	9213	05.07.2022
Disable or bypass feature detect for Googlebot (while serving JS app to crawlers) Support unsupported-install	8	3401	14.06.2022
How difficult would it be to make Discourse JS google compliant? Development	3	832	05.04.2022
Optimizing FCP/LCP by caching raw-view module lookups Development	11	1661	06.01.2022

Отложить загрузку JavaScript и отображать временный контент при первой загрузке страницы

Связанные темы