All Questions
Tagged with performance css
1,206
questions
-3
votes
0
answers
26
views
What causes a site take long to return status code 200 (not full load)? [closed]
I was wondering if images,css etc influences how fast a site is loaded (status 200, forgot dynamic DOM loading), I think that's when the spinner of webbrowser gets blue, I'm doing some image ...
- 127
1
vote
0
answers
26
views
Good Replacement of 'ResizeObserver' while detecting the size of a div and calling a function post that
I'm encountering an issue with the use of "ResizeObserver."
I have a setup where a parent div (class="parent") contains a child div (class="child"). This child div ...
- 11
0
votes
1
answer
62
views
Efficient expand/collapse CSS animation issue with font text rendering
I'm trying to build expand/collapse section animations using this guide from Google for best performance. The article mentions in the end
A word of warning on this particular variant: Chrome has ...
- 1,113
0
votes
0
answers
31
views
CSS Multiple Identical Calc Use vs Single Calc in Custom Property on Performance
I am trying to ascertain the difference between the performance impact of storing a css calc function in a css custom variable and using that variable multiple times vs simply using the css calc ...
- 20.3k
2
votes
0
answers
56
views
CSS selector has same property with multiple value, can it cause performance issues?
I was bit curious about a question that come to mind, even though it is not standard/good practice to write coed in such a way.
What if a CSS selector has same property with multiple value for example
...
- 2,101
0
votes
0
answers
209
views
How to improve my First Contentful Paint (FCP) and Largest Contentful Paint (LCP)
I'm struggling with my first Wordpress website I bought over via Flippa.
The website used to generate thousands of visits. Since I took over, the performance has decreased and the Google Ranks went ...
-2
votes
1
answer
49
views
How can I disable a certain CSS property across a web page?
I'm trying to performance test an application, and would like to turn on/off a few expensive CSS features (blur, border rounding, opacity) to see their effect. Is there any convenient way I can do ...
- 37
0
votes
0
answers
34
views
Angular failed to load image
I used images in my project, I changed the HTML structure and converted all the images in the assets folder. Use WebP images
And they all work well when the page loads.
BUT, when switching to another ...
0
votes
1
answer
135
views
Why some websites preload CSS immediately before declaring it?
I noticed on multiple websites that they preload the CSS (using rel="preload") immediately before loading it normally (using rel="stylesheet").
Here is an example from vercel.com
&...
- 12.5k
0
votes
1
answer
63
views
Why is my html website loads so slow and freezes after switching to an another program/s?
I'm making 3 website, two of them works really well, but the last one for some reason loads very slowly, if I wait a bit it loads and works well, but if I alt+tab to something else the whole site just ...
- 1
0
votes
1
answer
543
views
CSS Transition animation consuming a lot of CPU/GPU
I am implementing a small effect on my website. A random size change in one of the DOM elements.
const theDiv = document.getElementById("the-div");
function animate(){
const value = Math.floor(...
- 38k
0
votes
1
answer
120
views
How to check if a HTML document is empty via JavaScript without causing layout/reflow?
Need to check if an HTML div is empty and contains no text and no child elements as such inside it - a black page only.
e.g
function isPageEmpty(page) {
const paragraphNodes = page....
- 23.9k
0
votes
2
answers
473
views
Performance issues using css transform rotate in Firefox vs Chrome
I am trying to pinpoint the cause and, if possible find a fix or workaround for a performance issue I am having when updating the transform of about 200 span elements in Firefox.
In Chrome, I am able ...
3
votes
1
answer
406
views
Find the reason of long gap in performance waterfall?
In this report https://gtmetrix.com/reports/www.datanumen.com/tFIOxtvx/, there are long gap between the requests, as below:
In https://gtmetrix.com/blog/how-to-analyze-a-waterfall-chart/#long-empty-...
- 571
1
vote
0
answers
307
views
Why would Tailwind cause CLS in Next.js on page load?
I have a very unusual problem with a very specific edge case, however it's impacted our website quite a lot.
I've noticed on slower connections that Tailwind will cause CLS on the body element when a ...
- 11