resources/types/elements of modern web--development trends

On May 6, Google Developer Center launched a WEB Development Best Practices Handbook. Bole online resource channel after the resource has been compiled, a number of friends interested in WEB development have been invited to participate in the translation manual.

Since the translator's friends are almost always employed, are in the spare part of the work, each translation progress will be different (please understand), so the Chinese version of the manual will not be published in the English version of the chapter sequence.

Our web applications continue to grow in size, ambition and functionality-a good thing. However, the relentless march toward a richer web has also driven another trend: the volume of data downloaded per application has continued to grow steadily. In order to provide powerful performance, we need to optimize the loading of each byte!

A modern web application, what should it look like? The HTTP archive can help us answer this question. The project tracks the building of the web by regularly crawling the most popular sites (the Sandovan site in the list of the most popular million websites), while recording and summarizing the number of resources, content types, and other metadata for each target site.

	50% the measured site is less than the following value	75% the measured site is less than the following values	90% The site under test is less than the following value
html	KB	-kb	kb
picture	528 kb	1213 kb	2384 KB
Ja Vascript	207 kb	385 KB	587 KB
CSS	kb	KB	108 kb
other	282 KB	308 KB	353 KB
Total	1054 KB	1985 K B	3486 KB

The above data presents the growth trend of the number of data bytes that are required to be loaded by popular websites between January 2013 and January 2014. Of course, not every site grows at the same rate, or requires the same amount of data to be loaded, so we have several prominent distributions: 50th (median), 75th, and No. 9000.

At the beginning of 2014, the median site required 75 connection requests to load a total of 1054 kilobytes of data, the amount of data that needed to be loaded (and the number of connection requests) grew at a steady pace over the previous year. This is not in itself an accident, but it does have an important performance impact: Yes, the speed is getting faster, but it's not the same in different countries, and many users are still constrained by the speed bottlenecks and expensive Web package prices-especially on the mobile side.

Unlike desktop applications, Web applications do not require a separate installation process: Enter URLs, which are started and run-a key feature of Web applications. However, to do this, we often need to load dozens of, when there are hundreds of of various sources, they add up to a few trillion words data, and must be fused within hundreds of milliseconds to achieve the time -of-day network we want test .

It is no small feat to achieve an instant web experience that presupposes these requirements, which is why optimizing the loading efficiency of content is critical: eliminating unnecessary downloads, optimizing the transfer encoding of resources through various compression techniques, and using cache to eliminate redundant downloads.

http://httparchive.org/

http://blog.jobbole.com/67702/