I’m looking to improve the web vitals for my site, specifically LCP. I have been having issues where the time is ~2.7s (should be under 2.5s). From Optimize Largest Contentful Paint | Articles | web.dev : Specifically, LCP measures the time from when the user initiates loading the page until t…

Maybe my question is too detailed. Here’s an easier question if someone knows the answer: When a page is reloaded, will elements from plugins render earlier than theme components?

[이미지] piffy: I have isolated the problem to a banner theme component I wrote. A banner image I mount as a widget “above-main-container” is the largest object painted on the screen for basically every page If your banner is larger than the element we use for the Introducing Discourse Splash - …

I am currently having a bad time :slight_smile: hahaha I’ve switched over to using a CDN which has not helped. As I mentioned, I think the call to fetch the banner is the thing happening too late, not the fetch time. I will try the prefetch to see if it makes a difference though! What I did in the…

[이미지] piffy: It looks like google is calculating LCP primarily from search traffic, which is typically non-logged in users in my case LCP will come from all users using Google Chrome, so Android, Windows, MacOS, Linux and Chromebooks. If you have more pageviews coming from anons on those dev…

Good to know. Do you think I could just work-around this problem by making the splash screen animation bigger?

This is very complicated. First, I just checked and the splash screen already uses the entire screen (100vh and 100% width). However, some users won’t get the splash screen if their Discourse boot is fast enough. For those, then the LCP will be set by whatever element is big enough. In your case t…

[이미지] piffy: is the largest object painted on the screen for basically every page Does it have to be?

It’s basically a staple at this point, the users love it

And it can’t be adjusted in any way?

Of course I could always shink it or something but I’d prefer a solution that doesn’t compromise on the aesthetic

테마 컴포넌트와 최대 콘텐츠 페인트(LCP)

개발

piffy 3월 22, 2023, 1:47오전 11

물론 항상 줄이거나 다른 방법으로 처리할 수는 있지만, 미관을 해치지 않는 해결책을 선호합니다.

글		댓글	조회수
Defer javascript and show interim content on initial page load Development	19	3049	7월 5, 2022
Randomized Banner Plugin	2	1083	3월 5, 2024
Google Largest Contentful Paint / LCP Issues - Any Easy Fixes? Product Support seo	2	1303	7월 5, 2022
Cookieyes LCP and Discourse Product Support	1	240	4월 17, 2025
Introducing Discourse Splash - A visual preloader displayed while site assets load Announcements new-feature , splash	30	7176	10월 9, 2023

테마 컴포넌트와 최대 콘텐츠 페인트(LCP)

Related topics