Optimalizace webových stránek – Martin Borůvka

Anotace:

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. …víceméně

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. …víceméně