Free Press

W przeszłości rozmawialiśmy o tym, jak WordPress porównuje się z innymi popularnymi systemami zarządzania treścią, takimi jak Drupal, Joomla, a nawet Squarespace. Ale co, jeśli próbujesz zdecydować między WordPress vs statycznego HTML dla swojej witryny?

Na poziomie podstawowym, jest to rodzaj ogólnej debaty między wykorzystaniem bazy danych napędzany system zarządzania treścią (jak WordPress) lub pisanie wszystkich HTML / CSS siebie wraz z ewentualnie przy użyciu framework.

Aby pomóc Ci podjąć decyzję, będziemy wyjaśniać, co te terminy oznaczają, a następnie przejść do niektórych zalet i wad każdego podejścia.

• Różnica między WordPressem a statycznym HTML
• Zalety i wady WordPressa
• Zalety i wady statycznej strony HTML
• Użyj WordPressa jako generatora statycznych stron internetowych

Różnica między WordPressem a statycznym HTML

W końcu wszystko wychodzi jako HTML na frontendzie. Oznacza to, że kod twojej strony będzie wyglądał tak, jak poniżej, bez względu na to, czy używasz WordPressa, czy statycznej strony HTML:

Niezależnie od tego, którą metodę wybierzesz, twój kod nadal będzie wyglądał tak

Ważna różnica polega na tym, jak ten HTML powstaje.

W przypadku statycznego HTML, ta historia jest całkiem prosta. Ty, lub twój programista, piszesz kod (włączając w to twoją treść). Następnie, gdy jest on już na serwerze, zawsze jest taki sam. Nie ma przetwarzania w tle dzieje – Twoja strona jest zawsze tam w swojej gotowej formie.

WordPress, z drugiej strony, jest systemem zarządzania treścią, który używa PHP i bazy danych. W prostych słowach oznacza to, że gdy ktoś odwiedza witrynę WordPress, Twój serwer „montuje” Twoją witrynę przez:

• Wykonanie kodu PHP, aby złożyć razem wersję HTML Twojej witryny
• Pytanie do Twojej bazy danych, aby uzyskać zawartość do wstawienia do tego HTML

Co to jest system zarządzania treścią?

Powyżej powiedzieliśmy Ci, że WordPress jest systemem zarządzania treścią, ale tak naprawdę nie wyjaśniliśmy, co to oznacza. System zarządzania treścią, często określany skrótem CMS, to oprogramowanie, które pomaga w tworzeniu, zarządzaniu i modyfikowaniu treści na stronie internetowej bez konieczności bezpośredniej interakcji z kodem.

Na przykład, zamiast potrzeby ręcznego dodawania treści poprzez formatowanie jej za pomocą HTML, tak jak w przypadku statycznej strony HTML, możesz po prostu wprowadzić swoją treść za pomocą edytora WordPress, a WordPress zajmie się wyświetlaniem jej w Twojej witrynie:

Interfejs edytora WordPress

Podobnie, jeśli kiedykolwiek chciałbyś edytować tę zawartość w późniejszym terminie, mógłbyś po prostu wejść i edytować ją za pomocą tego samego edytora, zamiast potrzebować bezpośrednio edytować statyczny plik HTML na swoim serwerze.

Pros and Cons of WordPress

Wejdziemy w niektóre z zalet i wad statycznej strony HTML w sekundę, ale zacznijmy od niektórych powodów, że ponad 39,5% całego Internetu jest teraz przy użyciu WordPress.

Code-Free Content Management

Największą zaletą WordPress jest to, że może prawie całkowicie wyeliminować kod z codziennego zarządzania swoją stroną internetową. Zamiast tego większość działań, które będziesz chciał podjąć, można wykonać za pomocą interfejsu graficznego.

Z tym interfejsem graficznym, możesz:

• Tworzyć nową zawartość
• Zmieniać wygląd witryny
• Zmieniać funkcje witryny
• Konfigurować ważne ustawienia SEO
• Wykonywać mnóstwo innych ważnych działań

Bez względu na to, że nie żyjesz i nie oddychasz HTML/CSS (a prawdopodobnie nawet jeśli żyjesz), takie podejście znacznie ułatwi Ci zarządzanie każdym aspektem Twojej witryny.

