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

Statycznie czy dynamicznie?

Embed Size (px)

Citation preview

Statycznie czy

Dynamicznie?Tomasz DziudaWordUp Kraków

#zima 2016

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

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

Bezpieczeństwo

43,7%56,3%

CMSNon-CMS

Źródło: http://w3techs.com/technologies/history_overview/content_management/all (dane z 4 lutego 2016)

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

Luki w core

Luki we wtyczkach

Luki w motywach

Luki w PHP

Luki w MySQLLuki 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"

Wydajność

WordPress

WordPress

WordPress

WordPress

WordPress

WordPress

Strona statyczna

Strona statyczna

Strona statyczna

WordPress

Strona statyczna

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 wtyczkiPotrzebny 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/

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

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

Perfect Dashboard

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

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

Dzięki za uwagę

E-mail: [email protected] Twitter: dziudek WWW: dziudek.pl WP Links: dziudek.github.io/wp-links Dev Links: dziudek.github.io/dev-links