Free Press

V minulosti jsme hovořili o tom, jak se WordPress vyrovná jiným populárním systémům pro správu obsahu, jako je Drupal, Joomla a dokonce Squarespace. Ale co když se snažíte rozhodnout mezi WordPressem a statickým HTML pro vaše webové stránky?

Na základní úrovni se jedná o jakousi obecnou debatu mezi použitím systému pro správu obsahu řízeného databází (jako je WordPress) nebo vlastním psaním veškerého HTML/CSS spolu s případným použitím frameworku.

Abychom vám pomohli s rozhodováním, vysvětlíme vám, co tyto pojmy znamenají, a pak se vrhneme na některé výhody a nevýhody jednotlivých přístupů.

• Rozdíl mezi WordPressem a statickým HTML
• Pro a proti WordPressu
• Pro a proti statické webové stránky HTML
• Použití WordPressu jako generátoru statických webových stránek

Rozdíl mezi WordPressem a statickým HTML

Nakonec vše vyjde jako HTML na frontend. To znamená, že kód vašeho webu bude vypadat nějak takto bez ohledu na to, zda používáte WordPress nebo statický web HTML:

Nezáleží na tom, kterou metodu zvolíte, váš kód bude stále vypadat takto

Důležitý rozdíl je v tom, jak tento HTML vzniká.

U statického HTML je tento příběh celkem jednoduchý. Kód (včetně obsahu) napíšete vy nebo váš vývojář. Jakmile je pak jednou na serveru, je to tak pořád. Na pozadí neprobíhá žádné zpracování – váš web je tam vždy v hotové podobě.

WordPress je naproti tomu systém pro správu obsahu, který používá PHP a databázi. Zjednodušeně to znamená, že když někdo navštíví váš web WordPress, váš server „sestaví“ váš web tak, že:

• Vykoná kód PHP a sestaví verzi HTML vašeho webu
• Poptá se databáze, aby získal obsah, který vloží do tohoto HTML

Co je to tedy systém správy obsahu?

Výše jsme vám řekli, že WordPress je systém pro správu obsahu, ale nevysvětlili jsme, co to vlastně znamená. Systém správy obsahu, často označovaný zkratkou CMS, je software, který vám pomáhá vytvářet, spravovat a upravovat obsah webových stránek, aniž byste museli přímo zasahovat do kódu.

Například místo toho, abyste museli ručně přidávat obsah jeho formátováním pomocí jazyka HTML, jako je tomu u statického webu HTML, můžete pouze zadat obsah pomocí editoru WordPress a WordPress se postará o jeho zobrazení na webu:

Rozhraní editoru WordPress

Podobně, pokud byste někdy později chtěli tento obsah upravit, můžete jen vstoupit a upravit jej pomocí stejného editoru, místo abyste museli přímo upravovat statický soubor HTML na serveru.

Pro a proti WordPressu

K některým výhodám a nevýhodám statického webu HTML se dostaneme za chvíli, ale začněme některými důvody, proč nyní více než 39,5 % celého internetu používá WordPress.

Správa obsahu bez kódu

Největší výhodou WordPressu je, že dokáže téměř úplně vyloučit kód z každodenní správy vašeho webu. Místo toho lze většinu akcí, které budete chtít provádět, provádět pomocí grafického rozhraní.

Pomocí tohoto grafického rozhraní můžete:

• Vytvářet nový obsah
• Změnit vzhled webu
• Změnit fungování webu
• Konfigurovat důležitá nastavení SEO
• Provádět spoustu dalších důležitých akcí

Pokud nežijete a nedýcháte HTML/CSS (a pravděpodobně i pokud ano), tento přístup vám značně usnadní správu všech aspektů vašeho webu.

Snadná změna vzhledu webu

Každý web WordPress potřebuje něco, čemu se říká téma. Motiv určuje, jak bude váš web vypadat na přední straně. Chcete-li nainstalovat nové téma WordPressu, v podstatě kliknete na tlačítko nebo nahrajete jeden soubor a váš web okamžitě přijme tento styl:

Jak přidáte nové téma WordPressu

Na druhou stranu u statického webu HTML máte vzhled webu pod kontrolou pomocí vlastního CSS. Nejenže je časově náročné to vůbec nastavit, ale podobně náročné to bude i v případě, že budete chtít někdy v budoucnu radikálně změnit vzhled svého statického webu HTML. Ano, existují rámce CSS, které můžete použít k urychlení tohoto procesu, ale stále to vyžaduje více práce a odborných znalostí, abyste to dokázali zvládnout.

