Speed Up the Web with Universal CSS Rendering

Publikation: Beitrag in Buch/Konferenzbericht/Sammelband/GutachtenBeitrag in KonferenzbandBeigetragenBegutachtung

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

OriginalspracheEnglisch
TitelWeb Engineering
Redakteure/-innenIrene Garrigós, Manuel Wimmer, Juan Manuel Murillo Rodríguez
Herausgeber (Verlag)Springer, Berlin [u. a.]
Seiten191-205
Seitenumfang15
ISBN (elektronisch)978-3-031-34444-2
ISBN (Print)978-3-031-34443-5
PublikationsstatusVeröffentlicht - Juni 2023
Peer-Review-StatusJa

Publikationsreihe

ReiheLecture Notes in Computer Science
Band13893
ISSN0302-9743

Externe IDs

Scopus 105028352081

Schlagworte

Forschungsprofillinien der TU Dresden

Fächergruppen, Lehr- und Forschungsbereiche, Fachgebiete nach Destatis

Schlagwörter

  • CSS rendering, universal rendering, web page optimization, improved loading times, render pipeline, Above-the-Fold, render-critical

Bibliotheksschlagworte