Statycznie czy

Dynamicznie?Tomasz DziudainfoMEET

26.11.2016

Co jest naprawdę ważne przy tworzeniu stron?

Bezpieczeństwo Wydajność

UI/UX Workflow

Utrzymanie

Bezpieczeństwo Wydajność

UI/UX Workflow

Utrzymanie

Bezpieczeństwo Wydajność

UI/UX Workflow

Utrzymanie

Bezpieczeństwo Wydajność

UI/UX Workflow

Utrzymanie

Bezpieczeństwo Wydajność

UI/UX Workflow

Utrzymanie

Co porównamy?

46,4%53,6%

CMSNon-CMS

Źródło: http://w3techs.com/technologies/history_overview/content_management/all (dane z 21 listopada 2016)

24,5%

2,4%2,7%

4,8%

7,1%

58,5%

Other

WordPress

Źródło: http://w3techs.com/technologies/overview/content_management/all (dane z 21 listopada 2016)

Joomla!

Drupal

Magento

Blogger

Bezpieczeństwo

Luki w core

Luki we wtyczkach

Luki w motywach

Luki w PHP

Luki w MySQLLuki w Apache/nginx

Zbyt wysokie uprawnienia dla plików

Wyciek danych dostępowych do kokpitu

Wyciek danych dostępowych FTP

Ataki bruteforce

SQL Injection

XSS

CSRF

XXE

Phishing

DDoS

DDoS

Luki w usługach zewnętrznych

Luki w Apache/nginx

Zbyt wysokie uprawnienia dla plików

Wyciek danych dostępowych FTP

XSS

DDoS

Strona Statyczna

Luki w usługach zewnętrznych

Rezygnując z dynamicznej strony zamykamy wiele

drzwi hakerom i "hakerom"

Odzyskiwanie strony po ataku może trwać od

kilkunastu minut do kilku dni.

Miłośnik hobbysta Bloger Firma

$$ ze strony ;-)

Przy

wią

zani

e do

stro

ny

Wydajność

WordPress

WordPress

WordPress

WordPress

WordPress

WordPress

Strona statyczna

Strona statyczna

Strona statyczna

WordPress

Strona statyczna

Źródło: https://mobiforge.com/research-analysis/the-web-is-doom

Witryny internetowe stale "tyją"

Źródło: https://unstyleapp.com/

WordPress Strona Statyczna

Ograniczona kontrola nad zasobami Pełna kontrola nad zasobami

WordPress Strona Statyczna

Ograniczona kontrola nad zasobami Pełna kontrola nad zasobami

Optymalizacja wymaga zasobów serwera

Optymalizacja przed wysłaniem plików na serwer

WordPress Strona Statyczna

Ograniczona kontrola nad zasobami Pełna kontrola nad zasobami

Optymalizacja wymaga zasobów serwera

Optymalizacja przed wysłaniem plików na serwer

Potrzebne dodatkowe wtyczkiPotrzebny odpowiedni

workflow

WordPress może być równie szybki jak strona statyczna, ale to praca dla

koneserów tematu optymalizacji.

UI / UX

WordPress Strona Statyczna

WordPress Strona Statyczna

WYSIWYG Markdown

WordPress Strona Statyczna

Klikologia stosowana HTML, CSS, JS

WYSIWYG Markdown

WordPress Strona Statyczna

Wielu redaktorów Jeden redaktor*

Klikologia stosowana HTML, CSS, JS

WYSIWYG Markdown

WordPress Strona Statyczna

Wielu redaktorów Jeden redaktor*

Wtyczki Usługi zewnętrzne

Klikologia stosowana HTML, CSS, JS

WYSIWYG Markdown

Usługi dla stron statycznych

Komentarze:

Formularze:

Newslettery:

Ankiety:

Bazy danych:

Wyszukiwarki:

Ecommerce:

Disqus, Intense Debate, Live Fyre, Facebook Comments

FormSubmit.io, FormSpree, JotForm, FormSite

MailChimp, Campaign Monitor, Aweber, Sendicate

TypeForm, Survey Monkey, Poll Daddy, Google Forms

Firebase, Contentful, Userapp, Hull

Snipcart, Stripe, Gumroad, Paypal

SwiftType, Tapir, Google Custom Search,

WordPress Strona Statyczna

Ceną za szybkość i bezpieczeństwo jest wygoda użytkowania

Workflow

WordPress Strona Statyczna

Znajdź i zainstaluj odpowiednią wtyczkę (o ile takowa istnieje)

Stwórz skrypt dla Gulpa, NPM lub czegokolwiek innego

co jest teraz modne w świecie front-endu ;)

WordPress Strona Statyczna

WordPress Strona Statyczna

Klikaj i rządź

Używaj HTML, CSS, JS, NPM, Gulp, Markdown

Używaj HTML, CSS, JS, PHP

(Ograniczona kontrola)

(Pełna kontrola)

(Pełna kontrola)

https://www.staticgen.com/

http://www.sitepoint.com/developing-a-static-site-generator-workflow/

pages.github.com -> username.github.io https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages/

pages.github.com -> username.github.io https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages/

+ Wsparcie dla SSL

www.netlify.com

https://www.contentful.com/

http://carrot.is/coding/static_cms

Generator HTML

Generator HTML

+REST-API

https://css-tricks.com/building-a-jekyll-site-part-1-of-3/

http://andyshora.com/building-static-site-with-roots.html

https://github.com/aharris88/awesome-static-website-services

http://halfelf.org/2015/deploying-hugo/

http://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-pages/

http://roots.cx/articles/getting-started

Ceną za szybkość i bezpieczeństwo jest

wygoda implementowania

Utrzymanie

Aktualizacje CMSa -

WordPress Strona Statyczna

Aktualizacje CMSa

Aktualizacje rozszerzeń -

-

WordPress Strona Statyczna

Aktualizacje CMSa

Aktualizacje rozszerzeń

Aktualizacje PHP -

-

-

WordPress Strona Statyczna

Aktualizacje CMSa

Aktualizacje rozszerzeń

Aktualizacje PHP

Regularny backup Regularny backup

-

-

-

WordPress Strona Statyczna

Aktualizacje CMSa

Aktualizacje rozszerzeń

Aktualizacje PHP

Regularny backup Regularny backup

-

-

-

WordPress Strona Statyczna

Łatwa i szybka aktualizacja treści

Złożoność aktualizacji treści zależna od zakresu zmian

W wypadku zarządzania wieloma stronami można sobie ułatwić życie

Prawidłowe utrzymanie jest tak samo ważne jak proces

tworzenia strony

Do czego zmierzam?

USE WORDPRESS

EVERYWHERE!!!111one

USE WORDPRESS

EVERYWHERE!!!111one

Strony statyczne WordPress Dedykowane rozwiązania

Ilość treści Częstotliwość aktualizacji

Złoż

oność

Każda strona na WordPressie pozostawiona sama sobie

może niszczyć jego reputację

Podsumowując

Jeżeli znasz HTML, CSS, JS to proste albo rzadko

aktualizowane strony rób z użyciem stron statycznych

Jeżeli jesteś wyklikiwaczem albo Twoja strona nie spełnia kryteriów z poprzedniego slajdu - rób strony

na WordPressie

Jeżeli jesteś wyklikiwaczem... to zrób wszystko by przestać

nim być ;)

WordPress dzięki REST API również może służyć jako

generator stron statycznych

Pytania?

E-mail: tomasz@dziuda.com Twitter: dziudek WWW: dziudek.pl