Akcelerované mobilní webové stránky pomocí AMP HTML a AMP JS

Martin MAYER

Bakalářská práce

Accelerated Mobile Websites Using AMP HTML and AMP JS

Anotace:

Cílem bakalářské práce je zpracovat a popsat technologii AMP (Accelerated Mobile Pages). AMP je technologie, s níž přišla společnost Google, a je určena převážně pro rychlé načítání statického obsahu na mobilních zařízeních. Výhodou této technologie je velice jednoduchá HTML struktura s minimem tagů a rychlé načítání díky Google AMP Cache, kdy se načte HTML, JavaScript a obrázky do vlastní cache. Nevýhodu spatřuji v relativně malé maximální velikost CSS a také v tom, že není možné použít téměř žádný vlastní JavaScript. V teoretické části se zaměřím na představení samotné AMP technologie, jeho syntaxe, funkce, popíši jednotlivé komponenty AMP. Porovnám ji s klasickým HTML a představím výhody a nevýhody této technologie při tvorbě webových stránek. V praktické části vytvořím webovou stránku pomocí AMP technologie, která bude použita k názorné demonstraci možností této technologie. Dále vytvořím průzkum, kde budu porovnávat weby vytvořené pomocí AMP a weby vytvořené pomocí klasického HTML u českých a zahraničních webů.

Abstract:

The objective of the bachelor thesis will be develop and describe AMP (Accelerated Mobile Pages) technology. AMP is a technology invented by Google and it is designed to quickly load static content mostly on mobile devices. The advantage of this technology is a very simple HTML structure with minimal use of tags and fast loading thanks to Google AMP Cache, which loads HTML, JavaScript and images into its own cache. As a disadvantage, I would see a relatively small maximum CSS size and that you can not use almost any custom JavaScript. In the theoretical part I will focus on the introduction of the AMP technology itself, its syntax, functions, describtion of the individual AMP components, comparison with classical HTML and describtion of the advantages and disadvantages of this technology in creating websites. In the practical part I will create a website using AMP technology, which will be used to demonstrate the possibilities of this technology. I will also create a survey where I will compare websites created by AMP and websites created by classic HTML for Czech and foreign websites.

Klíčová slova

AMP, Google AMP Cache, HTML, CSS, webové stránky

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 8. 7. 2021

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

• Vedoucí: PaedDr. Petr Pexa, Ph.D.

JIHOČESKÁ UNIVERZITA V ČESKÝCH BUDĚJOVICÍCH

Pedagogická fakulta

Bakalářský studijní program / obor:
Specializace v pedagogice / Informační technologie a e-learning