1. Statycznie
czy
Dynamicznie
?Tomasz Dziuda
infoMEET
26.11.2016

2. Co jest naprawdę ważne
przy tworzeniu stron?

3. Bezpieczeństwo
Wydajność
UI/UX
Workflow
Utrzymanie

4. Bezpieczeństwo
Wydajność
UI/UX
Workflow
Utrzymanie

5. Bezpieczeństwo
Wydajność
UI/UX
Workflow
Utrzymanie

6. Bezpieczeństwo
Wydajność
UI/UX
Workflow
Utrzymanie

7. Bezpieczeństwo
Wydajność
UI/UX
Workflow
Utrzymanie

8. Co porównamy?

9. 46,4%
53,6%
CMS
Non-CMS
Źródło: http://w3techs.com/technologies/history_overview/content_management/all (dane z 21 listopada 2016)

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

11. Bezpieczeństwo

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

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

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

15. Odzyskiwanie strony po
ataku może trwać od
kilkunastu minut do kilku dni.

16. Miłośnik hobbysta Bloger Firma
$$ ze strony ;-)
Przywiązaniedostrony

17. Wydajność

18. WordPress

19. WordPress

20. WordPress

21. WordPress

22. WordPress

23. WordPress

24. Strona statyczna

25. Strona statyczna

26. Strona statyczna

27. WordPress

28. Strona statyczna

29. Źródło: https://mobiforge.com/research-analysis/the-web-is-doom
Witryny internetowe stale "tyją"

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

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

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

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

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

35. UI / UX

36. WordPress Strona Statyczna

37. WordPress Strona Statyczna
WYSIWYG Markdown

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

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

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

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

42. WordPress Strona Statyczna

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

44. Workflow

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

46. WordPress Strona Statyczna

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

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

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

50. pages.github.com -> username.github.io
https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages/
+ Wsparcie dla SSL

51. www.netlify.com

52. https://www.contentful.com/

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

54. Generator
HTML

55. Generator
HTML
+
REST-API

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

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

58. Utrzymanie

59. Aktualizacje CMSa -
WordPress Strona Statyczna

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

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

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

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

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

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

66. Do czego zmierzam?

67. USE WORDPRESS
EVERYWHERE!!!111one

68. USE WORDPRESS
EVERYWHERE!!!111one

69. Strony statyczne WordPress
Dedykowane
rozwiązania
Ilość treści
Częstotliwość aktualizacji
Złożoność

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

72. Podsumowując

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

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

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

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

77. Pytania?

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