Víme to z první ruky díky tomu, že většina webu Kinsta byla vytvořena pomocí dobrých revizí na Githubu (doporučené čtení: git vs Github). Ano, používáme téma a framework WordPressu a náš kód je zabalen do funkcí WordPressu, ale většinu toho, co na našem webu vidíte, vytvořil náš tým. To může někdy umožnit větší flexibilitu, ale také to vyžaduje mít vývojáře v týmu. Pokud chcete ušetřit čas a nemáte vývojáře na plný úvazek, volba předpřipraveného tématu WordPressu může výrazně urychlit váš pracovní postup.

Téma WordPressu

Dodatečně se musíte starat o to, aby všechny vaše CSS byly responzivní (AKA vypadaly dobře na mobilních zařízeních), zatímco téměř každé téma WordPressu je dnes ve výchozím nastavení responzivní.

Snadné přidávání nových funkcí

WordPress také nabízí něco, čemu se říká pluginy, které vám umožní snadno rozšířit funkčnost vašeho webu. Chcete na své stránky přidat kontaktní formulář? Se statickým HTML budete muset řešit validaci a to, co se stane s daty, která uživatel odešle. Ve WordPressu stačí nainstalovat zásuvný modul…

Jak přidáte nový zásuvný modul pro WordPress

S většími funkcemi se rozdíl v obtížnosti ještě zvětšuje. Chcete na své stránky přidat fórum? Hodně štěstí, abyste to zvládli sami. Ale ve WordPressu stačí nainstalovat zásuvný modul pro fórum.

Můžete dokonce rychle připojit funkce elektronického obchodu nebo sociální sítě.

Rychlý vývoj a změny

Kombinace témat a zásuvných modulů spolu s obecnou funkčností WordPressu jako systému pro správu obsahu znamená, že můžete rychle rozjet i složité webové stránky.

Statické HTML může být rychlé pro velmi základní web s několika málo stránkami… ale pokud potřebujete nějaké nestandardní funkce, WordPress vám téměř jistě umožní vytvořit web rychleji.

Chcete další výhody? Podívejte se na těchto 10 dobrých důvodů, proč byste měli používat WordPress.

Jsou nějaké nevýhody používání WordPressu?“

Někteří lidé říkají věci jako „statické weby HTML se načítají rychleji“ nebo „statické weby HTML se lépe umísťují v Googlu“. Některé z nich je však třeba brát s rezervou. Je sice pravda, že PHP a databáze přináší další dobu načítání a zpoždění, ale není tak těžké dostat dobu načítání WordPressu pod jednu sekundu – což je dost rychlé.

Měli byste si položit otázku: Stojí za to mít o něco rychlejší statické stránky a vzdát se výhod, které nabízí WordPress? Také výkon PHP se za posledních pět let výrazně zlepšil. V našich nedávných srovnávacích testech jazyka PHP jsme došli k závěru, že PHP 7.3 zvládne za sekundu zpracovat 3x více požadavků (transakcí) než PHP 5.6. 🚀

Srovnávací testy PHP pro WordPress 5.0

Existují také způsoby, jak můžete snadno negovat zpoždění PHP a databáze pomocí mezipaměti, která slouží k zobrazování statických verzí stránek HTML. To znamená, že každé načtení stránky se může v podstatě načíst bleskově, stejně jako u statického webu HTML.

Jak velký vliv má ukládání do mezipaměti na web WordPress? Zde je rychlý test na blogu WordPress před a po použití mezipaměti.

Bez mezipaměti

Nejprve jsme provedli test s vypnutou mezipamětí na blogu WordPress.

Stránka WordPressu bez mezipaměti (test Pingdom)

Jak vidíte, dochází k výraznému zpoždění při prvním načtení HTML DOC. To je způsobeno tím, že se neobsluhuje z mezipaměti na serveru.

Bez zpoždění mezipaměti

S mezipamětí

Na blogu WordPress jsme pak provedli test se zapnutou mezipamětí. Nic jiného se nezměnilo.

Stránka WordPressu s mezipamětí (test Pingdom)

Jak vidíte, došlo k obrovskému zlepšení. Ve skutečnosti pouhé zobrazení úvodní stránky z mezipaměti na serveru snížilo dobu načítání o 32,2 %.

S mezipamětí

Kinsta automaticky zpracovává ukládání do mezipaměti na úrovni serveru pro všechny klienty hostingu WordPress. To znamená, že se nemusíte trápit s pluginy pro ukládání do mezipaměti třetích stran.

Pokud jde o fámy o hodnocení, které můžete slyšet, existují skvělé pluginy pro WordPress SEO, které vám umožní optimalizovat SEO pro WordPress tím, že budete mít pod kontrolou každý aspekt technického a on-page SEO vašeho webu. Kdyby si weby WordPress skutečně vedly v hodnocení vyhledávání hůře než statické weby HTML, neviděli byste, že je používají masivní platformy jako The Wirecutter nebo TechCrunch.

