I want to make CSS file load into HTML file time tester, so I search for idea how to test CSS file load time:
1) When I use import() function; 2) When I use link tag
Should I use PHP timers or something?
Asked
Active
Viewed 1,717 times
0
-
inspect element in chrome.... done. – Adam Buchanan Smith Nov 19 '15 at 18:29
-
Do you want to do something with it in code, or just see and compare visually? – Joshua Morgan Nov 19 '15 at 18:43
-
I need compare visually with graphics. – John Deepy Nov 20 '15 at 11:49
2 Answers
0
In most browsers you can open a "Developer Mode" or something like that. There you can go to the "Network"-Tab and reload the page. Then you can see how long each page needs to load.
Cheers
PS: If you have questions to a specific browser, just post it in the comments.
-
I tried to test in Network mode CSS include types: import vs link. So, the result shows that import method is few ms faster than link. So, why all headings sounds like "avoid import"? – John Deepy Nov 20 '15 at 11:48
-
I don't know, to be honest I've never used it before. Maybe it is (like most PHP functions) quite difficult to debug. – Nov 20 '15 at 15:59
0
The Chrome devtools network panel gives you a display of load times for each resource. You'll be able to see how fast your CSS file is loading. If you're not using chrome, modern browsers have inspector tools built in.
Mdalz
- 154
- 12