Doloto: Code Splitting for Network-Bound Web 2.0 Applications

Benjamin Livshits and Emre Kıcıman

Abstract

Modern Web 2.0 applications, such as GMail, Live Maps, Facebook and many others, use a combination of Dynamic HTML, JavaScript and otherWeb browser technologies commonly referred to as AJAX to push application execution to the client web browser. This improves the responsiveness of these network-bound applications, but the shift of application execution from a back-end server to the client also often dramatically increases the amount of code that must first be downloaded to the browser. This creates an unfortunate Catch-22: to create responsive distributed Web 2.0 applications developers move code to the client, but for an application to be responsive, the code must first be transferred there, which takes time.

In this paper, we present DOLOTO, an optimization tool for Web 2.0 applications. DOLOTO analyzes application workloads and automatically rewrites the existing application code to introduce dynamic code loading. After being processed by DOLOTO, an application will initially transfer only the portion of code necessary for application initialization. The rest of the application’s code is replaced by short stubs—their actual implementations are transfered lazily in the background or, at the latest, on-demand on first execution of a particular application feature. Moreover, code that is rarely executed is rarely downloaded to the user browser. Because DOLOTO significantly speeds up the application startup and since subsequent code download is interleaved with application execution, applications rewritten with DOLOTO appear much more responsive to the end-user.

To demonstrate the effectiveness of DOLOTO in practice, we have performed experiments on five large widely-usedWeb 2.0 applications. DOLOTO reduces the size of application code download by hundreds of kilobytes or as much as 50% of the original download size. The time to download and begin interacting with large applications is reduced by 20-40% depending on the application and wide-area network conditions. DOLOTO especially shines on wireless and mobile connections, which are becoming increasingly important in today’s computing environments. While we performed out experiments on existing large JavaScript applications, techniques outlines in this paper can be readily incorporated into the next generation of distributing compilers such as Silverlight and Volta.

Details

Publication typeInproceedings
Published inFoundations of Software Engineering (FSE)
PublisherAssociation for Computing Machinery, Inc.
> Publications > Doloto: Code Splitting for Network-Bound Web 2.0 Applications