Łatwe do zmiany jak wygląda Twoja witryna

Każda witryna WordPress potrzebuje czegoś, co nazywa się motywem. Twój motyw określa, jak Twoja witryna wygląda na frontend. Aby zainstalować nowy motyw WordPress, wystarczy kliknąć przycisk lub przesłać pojedynczy plik, a Twoja witryna natychmiast przyjmie tę stylizację:

Jak dodać nowy motyw WordPress

Z drugiej strony, w statycznej witrynie HTML, kontrolujesz wygląd witryny za pomocą własnego CSS. Nie tylko jest to czasochłonne do skonfigurowania w pierwszej kolejności, ale będzie podobnie czasochłonne, jeśli kiedykolwiek będziesz chciał radykalnie zmienić wygląd swojej statycznej strony HTML w przyszłości. Tak, są frameworki CSS, których możesz użyć, aby przyspieszyć ten proces, ale to wciąż wymaga więcej pracy i doświadczenia, aby móc zarządzać.

Wiemy to z pierwszej ręki dzięki temu, że większość strony Kinsta została stworzona z dobrych ole Github commitów (sugerowane czytanie: git vs Github). Tak, używamy motywu i frameworka WordPress, a nasz kod jest opakowany w funkcje WordPress, ale większość z tego, co widzisz na naszej stronie została stworzona przez nasz zespół. To może czasami pozwalają na większą elastyczność, ale to również wymaga posiadania programistów na personel. Jeśli chcesz zaoszczędzić czas i nie masz pełnoetatowych programistów, przejście z prefabrykowanym motywem WordPress może drastycznie przyspieszyć przepływ pracy.

Motyw WordPress

Dodatkowo musisz się martwić o to, aby wszystkie twoje CSS były responsywne (AKA wyglądają dobrze na urządzeniach mobilnych), podczas gdy prawie każdy pojedynczy motyw WordPress jest domyślnie responsywny w dzisiejszych czasach.

Łatwe dodawanie nowej funkcjonalności

WordPress oferuje również coś, co nazywa się wtyczkami, które pozwalają łatwo rozszerzyć funkcjonalność witryny. Chcesz dodać formularz kontaktowy do swojej witryny? Ze statycznym HTML, będziesz musiał poradzić sobie z walidacją i tym, co dzieje się z danymi, które użytkownik przesyła. Z WordPress, wystarczy zainstalować wtyczkę…

Jak dodać nową wtyczkę WordPress

Różnica w trudności staje się jeszcze większa przy większych funkcjach. Chcesz dodać forum do swojej witryny? Powodzenia w robieniu tego na własną rękę. Ale w przypadku WordPressa wystarczy zainstalować wtyczkę forum.

Możesz nawet szybko dodać handel elektroniczny lub funkcjonalność sieci społecznościowej.

Szybki rozwój i zmiany

Kombinacja motywów i wtyczek, wraz z ogólną funkcjonalnością WordPressa jako systemu zarządzania treścią, oznacza, że możesz szybko uruchomić nawet skomplikowane strony internetowe.

Statyczny HTML może być szybki dla bardzo podstawowej witryny z zaledwie kilkoma stronami… ale jeśli potrzebujesz jakiejkolwiek niestandardowej funkcjonalności, WordPress prawie na pewno pozwoli ci zbudować witrynę szybciej.

Chcesz więcej zalet? Sprawdź te 10 powodów, dla których powinieneś używać WordPressa.

Are There Any Cons to Using WordPress?

Znajdziesz tu kilka osób mówiących o rzeczach takich jak „statyczne strony HTML ładują się szybciej” lub „statyczne strony HTML plasują się lepiej w Google”. Ale niektóre z nich powinny być brane z ziarnem soli. Choć prawdą jest, że PHP i baza danych wprowadza dodatkowy czas ładowania i opóźnienia, nie jest tak trudno uzyskać czasy ładowania WordPress poniżej jednej sekundy – co jest bardzo szybkie.