Existuje však několik drobných nevýhod a tou první je údržba. Výběrem kvalitního spravovaného hostingu WordPress sice můžete eliminovat většinu nejhorší údržby, ale stále budete zodpovědní za zajištění aktualizace a kompatibility základního softwaru, zásuvných modulů a témat WordPress. To je v dnešní době poměrně snadné, ale je to něco, co u statického webu HTML dělat nemusíte.

Druhou nevýhodou bude pravděpodobně kvalita. Vzhledem k extrémní popularitě WordPressu existuje spousta špatných pluginů a témat. A bezplatná řešení někdy prostě úplně vypadnou z mapy. Třídění těch špatných, abyste našli ty dobré, může být časově náročné.

Pros a nevýhody statického webu v HTML

O WordPressu jste již slyšeli – nyní se ale pojďme podívat na některé výhody a nevýhody statického webu v HTML.

Není třeba udržovat žádný podkladový software

O tom jsme tak trochu mluvili před chvílí, ale pojďme si to tady rychle zopakovat, protože je to jedna z hlavních výhod statického HTML.

Pokud používáte WordPress a témata/pluginy, jste zodpovědní za aktualizaci celého toho podkladového kódu a za to, aby nedocházelo k problémům s kompatibilitou. To je sice poměrně jednoduché (obvykle stačí kliknout na tlačítko), ale je to něco, co musíte udělat, aby vaše webové stránky byly bezpečné a funkční.

Na druhou stranu, pokud jste napsali čisté statické HTML, měli byste být schopni nechat věci v podstatě být a o aktualizace se nestarat.

Snadnější přístup k základnímu kódu

Zatímco WordPress vám umožní přístup ke všem základním kódům vašeho webu, statický web ve formátu HTML vám o něco zjednoduší zadávání určitých typů značek. Místo toho, abyste se museli zabývat soubory šablon témat a smyčkou WordPressu, máte vše přímo před sebou.

Příklad i když pro WordPress existují pluginy pro schéma, na statickém webu HTML můžete snadněji ovládat značení schématu.

Jaké jsou nevýhody vytvoření statického webu HTML?

Ačkoli je statický web HTML pro základní webové stránky jistě vhodný, hlavní problémy nastanou, když se pokusíte o rozšíření, ať už z hlediska množství obsahu nebo funkcí.

Většina těchto nevýhod je jednoduše opakem výhod WordPressu. Konkrétně:

• Přidávání nebo úprava obsahu není uživatelsky přívětivá, protože se musíte hrabat v kódu.
• Přidání nové funkce vyžaduje, abyste si ji nakódovali sami.
• Změna vzhledu webu vyžaduje přepsání CSS.

Pokud navíc sami skutečně neumíte HTML/CSS, všechny tyto věci budou také vyžadovat zaplacení vývojáře, zatímco WordPress by vám je z velké části umožnil udělat sám.

Použijte WordPress jako generátor statických webových stránek

Generátory statických webových stránek se od výše uvedených dvou možností mírně liší, protože berou obsah systému pro správu obsahu, například WordPressu, kombinují jej s tématem a generují statické stránky HTML. Jedním z nejoblíbenějších je Jekyll, pomocí kterého můžete hostovat celý web nebo blog na stránkách GitHub a jedním příkazem odeslat nový obsah. Nevýhoda? Jeho nastavení není snadné (mírně řečeno) a i pro vývojáře může být časově náročné.

Pokud máte volné odpoledne a chcete se o Jekyllu dozvědět více, pak se podívejte na tento článek od Mikea Neumegena. Alternativou je CMS s plochými soubory, jako je Grav, který vám může poskytnout jednodušší správu obsahu a zároveň se vyhnout potřebě databáze.

Pokud jste technicky zdatní, je dokonce možné získat to nejlepší z obou světů a použít WordPress jako generátor statických webových stránek v HTML. Musíte si však jen uvědomit, že pokud budete WordPress používat tímto způsobem, budete muset něco obětovat:

• Na vašich stránkách nebude vůbec žádný dynamický obsah „v reálném čase“.
• Nebudou pro vás doporučené články ani widgety, které se mění pro každého návštěvníka.
• Nemůžete používat vestavěný systém komentářů WordPressu.

V podstatě vše, co je generováno na straně serveru (PHP), bude statické a aktualizované ručně. Generátory statických webových stránek vytvoří kompletní stránku HTML na základě vašeho obsahu a jakmile je jednou hotová, bez ohledu na to, kolik lidí navštíví váš web, nebude přegenerována; ne, pokud nezadáte konkrétní příkaz na počítači.

