Speed Up the Web with Universal CSS Rendering
Research output: Contribution to book/Conference proceedings/Anthology/Report › Conference contribution › Contributed › peer-review
Contributors
Abstract
Achieving fast page load and upholding conversion rates requires continuous effort for web applications ever-growing in size and complexity. Consequently, developing new methods for optimizing and speeding up page load is a constant effort of the web community. Existing methods aim to reduce the amount of render-blocking code in the render pipeline to improve the time until render. However, a recent study revealed a tremendous optimization potential remaining, especially for CSS, since only ≈ 15% of render-blocking CSS code is used until render [12]. In this paper, we present Essential, an improved serverside CSS renderer. It is based on the popular Critical package [10], which increases the code efficiency and prepares websites by extracting render-critical elements “Above-the-Fold” and delaying the remaining code asynchronously. Essential renders the CSS of the whole page, as well as eliminates code duplicates to optimize the rendered result. Our evaluation results show that Essential more than triples code efficiency and decreases the transferred render-critical CSS by 65.9% compared to the original while maintaining a high visual similarity and matching or surpassing the performance of Critical.
Details
| Original language | English |
|---|---|
| Title of host publication | Web Engineering |
| Editors | Irene Garrigós, Manuel Wimmer, Juan Manuel Murillo Rodríguez |
| Publisher | Springer, Berlin [u. a.] |
| Pages | 191-205 |
| Number of pages | 15 |
| ISBN (electronic) | 978-3-031-34444-2 |
| ISBN (print) | 978-3-031-34443-5 |
| Publication status | Published - Jun 2023 |
| Peer-reviewed | Yes |
Publication series
| Series | Lecture Notes in Computer Science |
|---|---|
| Volume | 13893 |
| ISSN | 0302-9743 |
External IDs
| Scopus | 105028352081 |
|---|
Keywords
Research priority areas of TU Dresden
DFG Classification of Subject Areas according to Review Boards
Subject groups, research areas, subject areas according to Destatis
ASJC Scopus subject areas
Keywords
- CSS rendering, universal rendering, web page optimization, improved loading times, render pipeline, Above-the-Fold, render-critical