Powinieneś zadać sobie pytanie, czy posiadanie nieco szybszej statycznej strony jest warte rezygnacji z zalet, jakie WordPress ma do zaoferowania? Ponadto, wydajność PHP poprawiła się drastycznie w ciągu ostatnich pięciu lat. W naszych ostatnich testach porównawczych PHP, doszliśmy do wniosku, że PHP 7.3 może obsłużyć 3x więcej żądań (transakcji) na sekundę niż PHP 5.6. 🚀

WordPress 5.0 PHP benchmarks

Istnieją również sposoby, dzięki którym możesz łatwo zanegować opóźnienia PHP i bazy danych, używając buforowania do serwowania statycznych wersji HTML swoich stron. Oznacza to, że każde obciążenie strony może w zasadzie ładować się błyskawicznie, tak jak w przypadku statycznej strony HTML.

Jak bardzo buforowanie wpływa na witrynę WordPress? Oto szybki test na blogu WordPress przed i po buforowaniu.

Bez pamięci podręcznej

Pierwszy test przeprowadziliśmy z wyłączoną pamięcią podręczną na blogu WordPress.

Witryna WordPress bez pamięci podręcznej (test Pingdom)

Jak widać, istnieje znaczne opóźnienie w pierwszym załadowaniu HTML DOC. Jest to spowodowane tym, że nie serwuje on z pamięci podręcznej na serwerze.

Bez opóźnienia pamięci podręcznej

Z pamięcią podręczną

Potem przeprowadziliśmy test z włączoną pamięcią podręczną na blogu WordPress. Nic innego nie zostało zmienione.

WordPress site with cache (Pingdom test)

Jak widać jest ogromna poprawa. W rzeczywistości, po prostu serwowanie początkowej strony z pamięci podręcznej na serwerze zmniejszyło czas ładowania o 32,2%.

Z pamięcią podręczną

Kinsta automatycznie obsługuje buforowanie na poziomie serwera dla wszystkich klientów hostingu WordPress. Oznacza to, że nie musisz męczyć się z wtyczkami buforowania innych firm.

Jeśli chodzi o plotki dotyczące rankingu, które możesz usłyszeć, istnieją świetne wtyczki WordPress SEO, które pozwalają zoptymalizować WordPress SEO poprzez kontrolowanie każdego aspektu technicznego i on-page SEO Twojej witryny. Jeśli witryny WordPress naprawdę wykonywane gorzej niż statycznych witryn HTML w rankingach wyszukiwania, nie zobaczysz go używać masywnych platform, takich jak The Wirecutter lub TechCrunch.

Istnieje kilka małych wad, choć, a pierwszy jest utrzymanie. Chociaż wybierając jakość zarządzania WordPress hosting może wyeliminować wiele z najgorszych konserwacji, nadal będzie odpowiedzialny za upewniając się, że oprogramowanie WordPress rdzenia, wtyczki i motywy są aktualizowane i kompatybilne. Jest to dość łatwe w dzisiejszych czasach, ale jest to coś, czego nie trzeba robić ze statyczną stroną HTML.

Drugą wadą będzie prawdopodobnie jakość. Ze względu na ogromną popularność WordPress, istnieje wiele złych wtyczek i motywów tam. I darmowe rozwiązania czasami po prostu spaść z mapy całkowicie. Sortowanie przez złe, aby znaleźć dobre może być czasochłonne.

Pros i Cons of a Static HTML Website

Słyszałeś od WordPress – ale teraz niech kopać w niektóre z zalet i wad statycznej strony HTML.

There’s No Underlying Software to Maintain

We kind of talked about this a second ago, but let’s rehash it quickly here because it is one of the major benefits of static HTML.

When you use WordPress and themes/plugins, you’re responsible for updating all that underlying code and making sure there are not any compatibility issues. Chociaż jest to dość proste (zazwyczaj wystarczy kliknąć przycisk), jest to coś, co musisz zrobić, aby Twoja strona była bezpieczna i sprawna.

Z drugiej strony, jeśli napisałeś czysty, statyczny HTML, powinieneś być w stanie zostawić wszystko w spokoju i nigdy nie martwić się o aktualizacje.

Łatwiejszy dostęp do bazowego kodu

