LOAD-TIME REDUCTION TECHNIQUES FOR DEVICE-AGNOSTIC WEB SITES
Eivind Mjelde, Andreas Lothe Opdahl · Journal of Web Engineering · 2017
Modern device-agnostic web sites aim to o er web pages that adapt themselves seam- lessly to the front-end equipment they are displayed on, whether it is a desktop com- puter, a mobile device, or another type of equipment. At the same time, mobile devices and other front-end equipment with limited processing powers, screen resolutions, and network capacities have become common, making front-end performance optimisation in general, and load-time reduction in particular, a central concern. The importance of load-time reduction is exacerbated by the proliferation of multimedia content on the web. This paper therefore reviews, evaluates, and compares available load-time reduction tech- niques for device-agnostic web sites, grouped into techniques that improve client-server communication, optimise UI graphics, optimise textual resources, and adapt content images to context. We evaluate the techniques on a case web site using both desktop and mobile front-ends, in a variety of settings, and over both HTTP/1.1 and HTTP/2. We show that each technique has its pros and cons, and that many of them are likely to remain useful even as HTTP/2 becomes widespread. Most techniques were clearly bene cial under at least one of the conditions we evaluated, but most of them were also detrimental in certain cases | sometimes drastically so. Hence, load-time reduction techniques for device-agnostic web sites must be selected with care, based on a solid understanding both of usage context and of the trade o s between the techniques.