Web Design Blog / Web:

Strona statyczna czy dynamiczna?

Data publikacji: 1 lutego 2014

Ostatnia aktualizacja: 6 marca 2019

Jest mnóstwo stron internetowych, przy przeglądaniu których nie jesteśmy w stanie jednoznacznie określić czy jest to strona statyczna czy dynamiczna. Zresztą, dla odbiorcy to żadna różnica.

Jeżeli mamy do czynienia z małą stroną, przez niektórych nazywana stroną-wizytówką, to w połowie przypadków będzie to strona statyczna. Przy rozbudowanych portalach i sklepach internetowych możemy być w 100% pewni, że treść jest generowana dynamicznie. Każda z tych technologi ma swoje wady i zalety, dlatego warto przemyśleć, która spełnia nasze potrzeby.

W czym tkwi różnica? Treść na stronie statycznej jest zapisana w pliku html i tekst widoczny jest prawie zawsze połączony z resztą kodu.

Zmiana publikowanej treści wymaga bezpośredniej ingerencji w taki plik i wymaga znajomości chociaż w bardzo podstawowym stopniu zasad działania stron internetowych. Tak wygląda edycja strony statycznej:

Z tego powodu strony statyczne są rzadko edytowane przez przeciętnych ludzi i nie nadają się na publikacje np. często aktualizowanego bloga firmowego. Czytaj więcej: jak działają strony internetowe?

Zalety statycznych stron www

  • szybsza i łatwiejsza w produkcji
  • tańsza w utrzymaniu na serwerze (nie wymaga bazy MySQL)
  • łatwa w przenoszeniu
  • szybko się wczytuje

Wady statycznych stron www

  • trudna w edycji czytaj jak edytować strony statyczne
  • zawiera zazwyczaj mniej treści i funkcji
  • treść szybko nudzi internautów
  • nadmiarowy kod (wszystkie podstrony mają powtarzalne np. menu i stopkę w osobnych plikach)
  • częściej odsyła do innych adresów

Strony dynamiczne są połączone z bazą danych (albo plikiem JSON lub z innymi plikami agregującymi informacje), która zawiera treści jakie znajdują się na stronie. Za każdym razem, kiedy ktoś odwiedza stronę, treści te są pobierane a strona jest tworzona niejako w locie. Zmiana publikowanej treści następuje w samej bazie i zwykle dokonywane są za pomocą CMS’a czyli systemu zarządzania treścią. Z rozwiazaniem takim mamy do czynienia na stronach WordPress oraz innych, gdzie jest wiele podstron lub rozbudowany katalog produktów.

Edycja strony jest prosta i nie różni się np. od tworzenia dokumentu ze zdjęciami w edytorze tekstowym takim jak np Microsoft Word.

Dzięki czemu motywuje do ciągłego aktualizowania i dodawania nowych treści a to oczywiście pozytywnie wpływa na pozycję w wyszukiwarce i zaangażowanie użytkowników. Ta technologia też ma swoje wady i zalety.

Zalety dynamicznych stron internetowych

  • łatwa w aktualizacji i rozbudowie przez przeciętnego użytkownika
  • zawiera (a przynajmniej powinna zawierać) aktualne i bogate informacje
  • przyciąga internautów za sprawą częstych aktualizacji

Wady dynamicznych stron internetowych

  • większy koszt w utrzymaniu na serwerze (wymaga bazy MySQL)
  • produkcja jest droższa i trwa dłużej
  • wolniej się wczytuje (z zasady działania)

Ostatni punkt można skompensować stosując efektywną pamieć podręczną aplikacji webowej np. w systemie plików lub pamięci RAM (technologia memcached). Nowoczesne systemy CSM mają tak wydajne systemy cache, że fakt ten można z powodzeniem pominąć ale chcąc być ściśle dokładny, strony dynamiczne zawsze będą działać wolniej (uwaga: chodzi tutaj dokładnie o czas odpowiedzi serwera a nie czas wczytywania).

Statyczny CMS

Istnieje jeszcze jedno rozwiązanie taki jakby kompromis. Dla jednego z moich klientów opracowałem statyczny CMS, który jest kompromisem pomiędzy tymi dwoma przypadkami.Kod strony jest generowany do plików php w momencie aktualizacji danej podstrony. Rozwiązanie takie łączy zalety stron statycznych i dynamicznych wykluczając wady obydwu. Zapewniamy możliwość edycji strony bez konieczności posiadania bazy MySQL.

