Jak Twoja strona moze wygenerować niespodziewane koszta? WordUp Kraków

Jak Twoja strona może wygenerować niespodziewane koszta?

Tomasz Dziuda

WordUp Kraków @ 10.XI.2017

DOBRZE SZYBKO

TANIO

Wybierz dwa

Koszt stworzenia strony to tylko część wydatków jakie Cię czekają

SEOAktu

aliza

cje

Poprawki

Zmiany k

oncepcji

Nowe funkc

je

Dostoso

wanie

do rynku

Nowe treś

ci

Implem

entac

ja

...

Dług technologiczny

SZYBKO

TANIO

SZYBKO

TANIOACAP

ASAP

Zły kod ;) Dobry kod ;)

Zły kod ;) Dobry kod ;)

Nowa funkcja 1 Nowa funkcja 1

Zły kod ;) Dobry kod ;)

Nowa funkcja 1Nowa funkcja 1

Nowa funkcja 2Nowa funkcja 2

Zły kod ;) Dobry kod ;)

Nowa funkcja 1Nowa funkcja 1

Nowa funkcja 2Nowa funkcja 2

Nowa funkcja 3

Nowa funkcja 3

Zły kod ;) Dobry kod ;)

Nowa funkcja 1Nowa funkcja 1

Nowa funkcja 2Nowa funkcja 2

Nowa funkcja 3

Nowa funkcja 3

Technologiczna upadłość konsumencka ;)

Używanie gotowych motywów to zaciąganie długu technologicznego

Przykład

Strona klienta X

Przykład

Strona klienta X Gotowy motyw

Przykład

Strona klienta X Gotowy motyw

Visual Composer

Przykład

Strona klienta X Gotowy motyw

Visual Composer

Visual Composerprzestał działać

po aktualizacji WP

Przykład

Strona klienta X Gotowy motyw

Visual Composer

Visual Composerwymaga upgrade by znów działać

Przykład

Strona klienta X Gotowy motyw

Visual Composer

Motyw wymaga upgrade by działać z

nowym Visual Composer

Przykład

Strona klienta X Gotowy motyw

Visual Composer

Niestety migracja starych danych motywu nie działa :(

Przykład

Strona klienta X Gotowy motyw

Visual Composer

Pracy na kilkanaście roboczogodzin by doprowadzić

stronę do działania po aktualizacji

Przykład

Strona klienta X Gotowy motyw

Visual Composer

Lub pozostanie z nieaktualnymi wtyczkami i starym WP

Przykład

Strona klienta X Gotowy motyw

W takim układzie problem w ogóle by nie zaistniał

Gdzie naprawdę leżał problem?

Wtyczki w przeciwieństwie do WordPressa mają najczęściej aktywnie

rozwijaną tylko jedną gałąź

WordPress

4.0

4.1

4.2

4.3

4.0.10

4.1.8

4.2.5

4.3.3

Podane wersje są przykładowe i nie mają związku z rzeczywistymi wersjami WP

4.0.4

Typowa wtyczka

4.0

4.1

4.2

4.3

4.1.3

4.2.2

4.3.3

4.0.5

Jakie jeszcze niespodzianki czekają nas w związku z upgrade'em?

Alpha

Beta

Release Candidate

Wydanie Stabilne

Alpha

Beta

Release Candidate

Wydanie Stabilne

Najlepiej zacząć tu testować

Alpha

Beta

Release Candidate

Wydanie Stabilne Niektórzy jednak zaczynają testować tutaj ;)

Alpha

Beta

Release Candidate

Wydanie Stabilne

Niestety niektórzy odkrywają, że potrzebują testów dopiero tutaj

🤦

W związku z problemami kompatybilności naszego motywu ZALECAMY nie aktualizować WordPressa do najnowszej wersji 4.5 do czasu ukazania się aktualizacji naszego motywu.

Im mniej modułów na stronie tym lepiej dla Ciebie i Twojego portfela

Wiele z wtyczek można zastąpić kilkoma linijkami kodu w motywie

define( 'WP_POST_REVISIONS', 3 );

Przykład

37 zainstalowanych wtyczek.

Przykład

12 wtyczek zostało po przeglądzie

Przykład

25 węzłów w grafie powiązań mniej

Przykład

25 elementów potrzebujacych aktualizacji mniej

Przykład

25 potencjalnych wektorów ataku mniej

Co daje dedykowany kod?

Prostszy UI

Mniej możliwości to mniejsza szansa zniszczenia wyglądu strony

Wydajniejszy i krótszy kod

Mniejsze ryzyko ataku*

Czym się różni lekarz albo prawnik od dobrego WordPressowca?

"Pan zrobi to logo większe"

"Pan zrobi to logo większe"

"Moja żona mówi, że nasza strona powinna być jednak fioletowa"

"Pan zrobi to logo większe"

"Moja żona mówi, że nasza strona powinna być jednak fioletowa"

