Optimalizace videa

This commit is contained in:
Emil Miler 2020-05-02 10:47:13 +02:00
parent 762be52b32
commit c12f30be2f
2 changed files with 5 additions and 3 deletions

View File

@ -311,7 +311,7 @@ Redukcí nepotřebných znaků v~HTML lze také ušetřit značnou část přeno
\item recyklování již použitých obrázků a tlačítek.
\end{itemize}
K~odstranění přebytečných mezer, zalomení řádků, HTML komentářů a prázdných řádků lze použít automatický filtr, který provede kompresi výstupu. \todo{Přesunout do návrhu pro rozšíření?}Generátor Zola provádí kompresi CSS, ovšem nemá zabudovanou funkcionalitu pro minifikaci výsledného HTML, která je v~době psaní této práce vyvíjena\footnote{\url{https://github.com/getzola/zola/issues/542}}.
K~odstranění přebytečných mezer, zalomení řádků, HTML komentářů a prázdných řádků lze použít automatický filtr, který provede kompresi výstupu. \quest{Přesunout do návrhu pro rozšíření?}Generátor Zola provádí kompresi CSS, ovšem nemá zabudovanou funkcionalitu pro minifikaci výsledného HTML, která je v~době psaní této práce vyvíjena\footnote{\url{https://github.com/getzola/zola/issues/542}}.
Touto redukcí lze ušetřit 2\% přenosu dat oproti ručně psanému neoptimalizovanému kódu. Je-li průměrná velikost stránky sto kilobajtů, lze touto optimalizací ušetřit dva kilobajty při každém odeslání stránky. Při odeslání sta tisíce stránek za měsíc je ve výsledku ušetřeno dvě stě megabajtů dat, které jsou jinak zbytečně odesílány uživatelům, kteří je stejně nezobrazí.
@ -323,9 +323,11 @@ Připojením externích CSS a JavaScript souborů je umožněno jejich ukládán
Připojením externího CSS přímo do hlavičky je umožněno progresivní vykreslování webové stránky, které urychluje \uv{Time To First Byte}, viz sekce \ref{kap:vyhody-statickych-webovych-stranek}. Naopak umístěním případných JavaScript souborů až na konec celé stránky se prioritizuje načítání viditelného obsahu před méně důležitými skripty.
\subsection{Videa a jejich vložení do stránky}
\subsection{Optimalizace videa}
\todo[inline]{Výhody CDN a problematika sledování uživatelů.}
Protože v~modelové implementaci jsou do stránky vkládána i videa, je nutné provádět jejich optimalizaci podobně jako je tomu u~obrázků. Důležité je používat kvalitní kompresi, pouze nutné rozlišení a renderovat videa ve správném poměru stran a bez zbytečných černých okrajů. Při zpracování videa je dobrou praktikou neprovádět jeho transkódování do jiného formátu z~původního, ovšem je nutné dbát na kompatibilitu s~prohlížeči, které ne vždy umí nativně různé formáty a kontejnery přehrát.
\quest[inline]{Napsat něco o~specifikaci kodeků? Ve specifikaci se o~tom už nepíše. Ptal jsem se na IRC, ale zatím bez odpovědi. Dříve se psalo, že není jeden daný kodek a kvůli tomu je to v~prohlížečích fragmentované.}
\section{Správa obsahu a verzování}

BIN
prace.pdf

Binary file not shown.