Obsah
Generování webové aplikace má několik milníků, mezi nimiž máme dva důležité, první je, že splňuje uživatel potřebuje a snadno se používá, druhá je, že je nejrychlejší možné, abychom nemuseli čekat déle než sekundu na načtení každé z jejích sekcí.Abychom splnili tento druhý milník, musíme optimalizovat naši aplikaci, jakmile je splněna ta první, to znamená, že jakmile naše aplikace řádně plní své funkce, musíme extrahovat maximální výkon, abychom umocnili uživatelské prostředí.
Znalost složení webové stránky nám umožňuje porozumět způsobu, jakým se dostává do prohlížeče, a tak být schopen najít body, ve kterých můžeme provést některá vylepšení, každá malá část, kterou můžeme optimalizovat, se nakonec sečte pro obohacený uživatelský zážitek.
Základní prvky stránky jsou:
HTMLToto je kód nebo text v souboru, čím větší je množství kódu, tím je soubor těžší, nicméně v čistém textu je nepravděpodobné, že bychom zabírali hodně místa.
Js souboryJe to komplementární jazyk par excellence, jako je HTML je to čistý text, je však nepravděpodobné, že jej použijeme v čisté formě, takže budeme muset téměř vždy přidávat .js soubory naše HTML které obsahují knihovny a funkce, pokud je možné, že zabíráme spoustu místa, protože knihovny jsou obecně rozsáhlé.
Styly CSSJsou to soubory nebo kódy, které vkládáme do našich HTML to nám umožňuje modelovat způsob, jakým prohlížeč zobrazí web uživateli, stejně jako Javascript můžeme použít knihovny, které zabírají místo.
MultimédiaToto je nejtěžší část, v multimédiích budeme mít vše, co souvisí s obrázky, videi a zvukem, které můžeme začlenit na naši stránku, toto je tedy část, která dodává naší aplikaci větší váhu při stahování.
Podívejme se v následujícím diagramu, jak to vypadá vysvětleně:
Mluvíme o tom, že veškerý obsah výše popsané stránky má váhu. To je důvod, proč když zadáme požadavek z našeho prohlížeče, musí chvíli počkat, než se nám zobrazí výsledek, tentokrát čekáme na stažení obsah.
Chceme -li tedy rychlejší stránku, musíme být efektivnější při organizaci obsahu, například pomocí obrázků optimalizovaných pro web, vytváření co nejmenšího množství kódu pomocí osvědčených postupů, používání zmenšených souborů, používání komprimovaného obsahu atd. .
Tím tento tutoriál dokončíme, porozumíme -li této anatomii stránky, můžeme získat základní informace, které potřebujeme k zahájení optimalizace, protože pokud použijeme trochu logiky a zmenšíme 30% nebo 40% Vzhledem k hmotnosti stránky zvýšíme její snadné stahování a tím i rychlost.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod