web-performance Questions
4
Solved
I´m trying to improve the load time and performance of my website. To summarize this is the average loading time stats that I get without including Google Tag Manager.
However when I just includ...
Bacon asked 26/3, 2020 at 11:42
3
This is probably relatively simple, but unfortunatly it's not an easy thing to google.
A client has tasked me with making a little 404 page runner game, similar to the google dino game. It runs fai...
Sightseeing asked 29/4, 2023 at 7:32
3
Solved
I append link[rel=preconnect] in my page's HTML code. But how can I check works preconnect or not?
Preconnect does not appear in the Network panel of DevTools, I don't see it in chrome://tracing.
W...
Apportion asked 7/10, 2016 at 20:20
6
Is there any way to add a time delay to a script/asset loading in the Google Chrome Browser via the Chrome Developer Tools? Or to block a script loading entirely?
The reason I want to do this is t...
Altonaltona asked 5/9, 2016 at 23:11
3
Solved
I am looking for a proper way to implement lazy loading of images without harming printability and accessibility, and without introducing layout shift (content jump), preferrably using native loadi...
Oneidaoneil asked 20/12, 2020 at 9:44
4
Solved
I'm trying to self-host webfonts using my NextJS app and having trouble.
This is the URL browser tries to access these fonts:
localhost:3000/_next/static/css/fonts/Avenir.woff2
The actual path is:...
Geraldina asked 21/8, 2019 at 11:3
2
If you have a <picture> element with image sources at different aspect ratios at different breakpoints, what is the best way to minimize CLS by using aspect-ratio and media queries in CSS?
Jameson asked 3/7, 2020 at 20:8
3
Solved
i wonder if there's a difference between
1.) 10,000 tablerow which is visible
2.) 10,000 tablerow which is hidden using display:none
what i want to know is that. if all 10,000 row is visible on t...
Pontonier asked 23/12, 2015 at 2:12
5
Solved
I have a page with a lot of vertical scrolling and thousands of DOM elements. For improving performance, I thought about setting display: none; to the content of the divs above and below the viewpo...
Crayton asked 3/7, 2020 at 6:52
1
Does the Cumulative Layout Shift metric stop measuring on user-interaction? Google's guidance on Cumulative Layout Shift says:
Layout shifts that occur in response to user interactions (clicking a...
Epode asked 3/7, 2020 at 20:21
1
Why does the Cumulative Layout Shift metric reported in Google's speed measurement tools, like Lighthouse/PageSpeed Insights differ from what is reported in Search Console?
Very asked 1/7, 2020 at 17:56
1
If we compare these two options for a webpage and linked JavaScript files:
putting all <script src="..."> near the end of the webpage, versus
putting them in the <head> section but us...
Asomatous asked 13/12, 2019 at 4:59
4
Solved
When we want to make sure a blazing fast website who uses third-party widgets/plugins/add-ons/analytics etc.. One of the many requirements to achieve this is to "dns-prefetch preconnect" for each i...
Bonaventura asked 31/3, 2019 at 20:42
1
Solved
In the network tab, under the list of all the HTTP requests, I see a summary. For example:
213 requests
2.5 MB transferred
7.2 MB resources
Finish: 2.1 Min
DOMContentLoaded: 1.23 s
Load: 3.17 s
...
Kiddush asked 29/5, 2019 at 21:14
4
Is Web Components give better performance when compared to Native HTML elements. Since each elements getting mutated only when getting attached to DOM. So, expensive operations inside Element callb...
Sexlimited asked 26/9, 2017 at 16:35
1
Solved
I've created a test page at crenshaw.dev/demo/hints.html with browser hints requesting a dns-prefetch and preconnect to mac9416.com.
<!DOCTYPE html>
<html lang="en-US">
<head>
...
Rigging asked 4/4, 2019 at 15:46
3
I have noticed that the time waiting for service workers to respond with items from the cache is not as fast as you would expect it to be. I have seen the same wait times with both sw-precache and ...
Mcmullin asked 22/5, 2017 at 6:51
1
I just wanted to know the life cycle of AuthorizeAttribute and started debugging the default constructor of the AuthorizeAttribute but could't get any hit.
here is the code of custom Authorize fil...
Hyacinthie asked 8/1, 2018 at 11:49
3
Solved
I am trying to understand how CSS is evaluated in a specific setting:
Lets assume I have the following content in my <head> tag:
<html><head>
...
<link href="reset.css" type...
Nedanedda asked 3/3, 2017 at 14:13
1
Solved
One of our web pages has a rendering performance issue, when the page is open, the spinner is freeze or loading very laggy, and after 6-12 seconds the page completes loading. So i'm using the Netwo...
Brazell asked 5/3, 2017 at 6:58
1
Solved
So a preload https://w3c.github.io/preload/ can be defined as a tag via declarative markup
<link rel="preload" href="/styles/other.css" as="style">
Or as a HTTP header
Link: <https://e...
Micromho asked 2/12, 2016 at 11:57
2
I am using Google Fonts on my site. Some clients in China said that the site loads very slow. I checked it, it is caused by the Google Fonts. I looked at the Google Fonts FAQ, they said it will dow...
Rogelioroger asked 5/9, 2014 at 1:36
1
Solved
In the Chrome Developer Tools Network Tab Initiator Column, sometimes a script has an Initiator which is prefixed with a VM.
My first thoughts are that this stands for Virtual Machine but what do ...
Phraseology asked 25/8, 2016 at 15:0
2
HTTP/2 makes it possible to multiplex connections, eliminating the need for more than one connection to a server. Over a single connection, many individual images can be sent down to the client. Th...
Post asked 16/10, 2015 at 5:23
1
Solved
In the current Chrome version (46) the DevTools Timeline contains a bunch of new charts. The meaning of most of those charts is not obvious to me. Unfortunatly I could not find any documentation on...
Elyse asked 16/11, 2015 at 11:27
1 Next >
© 2022 - 2024 — McMap. All rights reserved.