Publikace detail

Impact of HTML structure and CSS on web performance

Autoři: Filip Petr | Čegan Lukáš

Rok: 2020

Druh publikace: článek ve sborníku

Název zdroje: 36th IBIMA Conference

Název nakladatele: International Business Information Management Association-IBIMA

Místo vydání: Norristown

Strana od-do: 1-8

Tituly:

Jazyk	Název	Abstrakt	Klíčová slova
cze	Dopad struktury HTML a CSS na výkon webu Dopad struktury HTML a CSS na výkon webu Impact of HTML and CSS structure on web performance Vliv struktury HTML a CSS na webové výkonnosti Influence of HTML and CSS structure on web performance Dopad struktury HTML a CSS na výkon webu Dopad struktury HTML a CSS na výkon webu Impact of HTML and CSS structure on web performance Vliv struktury HTML a CSS na webové výkonnosti Influence of HTML and CSS structure on web performance Dopady HTML a CSS na výkon webu	K dispozici je mnoho statistik o webových stránkách, jejich strukturách a použitých zdrojích jako jsou například obrázky nebo JavaScriptové zdrojové kód. Ale tato dostupná čísla nejsou jasně umístěna v kontextu výkonu webu, přičemž mohou poskytnout bližší představu o best-practice při vývoji webu. V tomto příspěvku byly pro empirický výzkum použity webové stránky ze seznamu Moz Top 500. Byly zkoumány struktury všech webových stránek a jejich aspektů, což zahrnuje zkoumání metadat o DOMu a využití CSS stylů. Získaná data byla kombinována s dalšími dostupnými statistikami týkajících se výkonu webu. Pozorované hodnoty jsou vizuálně reprezentovány a poskytují představu o aktuálním stavu webu. S využitím statistických nástrojů byly nalezeny vztahy ve strukturách DOM. Výzkum také ukázal, že využití doručených definic CSS je velmi nízké. Tato skutečnost může přímo ovlivnit uživatelskou zkušenost, protože jsou stahována nepotřebná data. Další část výzkumu ukazuje dopad složitosti webu na výkon webu.	Web performance; Analýza webu, Analýza zdrojového kódu; Core Web Vitals
eng	Impact of HTML structure and CSS on web performance	Many statistics about websites and their structures and used resources are available. But those numbers are not clearly placed in web-performance context which can gives a closer notion about best-practices in web development. In this paper, websites from the Moz Top 500 list have been used for the empirical research. The structure of each site was examined. It includes exploring of metadata about DOM and utilization of CSS. This gathered data has been combined with available web-performance statistics. Observed values are visually presented and give a brief image about the current state of the web. With usage of statistical tools relationships in DOM structures have been found. The research also showed that, utilization of served CSS definitions is very low. This fact can directly influence user-experience, because unnecessary data is downloaded. The next part of the research outputs show the impact of website complexity on web-performance.	Web performance; Web analysis; Dead-Code analysis; Core Web Vitals

Search

Přihlášení pro studenty

Přihlášení pro zaměstnance

Publikace detail

Katedry

Služby

Jak nás najdete?

Často hledáte