While WordPress pozwala na dostęp do całego bazowego kodu do witryny, statyczna strona HTML sprawi, że nieco prościej będzie wprowadzić pewne typy znaczników. Zamiast zajmować się plikami szablonów motywów i pętlą WordPressa, wszystko jest tam przed tobą.

Na przykład, podczas gdy istnieją wtyczki schema dla WordPressa, możesz łatwiej kontrolować znacznik schema na statycznej stronie HTML.

Jakie są wady tworzenia statycznej strony HTML?

Choć statyczna strona HTML jest z pewnością dobra dla podstawowej witryny, główne problemy pojawiają się, gdy próbujesz skalować, albo pod względem ilości treści lub funkcjonalności.

Większość z tych wad jest po prostu przeciwieństwem zalet WordPressa. Mianowicie:

• Dodawanie lub edytowanie treści nie jest przyjazne dla użytkownika, ponieważ będziesz musiał zagłębić się w kod.
• Dodawanie nowych funkcji wymaga, abyś sam je zakodował.
• Zmiana wyglądu witryny wymaga przepisania CSS.

Dodatkowo, o ile sam nie znasz HTML/CSS, wszystkie te rzeczy będą również wymagały opłacenia programisty, podczas gdy WordPress pozwoli ci zrobić to samemu, w przeważającej części.

Użyj WordPressa jako statycznego generatora stron internetowych

Statyczne generatory stron internetowych różnią się od powyższych dwóch opcji nieznacznie, ponieważ biorą zawartość systemu zarządzania treścią, taką jak WordPress, łączą ją z motywem i generują statyczne strony HTML. Jekyll jest jednym z najpopularniejszych, którego możesz użyć do hostowania całej swojej strony lub bloga na GitHub Pages i wypychania nowej zawartości za pomocą jednego polecenia. Minusy? Nie jest łatwo (delikatnie mówiąc) go skonfigurować, a nawet dla programistów, może to być czasochłonne.

Jeśli masz wolne popołudnie, aby dowiedzieć się więcej o Jekyll to spójrz na ten artykuł Mike Neumegen. Alternatywnie, płaski CMS jak Grav może dać ci łatwiejsze zarządzanie treścią, jednocześnie unikając potrzeby bazy danych.

Jeśli jesteś technicznie obeznany, jest nawet możliwe, aby uzyskać najlepsze z obu światów i używać WordPressa jako statycznego generatora stron HTML. Jednakże, trzeba tylko pamiętać, że jeśli używasz WordPress w ten sposób, będziesz musiał dokonać poświęceń:

• Nie będzie żadnych „w czasie rzeczywistym” dynamicznej zawartości na swojej stronie, w ogóle.
• Żadnych polecanych artykułów dla Ciebie lub widżetów, które zmieniają się dla każdego odwiedzającego.
• Nie możesz używać wbudowanego systemu komentarzy WordPressa.

W zasadzie wszystko, co jest generowane po stronie serwera (PHP), stanie się statyczne i aktualizowane ręcznie. Statyczne generatory stron internetowych stworzą kompletną stronę HTML opartą na twojej zawartości i kiedy to się stanie, bez względu na to, ile osób odwiedzi twoją witrynę, nie zostanie ona zregenerowana; nie, chyba że wpiszesz konkretne polecenie na swoim komputerze.

Sugerowane czytanie: How to Upload an HTML File to WordPress.

Deweloperzy rozwiązują „problem” komentowania albo w ogóle go nie używając, albo przechodząc na rozwiązania oparte na JavaScript, z których najpopularniejsze to Disqus lub komentarze na Facebooku.

Istnieje kilka wtyczek do buforowania WordPressa, których możesz użyć do stworzenia statycznych plików HTML swoich postów i stron, ale jeśli używasz Nginx jako swojego serwera (jeśli nie używasz, naprawdę powinieneś, ale to temat na inny artykuł), możesz po prostu włączyć przełącznik pełnego buforowania strony i ustawić go tak, aby wygasł za dzień lub tydzień. Im dłuższy okres czasu możesz sobie „pozwolić” na ustawienie go, tym lepiej.