Navržené čtení:

Vývojáři řeší „problém“ s komentáři tak, že je buď vůbec nepoužívají, nebo přecházejí na řešení založená na JavaScriptu, z nichž nejoblíbenější je Disqus nebo komentáře na Facebooku.

Existuje několik pluginů pro cachování WordPressu, které můžete použít k vytvoření statických souborů HTML příspěvků a stránek, ale pokud používáte jako webový server Nginx (pokud nepoužíváte, opravdu byste měli, ale to je téma na jiný článek), můžete prostě zapnout cachování celé stránky a nastavit její vypršení za den nebo týden. Čím delší období si můžete „dovolit“ nastavit, tím lépe.

Pak se stane to, že prvnímu návštěvníkovi server vygeneruje kompletní, do mezipaměti uložené soubory HTML a všem dalším návštěvníkům v rámci předem definovaného období expirace budou tyto soubory naservírovány. Zde ve společnosti Kinsta naše servery používají nginx fastcgi cache module pro ukládání stránek do mezipaměti. Ptáte se, jak ji nastavit? No, pokud spravujete vlastní servery, zde je velmi podrobný návod od DigitalOcean, kterým se můžete řídit.

Pokud jste klientem Kinsta, je to automatické pro každý web WordPress a cache ve výchozím nastavení vyprší každou hodinu. Můžete však v rámci svého ovládacího panelu MyKinsta otevřít ticket u našeho týmu podpory a požádat o delší trvání cache. Jen se prosím ujistěte, že plně chápete důsledky takového postupu.

Cloudflare Full Page Cache

S WordPressem můžete také využívat pravidla stránek Cloudflare a obsluhovat celý web z mezipaměti. Zde vám poskytneme veškeré podrobnosti o tom, jak nastavit cache Cloudflare pro příspěvky a stránky WordPressu.

To může být velmi výhodné pro weby, které zahajují nějakou událost nebo očekávají velký nárůst návštěvnosti. Nezapomeňte však, že pokud budete stránky obsluhovat výhradně z mezipaměti, s největší pravděpodobností narazíte na problémy s pokladnou WooCommerce, panelem nástrojů administrace WordPressu a dalšími různými věcmi, které budete muset buď opravit, nebo najít řešení.

Navržené čtení: Jak nastavit Cloudflare APO pro WordPress.

Poskytujeme to nejlepší z obou světů

Obvykle nedoporučujeme obsluhovat celý web z mezipaměti, pokud nemáte čas vše řádně otestovat. Například pokud jde o WooCommerce: můžete z mezipaměti načíst „statickou“ úvodní stránku, kategorie, stránky produktů (pokud je příliš často neměníte) a pak ano, načtou se téměř okamžitě! Ale jakmile někdo klikne na „přidat do košíku“, budete muset přepnout na nekešovanou verzi, jinak uvidí košík stále prázdný.

V Kinsta máme pro řešení elektronického obchodu a blogy zavedena pravidla na úrovni serveru, abychom zajistili, že to, co se má kešovat, se kešovat bude, a to, co se kešovat nemá, nikoli.

Několik příkladů zahrnuje určité stránky WooCommerce a EDD, jako je košík, můj účet a pokladna, které jsou z kešování vyloučeny. A uživatelé automaticky obejdou mezipaměť, když je detekován soubor cookie woocommerce_items_in_cart nebo edd_items_in_cart, aby byl zajištěn hladký a synchronizovaný proces pokladny.

Tím získáte rychle se načítající web WordPress, ale bez toho, abyste se museli bát, že se něco rozbije.

Zásobník komponent mezipaměti

Nechcete hostovat celý web u společnosti Kinsta, ale chcete využít dynamické funkce pro svůj blog WordPress? Možná byste se měli podívat na načítání webu přes reverzní proxy server. Tyto typy nastavení podporujeme.

WordPress nebo statický?

Teď otázka za milion dolarů… Pokud vytváříte jen malý web, který se pravděpodobně nebude měnit nebo vyžadovat nový obsah, statické HTML je dobrý přístup. Ale pro cokoli jiného bude WordPress téměř jistě lepší volbou. To platí zejména v případě, že nemáte přístup k vývojáři.

Jeho snadné použití spolu s rozšiřitelností jsou hlavními důvody, proč nyní pohání více než 39,5 % všech webových stránek na internetu. Nyní je řada na vás – vytvořili byste někdy web se statickým HTML místo WordPressu? Nebo jste se vydali cestou generátoru statických webových stránek?“

.