Optimalizace webových stránek

Martin Borůvka

Bachelor's thesis

Website optimization

Abstract:

Cílem této bakalářské práce je analyzovat rychlost načtení a uživatelský zážitek při načítání na již existující webové stránce, navrhnout potenciální optimalizace a následně je aplikovat. Pro potřeby této práce byly vybrány webové stránky www.bervia.cz. Tyto webové stránky byly vybrány z toho důvodu, že si je vytvářel přímo majitel webu pomocí frameworků a svých amatérských znalostí. Na této stránce se vyskytovaly základní nedostatky, na kterých bylo možné dobře znázornit základní chyby z pohledu rychlosti načtení při tvorbě webu. Po analýze webových stránek byly navrženy optimalizaci, které měly největší potenciál na zlepšení hodnot metrik používaných pro vyhodnocení rychlosti načtení. Navržené optimalizace byly aplikovány a zapracovány do zdrojového kódu webových stránek. Následně byla provedena měření pomocí nástroje Google Lighthouse. Měřeny byly všechny základní metriky, které tento nástroj dokáže vyhodnotit. Měření byla provedena pro 3 základní strany webu: hlavní stranu, stranu portfolia a stranu kontakt. V poslední části došlo k porovnání hodnot měření před optimalizacemi a po optimalizacích. Výsledky měření byly následně vyhodnoceny a byl navržen další postup.

Abstract:

The aim of this bachelor thesis was to analyze the loading speed and user experience when loading on an existing website, suggest potential optimizations and apply the suggested optimizations. The website www.bervia.cz was selected. This website was chosen because it was created directly by the website owner using frameworks and his amateur knowledge. There were basic flaws in this website, which could be well illustrated in terms of loading speed during web development. After analyzing the website, optimizations were suggested that had the greatest potential to improve the values of the metrics used to evaluate load speed. The proposed optimizations were applied and incorporated into the source code of the website. Subsequently, measurements were taken using the Google Lighthouse tool. All the basic metrics that this tool can evaluate were measured. Measurements were taken for 3 main pages of the website: the home page, the portfolio page and the contact page. In the last part, the measurement values before and after optimizations were compared. The measurement results were then evaluated and a further course of action was proposed.

Keywords

optimalizace webu, rychlost webu, web vitals, LCP, FID, CLS

Keywords

website optimization, page speed, web vitals, LCP, FID, CLS

Language used: Czech

Date on which the thesis was submitted / produced: 13. 3. 2023

Thesis defence

• Date of defence: 17. 5. 2023
• Supervisor: Ing. Alexandr Vasilenko, Ph.D.
• Reader: Vojtěch Novák, Ph.D.

Czech University of Life Sciences Prague

Faculty of Economics and Management

Bachelor programme:
Informatics