Co się stanie potem, to pierwszy odwiedzający będzie miał serwer wygeneruje kompletne, zbuforowane pliki HTML i każdy kolejny odwiedzający we wcześniej zdefiniowanym okresie wygaśnięcia otrzyma te pliki. Tutaj w Kinsta, nasze serwery używają nginx fastcgi cache module do buforowania strony. Jak to skonfigurować, pytasz? Cóż, jeśli zarządzasz swoimi własnymi serwerami, oto niezwykle szczegółowy przewodnik DigitalOcean, który możesz śledzić.

Jeśli jesteś klientem Kinsta, jest to automatyczne dla każdej witryny WordPress, a pamięć podręczna domyślnie wygasa co godzinę. Możesz jednak otworzyć bilet z naszym zespołem wsparcia w pulpicie MyKinsta i poprosić o dłuższy czas trwania pamięci podręcznej. Tylko upewnij się, że w pełni rozumiesz konsekwencje takiego działania.

Cloudflare Full Page Cache

Możesz również wykorzystać reguły strony Cloudflare z WordPress i służyć całej witrynie z pamięci podręcznej. Zapewniamy Ci wszystkie szczegóły tutaj, jak skonfigurować Cloudflare cache dla swoich postów i stron WordPress.

To może być bardzo korzystne dla witryn, które uruchamiają wydarzenie lub oczekują ogromnego przypływu ruchu. Pamiętaj jednak, że jeśli służysz całkowicie z pamięci podręcznej, najprawdopodobniej napotkasz problemy z kasą WooCommerce, paskiem narzędzi administratora WordPressa i innymi różnymi rzeczami, które będziesz musiał albo naprawić, albo znaleźć obejścia.

Sugerowane czytanie: How to Set up Cloudflare APO for WordPress.

We Provide the Best of Both Worlds

Nie zalecamy generalnie serwowania całej witryny z pamięci podręcznej, chyba że masz czas, aby wszystko poprawnie przetestować. Na przykład, jeśli chodzi o WooCommerce: możesz buforować „statyczną” stronę główną, kategorie, strony produktów (jeśli nie zmieniasz ich zbyt często) i wtedy tak, załaduje się prawie natychmiast! Ale jak tylko ktoś kliknie „dodaj do koszyka”, będziesz musiał przełączyć się na wersję bez buforowania, w przeciwnym razie zobaczy, że koszyk jest zawsze pusty.

Tutaj w Kinsta, mamy zasady na poziomie serwera dla rozwiązań ecommerce i blogów, aby zapewnić, że to co powinno być buforowane jest, a to co nie powinno, nie jest.

Kilka przykładów obejmuje niektóre strony WooCommerce i EDD, takie jak koszyk, moje konto i kasa, są wyłączone z buforowania. A użytkownicy automatycznie omijają pamięć podręczną, gdy zostanie wykryty plik woocommerce_items_in_cart cookie lub edd_items_in_cart cookie, aby zapewnić płynny i zsynchronizowany proces kasowy.

To zapewnia ci szybkie ładowanie witryny WordPress, ale bez konieczności martwienia się o rzeczy łamiące się.

Stos komponentów pamięci podręcznej

Nie chcesz hostować całej witryny z Kinsta, ale chcesz skorzystać z dynamicznej funkcjonalności dla swojego bloga WordPress? Możesz chcieć rozważyć załadowanie swojej strony przez odwrotne proxy. Obsługujemy tego typu konfiguracje.

WordPress czy Static?

Teraz pytanie za milion dolarów… Jeśli po prostu budujesz małą stronę internetową, która raczej się nie zmieni lub nie będzie wymagać nowej zawartości, statyczny HTML jest dobrym podejściem. Ale dla wszystkiego innego, WordPress jest prawie na pewno będzie lepszym wyborem. Jest to szczególnie prawdziwe, jeśli nie masz dostępu do dewelopera.

Jego łatwość użycia, w połączeniu z jego rozszerzalnością, są główne powody, dla których jest teraz zasilanie ponad 39,5% wszystkich stron internetowych w Internecie. Teraz do Ciebie – czy kiedykolwiek zbudowałbyś stronę ze statycznym HTML nad WordPressem? Czy też poszedłeś drogą generatora statycznych stron internetowych?

.