232 questions
1
vote
2
answers
149
views
Highcharts styledMode: What are the performance effects of enabling it?
I'm working with Highcharts and considering enabling styledMode to decouple chart styling from configuration. This would enable using CSS for styling instead of relying on inline styles set with ...
1
vote
1
answer
443
views
LCP is 2.6s even after optimizing dynamic image (22KB size)
I'm trying to improve the Largest Contentful Paint (LCP) on one of my pages. The main LCP element is an image that is loaded dynamically via PHP.
I have already compressed the image and the final size ...
2
votes
0
answers
56
views
How can I resolve a performance issue stemming from a User Agent Style?
I am diagnosing performance issues with my website and I have noticed a specific issue with a CSS selector that slowly matches against many elements.
Use dev tools to analyse my site's performance, &...
-1
votes
1
answer
146
views
INP is over 300 according to Google, but lower than 100 in other tools and real device tests
I am trying to address an Interaction to Next Paint (INP) issue on my webpage. Google's reports indicate that the INP on this page is over 300, but when I test the page using tools like DebugBear or ...
-1
votes
1
answer
55
views
Logging in and out of websites confusion
I am new to Jmeter and learning as I go on a small project in work, but I think I'm getting confused when it comes to the logging in and out of websites, as well as navigating around areas of a logged ...
2
votes
0
answers
260
views
Why is backdrop-filter expensive on elements containing an animation?
When an element has a backdrop-filter and has anything animated within it, I see a huge amount of CPU and GPU usage in Chrome. This doesn't make sense to me, because a backdrop-filter only needs to be ...
0
votes
1
answer
72
views
Client-side performance question: how to combine 'media="print"' async CSS setup and early hint?
I wish to configure my async CSS and early hint setup. I would like to start loading XXX.css as early as possible but giving bandwidth priority to the main HTML (which has inline CSS and inline JS ...
-2
votes
2
answers
245
views
What is the rational for the difference in weight of LCP and FCP in Lighthouse [closed]
I was thinking recently about the weights used to produce the final Lighthouse score.
If you hop over to https://googlechrome.github.io/lighthouse/scorecalc/ you can see that these are
0.1 : FCP, SI, ...
0
votes
0
answers
42
views
How to Fetch Exact Transferred Data Size from Network in ReactJS?
I’m working on a ReactJS application and need to measure the exact amount of data transferred over the network for performance monitoring purposes. Specifically, I want to get the transferred size of ...
1
vote
0
answers
74
views
Delay between layout and first paint in webPageTest result
When I run a webpagetest on a simplified page, where it has only a css file and couple of images (no JS, no iframes etc), then in the waterfall diagram, i can see that the css was loaded at around 1s ...
1
vote
0
answers
255
views
Improving INP on Pages with Anchor Links
I'm working on optimizing the Interaction to Next Paint (INP) metric i discover there is a hight INP on the page with a summary of anchor links. These anchors allow users to jump to specific sections ...
1
vote
1
answer
166
views
Search Console and PageSpeed Insights shows 0.2 CLS on mobile but when running Lighthouse it shows 0, how to identify the issue?
I noticed that Search Console shows and average CLS of almost 0.2 for mobile and the same thing is shown in PageSpeed Insights. When I try to identify the issue running Lighthouse, it shows however 0 ...
0
votes
1
answer
158
views
Lighthouse detecting multiple LCPs
In the react website that I built, I have multiple images that keep shuffling in the hero section in a nice animation, as you can see. The problem is that lighthouse, and many other performance metric ...
3
votes
1
answer
734
views
103 Early hints response not sending properly with HTTP/2 request
I have implemented simple proxy server with using node js.
So the proxy will send Early hints response once it receives the request, it works well for HTTP/1.1 request but when I try with HTTP/2 ...
1
vote
1
answer
180
views
TBT but for the whole life of the page
In web we have PerformanceLongTaskTiming API which represents job units that occupy the UI thread.
And we have TBT metric, which measures how long browser had been blocked during page load. But we ...