Today originally debugging Requirejs loading JS exception problem, tried the next Chrome browser, the result unexpectedly found this CSS loading exception bug, very very strange.
The local test environment is wi7x64 installed XAMPP 3.2.1 Server suite with no special configuration.
It is now found that only the following CSS code has an exception seta.css:
@CharSet "Utf-8" ;HTML { font-size: %; }HTML,Body,H1,H2,H3,h4,h5,h6,P,ul,ol,DL,DT,DD { padding: 0; margin: 0; }Body,H1,H2,H3,h4,h5,h6 { font-weight: normal; font-size: . 6rem; }Table { border-collapse: collapse; border-spacing: 0; }fieldset,img { border: 0; }Address,caption,cite,Code,DFN,em,Strong,th,var { font-weight: normal; font-style: normal; }ul,ol { list-style: none; }abbr,acronym { border: 0; }a,input,textarea { outline: none; -moz-outline-style: none; }a,Button,label { cursor: pointer; }input,Select { vertical-align: Middle; }a { text-decoration: none; }HR,article,aside,Details,figcaption, Figure,Footer,Header,Menu,nav, Section { display: block; margin: 0; padding: 0; }blockquote,Q { quotes: none; }blockquote: Before,blockquote: After,Q: Before,Q: After { content: '; }ins { background-color: #FF9; color: #000; text-decoration: none; }Mark { background-color: #FF9; color: #000; font-style: italic; font-weight: bold; }del { text-decoration: line-through; }abbr[title],DFN[title] { border-bottom: 1px dotted; cursor: help; }HR { height: 1px; Border: 0; border-top: 1px solid #CCC; margin: 1em 0; }
Just a simple CSS reset code. (Note that there are no blank lines of the OH)
Currently testing only Chrome browser appears, tested two versions of Chrome 46,47.0.2526.106 (currently the latest stable version)
The following tests are the result of n attempts after the cache is suppressed.
In the second row of the seta.css load situation, 1.4KB local loading incredibly took 5 seconds, the card is dying
This is loading time details, TTFB waiting for 508.83ms, download took 5 seconds, really inexplicable.
The following is the normal way to load with another browser 360 fast chrome (kernel version 45.0.2454.101)
Only 13MS in total.
There's also a Firefox (43.0.3)
It's normal, and it's much faster than Chrome.
The feeling problem may be out of the CSS code content, so try several ways to modify the next,
Swap code order is not used,
But after modifying any parameter value, loading is normal.
or a blank line in the middle or the end.
The feeling should not be caused by a certain style
So the best and easiest way is to have a blank line at the end of all CSS code.
This way, Chrome loading is normal, no language for this bug
Chrome browser loading CSS file TTFB waiting time-out of a wonderful problem