Vliv vybraných vlastností a nástrojů CSS na rychlost načítání webových stránek

Jiří Patejdl

Bakalářská práce

The effect of selected CSS properties and tools on the web page loading

Anotace:

Cílem této bakalářské práce je zjistit, jaký mají vliv různé vlastnosti a nástroje CSS na načítání webových stránek. Teoretická část se zabývá všeobecnými pravidly a vlastnostmi pro psaní CSS a na tyto zjištěné poznatky navazuje teoretická část. Vybrané CSS vlastnosti byly přidány na experimentální webovou stránku, na které následně probíhalo měření rychlosti načítání a hardwarové náročnosti CSS animací s vybranými vlastnosti. Výsledky měření pak byly porovnány s původními výsledky. Měření probíhalo také pro počet CSS soborů, kde bylo zjištěno, že se vyplatí na malé webové prezentaci používat jeden, oproti komponentovému CSS soborů. Z výsledků měření tak bylo zjištěno, zdali mají vybrané vlastnosti a počet CSS soborů vliv na načítání webové stránky. A byla sepsána doporučení pro vývojáře.

Abstract:

The aim of this bachelor's thesis is to find out how different CSS properties and tools affect the loading of web pages. The theoretical part deals with general rules and properties for writing CSS and the theoretical part builds on these findings. The selected CSS properties were added to an experimental web page, which was then used to measure the loading speed and hardware performance of CSS Animations with the selected properties. The measurement results were then compared with the original results. Measurements were also run for the number of CSS files, where it was found that it was more profitable to use one CSS file on a small website, compared to a component CSS files. Thus, the measurement results were used to determine whether the selected features and the number of CSS files have an effect on the loading of a web page. And recommendations for developers were made.

Klíčová slova

CSS, HTML, Webová Stránka, Vykreslování, Načítání, Optimalizace, Vývojářské Nástroje, Analýza

Keywords

HTML, CSS, Web Page, Rendering, Loading, Optimization, Developer Tools, Analysis

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 11. 3. 2023

Obhajoba závěrečné práce

• Obhajoba proběhla 18. 5. 2023
• Vedoucí: Ing. Jan Masner, Ph.D.
• Oponent: Pavel Šimek, Ph.D.

Česká zemědělská univerzita v Praze

Provozně ekonomická fakulta

Bakalářský studijní program:
Informatika