New members of the HTML element: how to keep the cell phone network no longer tortoise speed?

in the near future, speed will be faster! It is like wang two tragedy, however, that such a headline news for less than the above.

although our equipment in speed, technology leaders may also create something great, but it wouldn’t be speeds up the fundamental motivation. Can brazenly say speed will be improved soon, because now has a group of developers is the industry conscience found a tortoise speed lead to network the problem, and the determination to work together to solve the difficulties, to build! Blessing! People! The class!

problem is web images. Since August this year, the top 1000 websites on the Web page size for an average of 1.7 million, and the picture size is nearly 1 million.

if you are using optical fiber, the load a picture there won’t be much of a problem. But want to go to the mobile network, the table of the load value not only kills, will run out of limited bandwidth. One thousand data, the bleeding and your wallet.

when using mobile Internet images to load a little more annoying: clearly, using just slap larger mobile phone but to load these specifically for computer images are written on the screen! Consume bandwidth transmit some not necessary pixel is really a waste of resources.

developers would have in the past is called “mobile Web” was found in the development process of the problem. Recently, some of them decided to work for something in the past, people have never tried – create a new HTML elements.

every journey begins with the “mobile Web”

in the past, browse the web on mobile phones are not as convenient as now. Have really Web browser in a few early mobile phone products, even the first generation of the iPhone’s Web browsing experience is disastrous.

in the past, if you want to see in mobile phone screen page those designed for optimized content monitor screen of a computer, you must always click on the magnifying glass to enlarge. That moment to the image EDGE network slowly through the iPhone, simply have to load the rest of my life. Later, the Flash web rise, loading progress bar is not to drive. But this is the experience of the iPhone; Using Blackberry or other “disabled” system of the mobile browser open web page, it would be absolutely more heart.

although mobile browser in the past (well now in many cases is) far lag behind their desktop compatriots, but this can’t blame the equipment. Most of the errors have to blame on Web developers! Web is the flexibility to adapt to, but developers had to large desktop monitors and made a lot of site optimization, the now has been stuck in the past.

in order to solve this problem, many sites are starting to set up the second site. Although these now it sounds crazy, but just a few years ago, early Android phones such as Blackberry, iPhone and solution of these new devices to browse the web, often is the use of server equipment test script will users repositioned to the second special site for mobile devices, a typical example is the URL such as

but such standby mobile – usually the default to the URL for the M – dot site – often lack of desktop browsers has the characteristics of the corresponding address. Most of the time, site and can’t jump very well, as a result, click on the specific link still stay in the home page.

developers are sometimes fault, such as found a problem, and then design a set of solve method of making matters worse: M – dot web page is a good example. But fortunately, most web developers don’t have a while: because before more and more people choose things, everything has changed.

adaptive web design: received the M – Dot this uber

in 2010, Web developers Ethan Marcotte published a paper about what he called “adaptive Web design”.

Marcotte suggested in the article, the surge in the number of mobile devices and to establish a standby M – dot site pain unabated, refocus on Web inherent adaptive nature is the way out, and called for various common build stronger flexibility Web site developers. Marcotte hypothesis, the site will be able to use the bandwidth of the associated to accommodate different screen size, on any device can work well.

Marcotte views inspired developer looking for ways to build adaptive web site, and based on the size of the equipment and features to organize web content. Although the concept of adaptive web design may not be universal, but already very near.

since some more weighty developers will be adaptive personal web page design, the adaptive web design also has emerged. But when Marcotte and from the web page design and front-end development studio Filament Group of developers, the Boston times web Boston Globe redesign is adaptive, the idea developed rapidly. The Globe redesigned success proves, in addition to The developer’s resume and blogs, adaptive design can also be realized in other web pages. It also proves that the adaptive web design is the development trend of the future.

although only from the point of view of users, website redesign is a success, but Marcotte and Filament team is also encountered some difficulties in the process of working behind the scenes, particularly in terms of images. Marcotte published stated in the original image processing method is to use CSS to compress images. So you can make pictures to adapt to the small screen at the same time keep the original page layout, but it also means that mobile devices in the case of not going to get resolution display all, will be a larger load.

this kind of situation in the use of a small screen actually make any web browsing are still occur. Developers not only The development of The Globe, all developers are aware of this is a problem, it was not so easy. The only

the plight of today is the fruit of this tragedy. If you want to solve the problem of the image, you have to add a series of new elements to HTML.

By introducing new image element

Picture image element is put forward from Boston Blobe developers, including would eventually become HTML specification, co-author of the Mat Marquis.

however, the participants of this project at first did not want to create a new HTML element, Marquis and other developers are just want to build a can load faster site on a mobile device.

the Marquis explanation is that they think they have found the solution. “Why don’t we start with a picture of a mobile network, and on this basis to strengthen selectively. It like a fiddle with cookies and JavaScript hackers, until it come out a week before are growing.”