Jak działał ten mój CMS? Proszę bardzo:

Krok 1: Tworzymy formularz w HTML5 którym można dodawać treści:

<form role="form" action="" method="POST">
<div class="form-group"><label>Treść sekcji lub kod:</label> 
<textarea name="ad1" rows="8"><?php echo file_get_contents("ad_top.php"); ?></textarea> 
<button class="btn btn-sm btn-default" name="submit1" type="submit">Aktualizuj</button></div>
</form>

Z pliku ad_top.php zczytujemy sobie istniejącą treść z pliku.

Krok 2: Aktualizacja plików z treścią

 if(isset($_POST["submit1"])){
if(isset($_POST["submit1"])){ $code = $_POST["ad1"]; 
$file = fopen('ad_top.php', 'w+'); 
ftruncate($file, 0); 
$content = stripslashes(stripslashes($code)); 
fwrite($file , $content); 
fclose($file );} 

Tutaj to już formalność. Pobieramy tekst, obrabiamy ciągi i wkładamy do pliku.

Krok 3: Umieszczamy odniesienie do treści na konkretniej stronie:

 <?php echo file_get_contents("ad_top.php"); ?> 

Istnieje gotowe rozwiązanie takiego CMSa o nazwie Jekyll.

Najlepsza architektura strony WWW

Idealną architekturą strony www jest przypadek, w którym elementy nie ulegające częstym zmianom są statyczne z technicznego punktu widzenia a te, które często się zmieniają – dynamiczne.

Przykładowo, menu główne jest z natury rzeczy statyczne – rzadko dochodzi tam do zmian. Powinno być zatem zakodowane „na sztywno” w nagłówku strony aby nie spowalniać działania skryptu i nie sprawdzać „czy tak czasem nie uległo zmianie” oczywiście, niewygodna będzie jego modyfikacja, ale takie rozwiązanie służy dużo bardziej wartościowemu celowi – prędkości działania strony.

Taka sama sytuacja jest ze stopką i np. nagłówkiem strony głównej. Tymczasem menu w różnego rodzaju CMSach jest domyślnie dynamiczne – można go zmieniać z poziomu systemu i wraz z rozwojem strony może to być dość nieefektywne.

Większość twórców „woli mieć spokój” i dać możliwość edycji menu głównego użytkownikowi (metodą przeciągnij i upuść).

Strony statyczne dziś

W czasach gloryfikacji prędkości i technologii AMP (lata 2018 – 2020), strony statyczne przeżywają swój mały renesans. Jeżeli na stronie nie będzie dochodziło do częstych zmian warto wybrać rozwiązanie statycznej strony WWW, które harmonijnie będzie współgrać z nowoczesnymi technologiami (w tym mobilnymi) a koszt hostingu będzie dążył niemal do zera.

Drugą zaletą statycznych stron jest możliwość łatwego przerobienia ich na pełnoprawne aplikacje mobilne za pomocą takich frameworków jak Cordova i narzędzi jak PhoneGap a także usług chmurowych PhoneGap Build. Czytaj więcej o tym jak zamienić stronę WWW na aplikację mobilną.

Podsumowanie

Strony dynamiczne w większości przypadków będą bardziej funkcjonalne. Decydujmy się na rozwiązania CMS jeżeli mamy w planach często dodawać nowe treści i zmieniać zawartość z biegiem czasu. Dział nowości lub aktualności przyciągnie internautów a nasza oferta na tle konkurencji będzie bardziej atrakcyjna. Nie zapominajmy, że częsta aktualizacja naszej witryny korzystnie wpłynie na jej pozycjonowanie.

Z drugiej strony, wbrew obiegowej opinii, strony statyczne nie są w żaden sposób gorsze czy też przestarzałe. Jest to po prostu inne podejście do publikacji treści w Internecie a niektóre zmiany technologiczne i trendy korzystania z Internetu dają im nawet małe pole do popisu.

Strona statyczna czy dynamiczna? Strona statyczna czy dynamiczna? 4.7 na 5 na podstawie 45 ocen Strona statyczna czy dynamiczna?


Komentarze

Brak komentarzy.

Dodaj swój komentarz