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 - infoMEET Wrocław

554 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

×