at The same time, Firefox and Chrome are busy raise their ability of prefetching and their new image prefetching tool is broken based on The conventional Globe template. In fact, The browser prefetching is The Globe existing in The initial solution of a problem, but also The key of adaptive image problem.

usually, when a computer server to the browser from a web page, the browser will first download all the HTML and then parsing. Today’s Web browser will attempt before parsing happens to download images, in order to enhance loading Web pages. That is to say, in that the size and location of the image appears before the browser can download pictures early.

this is very good, but at the same time is also very difficult to. Because it means not only to download pictures, but also to prefetch image information, so even want to download the insets, use JavaScript to process will actually slow down the speed.

Marquis and other developers to participate in the study had to abandon the original plan to return to the origin: “we started racking their brains idea can let us a breakthrough solution… But there is no result.” However, they began to write articles, this problem has attracted other developers to participate in the discussion. Soon, they found on the problem of adaptive image, they are not fighting alone.

unfortunately, Marquis said: “so far, although our team have 10 or 15 developers, but no one has any idea.”

as a result, The Globe website finally released in a state of no solution. Difficulties on mobile devices in the download a larger version is still strong.

although The Globe project other development outside of celebrities, including Google’s front end development engineer, a promoter of Chrome, Paul Irish and Opera CEO Bruce Lawson, soon after this also puts forward some important solution, but for developers to find all of The possible existing problems, and these solutions is just take temporary solution not effect a permanent cure.

“we found that,” said the Marquis, “even if we have the ability to write a JavaScript to solve this problem, and we can’t work at the browser level optimization role.” In other words, the JavaScript as a solution means with built-in browser prefetching function.

in the long run, the dialogue between master gradually shift to some lower level solutions, including creating a new HTML objects in JavaScript impossible way solve the problem of image prefetch.

Bruce Lawson, first proposed the solution of the problem requires a new & lt; Picture> The label. Although they are not familiar with & lt; Picture> , but it has been proposed in the past, just dropped.

welcome to the world standard (fun)

Marquis and others to determine the Web speed requires a new HTML element is one thing, but to make the Web standards were falling apart and the complexity of the world along with their applause identity is another matter – especially when no one in the team experience of the standards.

but compared to those who know how difficult the road ahead, “ignorance” the biggest advantage is that can make people resolutely adhere to go on. Then participate in the development of HTML image element research personnel to the WHATWG advice. As one of the two organizations, regulatory HTML development web hypertext technology working group on the WHATWG is mainly composed of browser vendors. So, if you want to know how the browser may promote their own work, a walk through the WHATWG.

in the words of Leo Tolstoy, each standard organization is unhappy in its own way. Marquis may be learned, watching others “boss” in his own field, the WHATWG is probably the most unhappy. Needless to say, Marquis and others to a locked door.

at this moment, another regulator HTML WG headquarter was introduced in the world wide web consortium (W3C “working group”. X as the W3C working group trying to get people involved in the standard setting process to try to, is a way for Web developers to ask questions and create solutions.

but since are kept out of the WHATWG, developers should set up a working group is advanced. So the adaptive image group (RICG) arises at the historic moment.

the only problem is that of the working party can’t get the attention of the actual working group, within the authority of at least 2011.

but Marquis and when other developers are happy with the establishment of the working group did not realize this, still like a tiger on the group to develop the adaptive image solutions.

this is the first to serve the Mozilla foundation Marcos now Caceres. Compared with other members of the group, Caceres has had some experience in preparation of Web standards, which allowed him to across the gap between Web development and standard of development. He will RICG power to organize, to assist the team to create the standards bodies have been looking for cases and test. Like Marquis said: “we are in the group of a mess, Marcos to plan everything in order.”

Caceres joked: “I like to watch the naughty cat cat, dad.” And he really did. He founded the lot let all resources together, for the adaptive image site opens up a piece of heaven and earth, all resources and help the team will enter the first use case documents. Caceres says: “this is for the working group and I are quite important, it will allow us to really need to solve the problem clearly, exhaling tight successively slow.”

after several months of efforts, RICG again told the WHATWG their ideas. Unfortunately, they failed to realize the counter attack. Like Caceres said: “those standards bodies are always so, say ‘oh we want developers to provide us with the creative,’ but I’m really wait for developers to the door, the result is always very sad.”

if you pay attention to the WHATWG IRC since then working log, you will find the WHATWG members all fell into a kind of typical “innovate with me will kill you”. They will refuse to open from outside more than advice, will disregard RICG hard efforts, in turn, put forward their own solutions: something called the set, is also a kind of can only solve the Marquis and his team found one of the many problems of early properties.

, needless to say, this developer is not great.


You may also like...