Speed Up the Web with Universal CSS Rendering
Publikation: Beitrag in Buch/Konferenzbericht/Sammelband/Gutachten › Beitrag in Konferenzband › Beigetragen › Begutachtung
Beitragende
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
| Originalsprache | Englisch |
|---|---|
| Titel | Web Engineering |
| Redakteure/-innen | Irene Garrigós, Manuel Wimmer, Juan Manuel Murillo Rodríguez |
| Herausgeber (Verlag) | Springer, Berlin [u. a.] |
| Seiten | 191-205 |
| Seitenumfang | 15 |
| ISBN (elektronisch) | 978-3-031-34444-2 |
| ISBN (Print) | 978-3-031-34443-5 |
| Publikationsstatus | Veröffentlicht - Juni 2023 |
| Peer-Review-Status | Ja |
Publikationsreihe
| Reihe | Lecture Notes in Computer Science |
|---|---|
| Band | 13893 |
| ISSN | 0302-9743 |
Externe IDs
| Scopus | 105028352081 |
|---|
Schlagworte
Forschungsprofillinien der TU Dresden
DFG-Fachsystematik nach Fachkollegium
Fächergruppen, Lehr- und Forschungsbereiche, Fachgebiete nach Destatis
ASJC Scopus Sachgebiete
Schlagwörter
- CSS rendering, universal rendering, web page optimization, improved loading times, render pipeline, Above-the-Fold, render-critical