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.
Rýchly WordPress
pre návštevníka aj správcu
Karol Vörös, Webglobe - Yegon
Základné otázky
• Čo chceme dosiahnúť?
• čas/dáta
• menej € na prevádzku
• Prečo?
• aktuálny stav je zlý (20s/padá)
• post...
Mizernú rýchlosť webu
nespôsobuje nedostatok…
skôr prebytok.
Kvalita > kvantita
“The number of plugins is less
important than the quality of them…
Zdroj: woothemes.com
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?
Ak mám pocit, že by to
malo byť lepšie
Čo vplýva na rýchlosť
• Hosting
• Počet úloh
• Veľkosť
Čo vplýva na rýchlosť
• Hosting
• Počet úloh
• Veľkosť
1 Requesty a počet úloh
Nastaviť cache
Nenačítavať nepotrebné súbory (CSS, JS,…)
Nastaviť exspiráciu zdrojov
CSS Image Spr...
Dobrá cache
• Cache pluginy
• Inhouse na hostingu
CSS, všade samé CSS
CSS, všade samé CSS
Expires header
• Vhodné pre “statický obsah”
• Vracajúci sa používatelia
CSS Image Sprites
Zdroj: crunchify.com
1 Requesty a počet úloh
Nastaviť cache
Nenačítavať nepotrebné súbory (CSS, JS,…)
Nastaviť exspiráciu zdrojov
CSS Image Spr...
Najväčšiu úlohu
zohráva šablóna
Čo vplýva na rýchlosť
• Hosting
• Requesty
• Veľkosť
2 Veľkosť
Obrázky
Minifikácia CSS, JS
g-zip kompresia
Optimalizácia obrázkov
• Vhodné formáty (JPG, PNG, SVG)
• Rozmery
• Kompresia
Optimalizácia obrázkov
• Ručne
• Automaticky
• WP-Smush (remote)
• EWWW Image Optimizer (locale)
• <100KB
2 Veľkosť
Obrázky
Minifikácia CSS, JS
g-zip kompresia
…
Čo vplýva na rýchlosť
• Hosting
• Requesty
• Veľkosť
3 Hosting
“When your house is sinking into
the ground, you don’t polish the
windows — you fix the
foundations. The same goe...
3 Hosting
Výkon a dostupné zdroje
Škálovateľnosť
Nastavenie webservera
CDN
…
0
17,5
35
52,5
70
Apríl Máj Jún Júl
WordPress je celkom
dobre škálovateľný. 
Load time: 1,16s
Load time: 1,34s
Dostupná infraštruktúra
• Zdieľaný webhosting
• VPS hosting
• Cloud
• Dedikované servery
WP hosting
od Webglobe - Yegon
• Pamäť a limity (memory_limit 256MB)
• PHP7
• Dobre nastavená cache (priamo na serveri)
• ...
Aktuálne hodnoty
• phpinfo()
• admin nástroje hostingu
• “Stav systému” vo WC
• ../wp-includes/default-
constants.php
Raz aj ten najlepší zdieľaný
hosting prestane stačiť…
Zdieľaný webhosting
Vlastný virtuálny server
3 Hosting
Výkon a dostupné zdroje
Škálovateľnosť
Nastavenie webservera
CDN
…
Užitočné nástroje
• http://tools.pingdom.com/
• https://developers.google.com/speed/pagespeed/
insights/
• https://gtmetri...
Rekapitulácia
• kvalita > kvantita
• ľudí zaujíma obsah, nie widgety
• menej úloh & dát
• dobrý hosting nie je nikdý zlý
•...
Nie všetko je veľká
veda…
Nezabudnite na stránkovanie :)
Ďakujem #wcbratislava
Karol Vörös
@kavoros
www.webglobe.sk
www.yegon.sk
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)
Upcoming SlideShare
Loading in …5
×

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

174 views

Published on

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.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

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

×