Moja prezentacja z WordUp Kraków 10.XI.2017

1. Jak Twoja strona może wygenerować
niespodziewane koszta?
Tomasz Dziuda
WordUp Kraków @ 10.XI.2017

2. DOBRZE SZYBKO
TANIO
Wybierz dwa

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

5. SEO
AktualizacjePopraw
kiZm
iany
koncepcji
N
ow
e
funkcje
D
ostosow
anie
do
rynku
N
ow
e
treści
Im
plem
entacja
...

6. Dług technologiczny

7. SZYBKO
TANIO

8. SZYBKO
TANIO
ACAP
ASAP

9. Zły kod ;) Dobry kod ;)

10. Zły kod ;) Dobry kod ;)
Nowa funkcja 1
Nowa funkcja 1

11. Zły kod ;) Dobry kod ;)
Nowa funkcja 1
Nowa funkcja 1
Nowa funkcja 2
Nowa funkcja 2

12. Zły kod ;) Dobry kod ;)
Nowa funkcja 1
Nowa funkcja 1
Nowa funkcja 2
Nowa funkcja 2
Nowa funkcja 3
Nowa funkcja 3

13. Zły kod ;) Dobry kod ;)
Nowa funkcja 1
Nowa funkcja 1
Nowa funkcja 2
Nowa funkcja 2
Nowa funkcja 3
Nowa funkcja 3

15. Technologiczna upadłość konsumencka ;)

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

17. Przykład
Strona klienta X

18. Przykład
Strona klienta X
Gotowy
motyw

19. Przykład
Strona klienta X
Gotowy
motyw
Visual
Composer

20. Przykład
Strona klienta X
Gotowy
motyw
Visual
Composer
Visual Composer
przestał działać
po aktualizacji WP

21. Przykład
Strona klienta X
Gotowy
motyw
Visual
Composer
Visual Composer
wymaga upgrade
by znów działać

22. Przykład
Strona klienta X
Gotowy
motyw
Visual
Composer
Motyw wymaga
upgrade by działać z
nowym Visual Composer

23. Przykład
Strona klienta X
Gotowy
motyw
Visual
Composer
Niestety migracja starych
danych motywu nie działa :(

24. Przykład
Strona klienta X
Gotowy
motyw
Visual
Composer
Pracy na kilkanaście
roboczogodzin by doprowadzić
stronę do działania po aktualizacji

25. Przykład
Strona klienta X
Gotowy
motyw
Visual
Composer
Lub pozostanie z nieaktualnymi wtyczkami i starym WP

26. Przykład
Strona klienta X
Gotowy
motyw
W takim układzie problem w ogóle by nie zaistniał

27. Gdzie naprawdę leżał
problem?

28. Wtyczki w przeciwieństwie do
WordPressa mają najczęściej aktywnie
rozwijaną tylko jedną gałąź

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

30. Typowa wtyczka
4.0
4.1
4.2
4.3
4.1.3
4.2.2
4.3.3
4.0.5

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

32. Alpha
Beta
Release Candidate
Wydanie Stabilne

33. Alpha
Beta
Release Candidate
Wydanie Stabilne
Najlepiej zacząć tu testować

34. Alpha
Beta
Release Candidate
Wydanie Stabilne Niektórzy jednak zaczynają
testować tutaj ;)

35. Alpha
Beta
Release Candidate
Wydanie Stabilne
Niestety niektórzy odkrywają, że potrzebują testów dopiero tutaj

36. 🤦
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.

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

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

40. define( 'WP_POST_REVISIONS', 3 );

41. Przykład
37
zainstalowanych wtyczek.

42. Przykład
12
wtyczek zostało po przeglądzie

43. Przykład
25
węzłów w grafie powiązań mniej

44. Przykład
25
elementów potrzebujacych aktualizacji mniej

45. Przykład
25
potencjalnych wektorów ataku mniej

46. Co daje dedykowany kod?

47. Prostszy UI

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

49. Wydajniejszy i krótszy kod

50. Mniejsze ryzyko ataku*

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

52. "Pan zrobi to logo większe"

53. "Pan zrobi to logo większe"
"Moja żona mówi, że nasza strona
powinna być jednak fioletowa"

54. "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..."

55. "Jakoś tego nie czuję..."
🤦

56. Profesjonalistę poznasz po
tym, że potrafi wybić Ci z głowy
głupie pomysły

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

58. O "fachowcach" słów kilka

59. Nie stosowanie się do
dobrych praktyk

60. Cuda w CSSie
Lorem ipsum dolor

61. Cuda w CSSie
Lorem ipsum dolor
box-shadow: inset ...

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

63. Brak wiedzy i samowola
użytkownika cz.2
Poprzez wgrywanie zdjęć w dużych
rozdzielczościach strona główna
ważyła prawie 20MB

64. Page Speed a zasada
Pareto

65. WordPress wciąż otrzymuje łatki
bezpieczeństwa do wersji 3.7 włącznie
https://codex.wordpress.org/WordPress_Versions

66. Czasem nie potrzebujesz
WordPressa

67. Czasem nie potrzebujesz
strony internetowej

68. Jak jeszcze możesz stracić
pieniądze?

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

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

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

72. Szantaż domenowy

73. Szantaż domenowy
Zadbaj o to by domena Twojej strony
była zapisana na Ciebie

74. Na kody AuthInfo czasem
trzeba poczekać

75. Na kody AuthInfo czasem
trzeba poczekać
Zupełnym przypadkiem mogą nie dotrzeć
do Ciebie przed wygaśnięciem domeny ;-)

76. Jak żyć?

77. Opcja 1.
Zleć utrzymanie strony profesjonaliście

78. Opcja 2.
Stań się profesjonalistą w zarządzaniu swoją stroną

79. Na dobry początek

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

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

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

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

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

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

86. Dwie bardzo pomocne
wtyczki

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

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

89. Pytania?

90. tomasz@dziuda.com
@dziudek
http://dziudek.pl
http://podstawy-wp.pl
http://www.slideshare.net/dziudek
Tomasz Dziuda