Conference Papers Year : 2014

Automated Refactoring for Size Reduction of CSS Style Sheets

Pierre Genevès
Nabil Layaïda

Abstract

Cascading Style Sheets (CSS) is a standard language for stylizing and formatting web documents. Its role in web user experience becomes increasingly important. However, CSS files tend to be designed from a result-driven point of view, without much attention devoted to the CSS file struc-ture as long as it produces the desired results. Furthermore, the rendering intended in the browser is often checked and debugged with a document instance. Style sheets normally apply to a set of documents, therefore modifications added while focusing on a particular instance might affect other documents of the set. We present a first prototype of static CSS semantical an-alyzer and optimizer that is capable of automatically de-tecting and removing redundant property declarations and rules. We build on earlier work on tree logics to locate re-dundancies due to the semantics of selectors and properties. Existing purely syntactic CSS optimizers might be used in conjunction with our tool, for performing complementary (and orthogonal) size reduction, toward the common goal of providing smaller and cleaner CSS files.

Domains

Web
Fichier principal
Vignette du fichier
doc085s-bosch.pdf (260.61 Ko) Télécharger le fichier
Origin Publication funded by an institution
Loading...

Dates and versions

hal-01081876 , version 1 (12-11-2014)
hal-01081876 , version 2 (13-01-2015)

Identifiers

Cite

Martí Bosch, Pierre Genevès, Nabil Layaïda. Automated Refactoring for Size Reduction of CSS Style Sheets. Proceedings of the 2014 ACM symposium on Document engineering, Sep 2014, Fort Collins, Denver, United States. ⟨10.1145/2644866.2644885⟩. ⟨hal-01081876v2⟩
441 View
446 Download

Altmetric

Share

More