Prezentacja o dokonywaniu wyboru pomiędzy stroną opartą o CMS a stroną statyczną.

1. Statycznie
czy
Dynamicznie
?Tomasz Dziuda
WordUp Kraków
#zima 2016

2. Backup SPA SEO Joomla! ssie
Blogowanie Responsywność Bazy danych Hosting AJAX
Freelance PHP
GPL Team Work
Chmury
i suwaki
Case studies Varnish
REST API Klienci Jak żyć?
Bezpieczeństwo
Workflow
UI/UXWydajność
Utrzymanie
WordCamp BINGO

3. Backup SPA SEO Joomla! ssie
Blogowanie Responsywność Bazy danych Hosting AJAX
Freelance PHP
GPL Team Work
Chmury
i suwaki
Case studies Varnish
REST API Klienci Jak żyć?
Bezpieczeństwo
Workflow
UI/UXWydajność
Utrzymanie
WordCamp BINGO

4. Bezpieczeństwo

5. 43,7%
56,3%
CMS
Non-CMS
Źródło: http://w3techs.com/technologies/history_overview/content_management/all (dane z 4 lutego 2016)

6. 24,1%
2,7%
2,9%
4,9%
6,3%
59,1%
Other
WordPress
Źródło: http://w3techs.com/technologies/overview/content_management/all (dane z 4 lutego 2016)
Joomla!
Drupal
Magento
Blogger

7. 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

8. 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

9. Rezygnując z dynamicznej
strony zamykamy wiele
drzwi hakerom i "hakerom"

10. Wydajność

11. WordPress

12. WordPress

13. WordPress

14. WordPress

15. WordPress

16. WordPress

17. Strona statyczna

18. Strona statyczna

19. Strona statyczna

20. WordPress

21. Strona statyczna

22. WordPress Strona Statyczna
Ograniczona kontrola
nad zasobami
Pełna kontrola nad zasobami

23. 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

24. 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

25. WordPress może być równie szybki
jak strona statyczna, ale to praca dla
koneserów tematu optymalizacji.

26. UI / UX

27. WordPress Strona Statyczna

28. WordPress Strona Statyczna
WYSIWYG Markdown

29. WordPress Strona Statyczna
Klikologia stosowana HTML, CSS, JS
WYSIWYG Markdown

30. WordPress Strona Statyczna
Wielu redaktorów Jeden redaktor
Klikologia stosowana HTML, CSS, JS
WYSIWYG Markdown

31. WordPress Strona Statyczna
Wielu redaktorów Jeden redaktor*
Wtyczki Usługi zewnętrzne
Klikologia stosowana HTML, CSS, JS
WYSIWYG Markdown

32. 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,

33. WordPress Strona Statyczna

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

35. Workflow

36. 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 ;)

37. WordPress Strona Statyczna

38. 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)

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

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

41. www.netlify.com

42. https://www.contentful.com/

43. http://carrot.is/coding/static_cms

44. Generator
HTML

45. Generator
HTML
+
REST-API

46. 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

47. Ceną za szybkość
i bezpieczeństwo jest
wygoda implementowania

48. Utrzymanie

49. Aktualizacje CMSa -
WordPress Strona Statyczna

50. Aktualizacje CMSa
Aktualizacje rozszerzeń -
-
WordPress Strona Statyczna

51. Aktualizacje CMSa
Aktualizacje rozszerzeń
Aktualizacje PHP -
-
-
WordPress Strona Statyczna

52. Aktualizacje CMSa
Aktualizacje rozszerzeń
Aktualizacje PHP
Regularny backup Regularny backup
-
-
-
WordPress Strona Statyczna

53. 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żny od zakresu zmian

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

55. Prawidłowe utrzymanie jest
tak samo ważne jak proces
tworzenia strony

56. Do czego zmierzam?

57. USE WORDPRESS
EVERYWHERE!!!111one

58. USE WORDPRESS
EVERYWHERE!!!111one

59. Strony statyczne WordPress
Dedykowane
rozwiązania
Ilość treści
Złożoność

60. Każda strona na WordPressie
pozostawiona sama sobie
może niszczyć jego reputację

61. Podsumowując

62. Jeżeli znasz HTML, CSS, JS to
proste albo rzadko
aktualizowane strony rób z
użyciem stron statycznych

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

64. Jeżeli jesteś wyklikiwaczem...
to zrób wszystko by przestać
nim być ;)

65. WordPress dzięki REST API
również może służyć jako
generator stron statycznych

66. Dzięki za uwagę

67. E-mail: tomasz@dziuda.com
Twitter: dziudek
WWW: dziudek.pl
WP Links: dziudek.github.io/wp-links
Dev Links: dziudek.github.io/dev-links