V posledních několika letech jsme viděli hromadu nových rámců JavaScriptu převzetí vývoje webu. Dovednosti s jednostránkovými aplikacemi a progresivními webovými aplikacemi jsou nové věci, které chce mít každý nový vývojář ve svém životopisu. Většina webových služeb migruje na vykreslování na straně klienta s frameworky JavaScript. Vykreslování na straně serveru však neztratilo své kouzlo.
Co je vykreslování na straně serveru?
V moderních rámcích JavaScriptu jako Angular, Reag a Vue je JavaScript kód odeslán klientovi ze serveru, kde je vykreslen do normálního HTML. Toto je známé jako vykreslování na straně klienta. Vykreslování na straně serveru se týká procesu vykreslování webové stránky do prostého HTML před jejím odesláním klientovi. Docela jednoduché, zatím vpravo. Tak tomu bylo dříve a dodnes existuje mnoho stránek, kde jazyky jako PHP získávaly data z databází a kompilovaly je do dokumentu HTML a odeslaly je uživateli.
Je vykreslování na straně serveru stále užitečné
Nyní vás jistě zajímá, jaký je smysl vykreslování na straně serveru. Protože většina kódu frontendu silně závisí na JavaScriptu, který lze vykreslit na straně klienta. Velmi jednoduchým důvodem je SEO nebo optimalizace pro vyhledávače. Klientsky vykreslované weby se SEO moc neslučují.
Google a další vyhledávače procházejí obsah různých webových stránek, aby je zpřístupnily ve výsledcích vyhledávání. To je jediný důvod, proč na trhu stále existují serverové stránky. Ačkoli Google a další vyhledávače začaly procházet weby vykreslované klienty, účinnost se ani zdaleka neblíží webům vykreslovaným na serveru.
Také vykreslování na straně serveru je pro uživatele mnohem rychlejší, protože k načtení webové stránky jsou potřeba minimální prostředky. Pro lidi s pomalejším připojením může být velmi obtížné načíst webové stránky, které jsou vykresleny klientem, protože je třeba přenést celou kopii webové stránky k uživateli. To může vést k tomu, že uživatel stáhne více než několik megabajtů a způsobí zpoždění. Na druhou stranu serverem vykreslené stránky odesílají klientovi jednoduché stránky HTML, které se často načítají okamžitě.
Serverové vykreslování v rámci JS
Ačkoli jsou rámce JavaScriptu známější pro klientské vykreslované aplikace, mají také možnosti pro vykreslování na serveru. Balíčky a knihovny jako preact, prerender, pre-render spa atd. umožňují vývojářům vytvářet weby, které lze obsluhovat jak předrenderované, tak klientské. To umožňuje výkon klientského vykreslování s výhodami vykreslování na serveru.
Závěr
Moderní front-end frameworky dělají klientské vykreslování populární. Serverové vykreslování má však své výhody, které nelze ignorovat. Tyto výhody převažují nad náklady na přidání vykreslování na straně serveru do klientsky vykreslované aplikace. S výhodami v oblasti SEO a rychlejším načítáním vykreslování serveru v dohledné době nezmizí. Doufám, že máte jasnou představu o tématu. Pokud jste stále v něčem zmatení. Napište komentář a budu tu pro vás.