1. ZRYCHLUJEME
WORDPRESS
WORDCAMP PRAHA 29. 2. 2020

2. WORDPRESS
JE POMALÝ!

3. WORDPRESS
NENÍ POMALÝ!

4. https://www.vzhurudolu.cz/blog/125-wordpress-richman

5. ULTIMÁTNÍ TEST
WEBHOSTINGŮ
www.cn130.com
DÍKY!

6. https://giphy.com/gifs/film-total-frankenstein-UCkNDT0ElzpbW
BACKEND vs. FRONTEND

8. 1 PLUGINY
Žádný plugin - dobrý plugin!

9. function neke( $filename ) {
return remove_accents( $filename );
}
add_filter( 'sanitize_file_name', neke, 10 );
Pevné mezery, SMTP, emoji hovínka...

10. 2 KEŠOVÁNÍ
Kdo nekešuje, jakoby nezrychlil!

11. 3 OBRÁZKY
Vypálí ti to oči...až se to načte!

12. https://naswp.cz/mistrovska-optimalizace-obrazku-nejen-pro-wordpress/
Mistrovská
optimalizace
obrázků
nejen pro WordPress

13. 4 DATABÁZE
Když nevím, sáhnu si do databáze!

14. get_field()
vs.
get_fields()
https://www.advancedcustomfields.com/resources/get_fields/

15. 5 HOSTING
Točí se ti pomalu plotny v SSD!

16. 6 PÉČE
Aktualizace je pro sraby!

18. https://giphy.com/gifs/gina-carano-hunt-QSy4NjdSePCBG
FRONTEND

19. PROBLÉM HLEDEJ
VE FRONTENDU
...a u sebe!

20. DĚLEJTE POCTIVĚ
MINIFIKUJTE CSS, JS, HTML
GZIPUJTE, KOMPRIMUJTE
KEŠUJTE, POUŽÍVEJTE CDN
NEBLOKUJTE NAČÍTÁNÍ CSS, JS
OPTIMALIZUJTE OBRÁZKY
POUŽÍVEJTE SVG A SPRÁVNÉ FORMÁTY
...a ty další cool věci

21. CHCETE VÍCE?
ASYNC/DEFER
LAZY LOADING
SKELETONY
HTTP/2
PRELOAD/PREFETCH
CRITICAL CSS
AMP

22. https://giphy.com/gifs/superman-stairs-a6b4OLwbXw4h2
AUTOOPTIMIZE

23. JAK MĚŘIT?
PAGESPEED INSIGHTS (PSI)
WEB.DEV (LIGHTHOUSE)
WEBPAGETEST
...

24. PAGESPEED INSIGHTS
developers.google.com/speed/pagespeed/insights/

25. WEB.DEV
web.dev (DevTools)

26. WEBPAGETEST
www.webpagetest.org

27. https://giphy.com/gifs/xmen-ororo-munroe-first-class-ywsPTLSEzNf4A
CO SI ODNÉST?

28. I. DĚLEJTE POCTIVĚ
FRONTEND

29. II. MINIMALIZUJTE
PLUGINY

30. III. NEVYMÝŠLEJTE
HLOUPOSTI

31. IV. STAROSTLIVOST
SE VYPLÁCÍ

32. V. ZELENÁ ČÍSLA
JSOU V POHODĚ

33. zdroj: https://giphy.com/gifs/foxhomeent-xmen-quicksilver-3oriNYQX2lC6dfW2Ji