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.

Zrychlujeme WordPress

2,248 views

Published on

Přednáška pro WordCamp Praha 29. 2. 2020 - něco málo o zrychlení frontendu i backendu. Malé opakování neuškodí.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Zrychlujeme WordPress

  1. 1. ZRYCHLUJEME WORDPRESS WORDCAMP PRAHA 29. 2. 2020
  2. 2. WORDPRESS JE POMALÝ!
  3. 3. WORDPRESS NENÍ POMALÝ!
  4. 4. https://www.vzhurudolu.cz/blog/125-wordpress-richman
  5. 5. ULTIMÁTNÍ TEST WEBHOSTINGŮ www.cn130.com DÍKY!
  6. 6. https://giphy.com/gifs/film-total-frankenstein-UCkNDT0ElzpbW BACKEND vs. FRONTEND
  7. 7. 1 PLUGINY Žádný plugin - dobrý plugin!
  8. 8. function neke( $filename ) { return remove_accents( $filename ); } add_filter( 'sanitize_file_name', neke, 10 ); Pevné mezery, SMTP, emoji hovínka...
  9. 9. 2 KEŠOVÁNÍ Kdo nekešuje, jakoby nezrychlil!
  10. 10. 3 OBRÁZKY Vypálí ti to oči...až se to načte!
  11. 11. https://naswp.cz/mistrovska-optimalizace-obrazku-nejen-pro-wordpress/ Mistrovská optimalizace obrázků nejen pro WordPress
  12. 12. 4 DATABÁZE Když nevím, sáhnu si do databáze!
  13. 13. get_field() vs. get_fields() https://www.advancedcustomfields.com/resources/get_fields/
  14. 14. 5 HOSTING Točí se ti pomalu plotny v SSD!
  15. 15. 6 PÉČE Aktualizace je pro sraby!
  16. 16. https://giphy.com/gifs/gina-carano-hunt-QSy4NjdSePCBG FRONTEND
  17. 17. PROBLÉM HLEDEJ VE FRONTENDU ...a u sebe!
  18. 18. 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
  19. 19. CHCETE VÍCE? ASYNC/DEFER LAZY LOADING SKELETONY HTTP/2 PRELOAD/PREFETCH CRITICAL CSS AMP
  20. 20. https://giphy.com/gifs/superman-stairs-a6b4OLwbXw4h2 AUTOOPTIMIZE
  21. 21. JAK MĚŘIT? PAGESPEED INSIGHTS (PSI) WEB.DEV (LIGHTHOUSE) WEBPAGETEST ...
  22. 22. PAGESPEED INSIGHTS developers.google.com/speed/pagespeed/insights/
  23. 23. WEB.DEV web.dev (DevTools)
  24. 24. WEBPAGETEST www.webpagetest.org
  25. 25. https://giphy.com/gifs/xmen-ororo-munroe-first-class-ywsPTLSEzNf4A CO SI ODNÉST?
  26. 26. I. DĚLEJTE POCTIVĚ FRONTEND
  27. 27. II. MINIMALIZUJTE PLUGINY
  28. 28. III. NEVYMÝŠLEJTE HLOUPOSTI
  29. 29. IV. STAROSTLIVOST SE VYPLÁCÍ
  30. 30. V. ZELENÁ ČÍSLA JSOU V POHODĚ
  31. 31. zdroj: https://giphy.com/gifs/foxhomeent-xmen-quicksilver-3oriNYQX2lC6dfW2Ji

×