Successfully reported this slideshow.
Your SlideShare is downloading. ×

Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Upcoming SlideShare
Webhosting pre WordPress
Webhosting pre WordPress
Loading in …3
×

Check these out next

1 of 44 Ad

Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)

Download to read offline

Videl som WordPress weby, ktoré sa načítavajú viac ako 20 sekúnd ale aj také, ktorým to trvá menej ako sekundu. Bez ohľadu na ich veľkosť či návštevnosť. Čím to je? Ako to robiť správne? Rád sa s vami podelím o svoje skúsenosti s onpage optimalizáciou na webe i dimenzovaní infraštruktúry, na ktorej bežia veľké a navštevované, no stále krásne rýchle weby.

Videl som WordPress weby, ktoré sa načítavajú viac ako 20 sekúnd ale aj také, ktorým to trvá menej ako sekundu. Bez ohľadu na ich veľkosť či návštevnosť. Čím to je? Ako to robiť správne? Rád sa s vami podelím o svoje skúsenosti s onpage optimalizáciou na webe i dimenzovaní infraštruktúry, na ktorej bežia veľké a navštevované, no stále krásne rýchle weby.

Advertisement
Advertisement

More Related Content

Advertisement

Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)

  1. 1. Rýchly WordPress pre návštevníka aj správcu Karol Vörös, Webglobe - Yegon
  2. 2. Základné otázky • Čo chceme dosiahnúť? • čas/dáta • menej € na prevádzku • Prečo? • aktuálny stav je zlý (20s/padá) • postavenie na trhu • AKO NA TO? • Čo ak to nespravíme?
  3. 3. Mizernú rýchlosť webu nespôsobuje nedostatok… skôr prebytok.
  4. 4. Kvalita > kvantita “The number of plugins is less important than the quality of them… Zdroj: woothemes.com
  5. 5. Kedy optimalizovať? • Ak sa stránka načíta viac ako 3-5 sekúnd? • Ak vyžaduje niekoľko 2-5 MB na načítanie?
  6. 6. Ak mám pocit, že by to malo byť lepšie
  7. 7. Čo vplýva na rýchlosť • Hosting • Počet úloh • Veľkosť
  8. 8. Čo vplýva na rýchlosť • Hosting • Počet úloh • Veľkosť
  9. 9. 1 Requesty a počet úloh Nastaviť cache Nenačítavať nepotrebné súbory (CSS, JS,…) Nastaviť exspiráciu zdrojov CSS Image Sprites …
  10. 10. Dobrá cache • Cache pluginy • Inhouse na hostingu
  11. 11. CSS, všade samé CSS
  12. 12. CSS, všade samé CSS
  13. 13. Expires header • Vhodné pre “statický obsah” • Vracajúci sa používatelia
  14. 14. CSS Image Sprites Zdroj: crunchify.com
  15. 15. 1 Requesty a počet úloh Nastaviť cache Nenačítavať nepotrebné súbory (CSS, JS,…) Nastaviť exspiráciu zdrojov CSS Image Sprites …
  16. 16. Najväčšiu úlohu zohráva šablóna
  17. 17. Čo vplýva na rýchlosť • Hosting • Requesty • Veľkosť
  18. 18. 2 Veľkosť Obrázky Minifikácia CSS, JS g-zip kompresia
  19. 19. Optimalizácia obrázkov • Vhodné formáty (JPG, PNG, SVG) • Rozmery • Kompresia
  20. 20. Optimalizácia obrázkov • Ručne • Automaticky • WP-Smush (remote) • EWWW Image Optimizer (locale) • <100KB
  21. 21. 2 Veľkosť Obrázky Minifikácia CSS, JS g-zip kompresia …
  22. 22. Čo vplýva na rýchlosť • Hosting • Requesty • Veľkosť
  23. 23. 3 Hosting “When your house is sinking into the ground, you don’t polish the windows — you fix the foundations. The same goes for your website. If it’s hosted on a sluggish server or has a bloated theme, quick fixes won’t help. You’ll need to fix the foundation.” Zdroj: smashingmagazine.com
  24. 24. 3 Hosting Výkon a dostupné zdroje Škálovateľnosť Nastavenie webservera CDN …
  25. 25. 0 17,5 35 52,5 70 Apríl Máj Jún Júl WordPress je celkom dobre škálovateľný. 
  26. 26. Load time: 1,16s
  27. 27. Load time: 1,34s
  28. 28. Dostupná infraštruktúra • Zdieľaný webhosting • VPS hosting • Cloud • Dedikované servery
  29. 29. WP hosting od Webglobe - Yegon • Pamäť a limity (memory_limit 256MB) • PHP7 • Dobre nastavená cache (priamo na serveri) • Rýchle databázy (MariaDB, SSD) • Výsledok: minimálne o 35% rýchlejší CELÝ WP
  30. 30. Aktuálne hodnoty • phpinfo() • admin nástroje hostingu • “Stav systému” vo WC • ../wp-includes/default- constants.php
  31. 31. Raz aj ten najlepší zdieľaný hosting prestane stačiť…
  32. 32. Zdieľaný webhosting
  33. 33. Vlastný virtuálny server
  34. 34. 3 Hosting Výkon a dostupné zdroje Škálovateľnosť Nastavenie webservera CDN …
  35. 35. Užitočné nástroje • http://tools.pingdom.com/ • https://developers.google.com/speed/pagespeed/ insights/ • https://gtmetrix.com/ • Google Analytics
  36. 36. Rekapitulácia • kvalita > kvantita • ľudí zaujíma obsah, nie widgety • menej úloh & dát • dobrý hosting nie je nikdý zlý • zvážte čo má prínos
  37. 37. Nie všetko je veľká veda…
  38. 38. Nezabudnite na stránkovanie :)
  39. 39. Ďakujem #wcbratislava Karol Vörös @kavoros www.webglobe.sk www.yegon.sk

×