"Wie Pan, bo ja ostatnio czytałem, że..."

"Jakoś tego nie czuję..."

🤦

Profesjonalistę poznasz po tym, że potrafi wybić Ci z głowy

głupie pomysły

...a głupie pomysły kosztują ;-)

O "fachowcach" słów kilka

Nie stosowanie się do dobrych praktyk

Cuda w CSSie

Lorem ipsum dolor

Cuda w CSSie

Lorem ipsum dolor

box-shadow: inset ...

Brak wiedzy i samowola użytkownika

Wtyczka robiąca to co robi 5 linijek w CSS powodowała opóźnienie ładowania

się strony o 6-8 sekund.

Brak wiedzy i samowola użytkownika cz.2

Poprzez wgrywanie zdjęć w dużych rozdzielczościach strona główna

ważyła prawie 20MB

Page Speed a zasada Pareto

WordPress wciąż otrzymuje łatki bezpieczeństwa do wersji 3.7 włącznie

https://codex.wordpress.org/WordPress_Versions

Czasem nie potrzebujesz WordPressa

Czasem nie potrzebujesz strony internetowej

Jak jeszcze możesz stracić pieniądze?

Backup backupu

Skuteczny sposób na zwiększenie sobie opłat za hosting ;-)

Dane dostępowe do usług w chmurze zawarte w konfiguracji wtyczek

Dane dostępowe do usług w chmurze zawarte w konfiguracji wtyczek

Gdy ktoś się dostanie do Twojego kokpitu może zacząć kopać na Twój koszt

kryptowaluty na S3

Szantaż domenowy

Szantaż domenowy

Zadbaj o to by domena Twojej strony była zapisana na Ciebie

Na kody AuthInfo czasem trzeba poczekać

Na kody AuthInfo czasem trzeba poczekać

Zupełnym przypadkiem mogą nie dotrzeć do Ciebie przed wygaśnięciem domeny ;-)

Jak żyć?

Opcja 1.

Zleć utrzymanie strony profesjonaliście

Opcja 2.

Stań się profesjonalistą w zarządzaniu swoją stroną

Na dobry początek

Na dobry początek• Zastanów co się stanie gdy Twoja strona padnie

• Przejrzyj swoje wtyczki

• Sprawdź czy masz działający backup strony

• Sprawdź czy wynik w Page Speed nie jest poniżej krytyki

• Jeśli jest, przejrzyj moje prezentacje na temat optymalizacji

• Sprawdź jak zachowuje się Twoja strona na różnych urządzeniach

Na dobry początek• Zastanów co się stanie gdy Twoja strona padnie

• Przejrzyj swoje wtyczki

• Sprawdź czy masz działający backup strony

• Sprawdź czy wynik w Page Speed nie jest poniżej krytyki

• Jeśli jest, przejrzyj moje prezentacje na temat optymalizacji

• Sprawdź jak zachowuje się Twoja strona na różnych urządzeniach

Na dobry początek• Zastanów co się stanie gdy Twoja strona padnie

• Przejrzyj swoje wtyczki

• Sprawdź czy masz działający backup strony

• Sprawdź czy wynik w Page Speed nie jest poniżej krytyki

• Jeśli jest, przejrzyj moje prezentacje na temat optymalizacji

• Sprawdź jak zachowuje się Twoja strona na różnych urządzeniach

Na dobry początek• Zastanów co się stanie gdy Twoja strona padnie

• Przejrzyj swoje wtyczki

• Sprawdź czy masz działający backup strony

• Sprawdź czy wynik w Page Speed nie jest poniżej krytyki

• Jeśli jest, przejrzyj moje prezentacje na temat optymalizacji

• Sprawdź jak zachowuje się Twoja strona na różnych urządzeniach

Na dobry początek• Zastanów co się stanie gdy Twoja strona padnie

• Przejrzyj swoje wtyczki

• Sprawdź czy masz działający backup strony

• Sprawdź czy wynik w Page Speed nie jest poniżej krytyki

• Jeśli jest, przejrzyj moje prezentacje na temat optymalizacji

• Sprawdź jak zachowuje się Twoja strona na różnych urządzeniach

Na dobry początek• Zastanów co się stanie gdy Twoja strona padnie

• Przejrzyj swoje wtyczki

• Sprawdź czy masz działający backup strony

• Sprawdź czy wynik w Page Speed nie jest poniżej krytyki

• Jeśli jest, przejrzyj moje prezentacje na temat optymalizacji

• Sprawdź jak zachowuje się Twoja strona na różnych urządzeniach

Dwie bardzo pomocne wtyczki

Query Monitor

Źródło: https://pl.wordpress.org/plugins/query-monitor/

WP Updates Notifier

Źródło: https://pl.wordpress.org/plugins/wp-updates-notifier/

Pytania?

tomasz@dziuda.com

@dziudek

http://dziudek.pl

http://podstawy-wp.pl

http://www.slideshare.net/dziudek

Tomasz Dziuda