Statycznie czy dynamicznie - infoMEET Wrocław

Tomasz Dziuda
Tomasz DziudaFreelancer w Dev Zen, front-end developer at Dev Zen
Statycznie
czy
Dynamicznie
?Tomasz Dziuda
infoMEET
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%
CMS
Non-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 MySQL
Luki 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 ;-)
Przywiązaniedostrony
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 wtyczki
Potrzebny 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ść
Statycznie czy dynamicznie - infoMEET Wrocław
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
1 of 78

More Related Content

What's hot(20)

Statycznie czy dynamicznie?Statycznie czy dynamicznie?
Statycznie czy dynamicznie?
Tomasz Dziuda1.6K views
Electron + WordPress = ❤Electron + WordPress = ❤
Electron + WordPress = ❤
Tomasz Dziuda5.7K views
Wprowadzenie do WP-APIWprowadzenie do WP-API
Wprowadzenie do WP-API
Tomasz Dziuda5.6K views
Word up łódź   kwiecień 2015Word up łódź   kwiecień 2015
Word up łódź kwiecień 2015
Tomasz Dziuda2.4K views
WordPress dla początkującychWordPress dla początkujących
WordPress dla początkujących
Katarzyna Javaheri-Szpak168 views
WordUp Kraków - maj 2015WordUp Kraków - maj 2015
WordUp Kraków - maj 2015
Tomasz Dziuda802 views

Similar to Statycznie czy dynamicznie - infoMEET Wrocław(20)

More from Tomasz Dziuda(13)

Statycznie czy dynamicznie - infoMEET Wrocław