Chrome browser loading CSS file TTFB waiting time-out of a wonderful problem

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.