Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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 listopa...
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 (d...
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 pli...
Luki w Apache/nginx
Zbyt wysokie uprawnienia dla plików
Wyciek danych dostępowych FTP
XSS
DDoS
Strona
Statyczna
Luki w usł...
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 serw...
WordPress Strona Statyczna
Ograniczona kontrola
nad zasobami
Pełna kontrola nad zasobami
Optymalizacja wymaga
zasobów serw...
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
W...
Usługi dla stron statycznych
Komentarze:
Formularze:
Newslettery:
Ankiety:
Bazy danych:
Wyszukiwarki:
Ecommerce:
Disqus, I...
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
lu...
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...
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/
+ Ws...
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...
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 Statyc...
Aktualizacje CMSa
Aktualizacje rozszerzeń
Aktualizacje PHP
Regularny backup Regularny backup
-
-
-
WordPress Strona Statyc...
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
Statycznie czy dynamicznie - infoMEET Wrocław
Upcoming SlideShare
Loading in …5
×

Statycznie czy dynamicznie - infoMEET Wrocław

534 views

Published on

Moja prezentacja z infoMEET Wrocław 26/11/2016

Published in: Technology
  • Be the first to comment

Statycznie czy dynamicznie - infoMEET Wrocław

  1. 1. Statycznie czy Dynamicznie ?Tomasz Dziuda infoMEET 26.11.2016
  2. 2. Co jest naprawdę ważne przy tworzeniu stron?
  3. 3. Bezpieczeństwo Wydajność UI/UX Workflow Utrzymanie
  4. 4. Bezpieczeństwo Wydajność UI/UX Workflow Utrzymanie
  5. 5. Bezpieczeństwo Wydajność UI/UX Workflow Utrzymanie
  6. 6. Bezpieczeństwo Wydajność UI/UX Workflow Utrzymanie
  7. 7. Bezpieczeństwo Wydajność UI/UX Workflow Utrzymanie
  8. 8. Co porównamy?
  9. 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. 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. 11. Bezpieczeństwo
  12. 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. 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. 14. Rezygnując z dynamicznej strony zamykamy wiele drzwi hakerom i "hakerom"
  15. 15. Odzyskiwanie strony po ataku może trwać od kilkunastu minut do kilku dni.
  16. 16. Miłośnik hobbysta Bloger Firma $$ ze strony ;-) Przywiązaniedostrony
  17. 17. Wydajność
  18. 18. WordPress
  19. 19. WordPress
  20. 20. WordPress
  21. 21. WordPress
  22. 22. WordPress
  23. 23. WordPress
  24. 24. Strona statyczna
  25. 25. Strona statyczna
  26. 26. Strona statyczna
  27. 27. WordPress
  28. 28. Strona statyczna
  29. 29. Źródło: https://mobiforge.com/research-analysis/the-web-is-doom Witryny internetowe stale "tyją"
  30. 30. Źródło: https://unstyleapp.com/
  31. 31. WordPress Strona Statyczna Ograniczona kontrola nad zasobami Pełna kontrola nad zasobami
  32. 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. 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. 34. WordPress może być równie szybki jak strona statyczna, ale to praca dla koneserów tematu optymalizacji.
  35. 35. UI / UX
  36. 36. WordPress Strona Statyczna
  37. 37. WordPress Strona Statyczna WYSIWYG Markdown
  38. 38. WordPress Strona Statyczna Klikologia stosowana HTML, CSS, JS WYSIWYG Markdown
  39. 39. WordPress Strona Statyczna Wielu redaktorów Jeden redaktor* Klikologia stosowana HTML, CSS, JS WYSIWYG Markdown
  40. 40. WordPress Strona Statyczna Wielu redaktorów Jeden redaktor* Wtyczki Usługi zewnętrzne Klikologia stosowana HTML, CSS, JS WYSIWYG Markdown
  41. 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. 42. WordPress Strona Statyczna
  43. 43. Ceną za szybkość 
 i bezpieczeństwo jest wygoda użytkowania
  44. 44. Workflow
  45. 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. 46. WordPress Strona Statyczna
  47. 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. 48. https://www.staticgen.com/ http://www.sitepoint.com/developing-a-static-site-generator-workflow/
  49. 49. pages.github.com -> username.github.io https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages/
  50. 50. pages.github.com -> username.github.io https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages/ + Wsparcie dla SSL
  51. 51. www.netlify.com
  52. 52. https://www.contentful.com/
  53. 53. http://carrot.is/coding/static_cms
  54. 54. Generator HTML
  55. 55. Generator HTML + REST-API
  56. 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. 57. Ceną za szybkość 
 i bezpieczeństwo jest wygoda implementowania
  58. 58. Utrzymanie
  59. 59. Aktualizacje CMSa - WordPress Strona Statyczna
  60. 60. Aktualizacje CMSa Aktualizacje rozszerzeń - - WordPress Strona Statyczna
  61. 61. Aktualizacje CMSa Aktualizacje rozszerzeń Aktualizacje PHP - - - WordPress Strona Statyczna
  62. 62. Aktualizacje CMSa Aktualizacje rozszerzeń Aktualizacje PHP Regularny backup Regularny backup - - - WordPress Strona Statyczna
  63. 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. 64. W wypadku zarządzania wieloma stronami można sobie ułatwić życie
  65. 65. Prawidłowe utrzymanie jest tak samo ważne jak proces tworzenia strony
  66. 66. Do czego zmierzam?
  67. 67. USE WORDPRESS EVERYWHERE!!!111one
  68. 68. USE WORDPRESS EVERYWHERE!!!111one
  69. 69. Strony statyczne WordPress Dedykowane rozwiązania Ilość treści Częstotliwość aktualizacji Złożoność
  70. 70. Każda strona na WordPressie pozostawiona sama sobie może niszczyć jego reputację
  71. 71. Podsumowując
  72. 72. Jeżeli znasz HTML, CSS, JS to proste albo rzadko aktualizowane strony rób z użyciem stron statycznych
  73. 73. Jeżeli jesteś wyklikiwaczem albo Twoja strona nie spełnia kryteriów z poprzedniego slajdu - rób strony na WordPressie
  74. 74. Jeżeli jesteś wyklikiwaczem... to zrób wszystko by przestać nim być ;)
  75. 75. WordPress dzięki REST API również może służyć jako generator stron statycznych
  76. 76. Pytania?
  77. 77. E-mail: tomasz@dziuda.com Twitter: dziudek WWW: dziudek.pl

×