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.

1. Rýchly WordPress
pre návštevníka aj správcu
Karol Vörös, Webglobe - Yegon

3. 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?

4. Mizernú rýchlosť webu
nespôsobuje nedostatok…
skôr prebytok.

5. Kvalita > kvantita
“The number of plugins is less
important than the quality of them…
Zdroj: woothemes.com

6. 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?

7. Ak mám pocit, že by to
malo byť lepšie

8. Čo vplýva na rýchlosť
• Hosting
• Počet úloh
• Veľkosť

9. Čo vplýva na rýchlosť
• Hosting
• Počet úloh
• Veľkosť

10. 1 Requesty a počet úloh
Nastaviť cache
Nenačítavať nepotrebné súbory (CSS, JS,…)
Nastaviť exspiráciu zdrojov
CSS Image Sprites
…

11. Dobrá cache
• Cache pluginy
• Inhouse na hostingu

12. CSS, všade samé CSS

13. CSS, všade samé CSS

14. Expires header
• Vhodné pre “statický obsah”
• Vracajúci sa používatelia

15. CSS Image Sprites
Zdroj: crunchify.com

16. 1 Requesty a počet úloh
Nastaviť cache
Nenačítavať nepotrebné súbory (CSS, JS,…)
Nastaviť exspiráciu zdrojov
CSS Image Sprites
…

17. Najväčšiu úlohu
zohráva šablóna

19. Čo vplýva na rýchlosť
• Hosting
• Requesty
• Veľkosť

20. 2 Veľkosť
Obrázky
Minifikácia CSS, JS
g-zip kompresia

23. Optimalizácia obrázkov
• Vhodné formáty (JPG, PNG, SVG)
• Rozmery
• Kompresia

24. Optimalizácia obrázkov
• Ručne
• Automaticky
• WP-Smush (remote)
• EWWW Image Optimizer (locale)
• <100KB

25. 2 Veľkosť
Obrázky
Minifikácia CSS, JS
g-zip kompresia
…

26. Čo vplýva na rýchlosť
• Hosting
• Requesty
• Veľkosť

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

28. 3 Hosting
Výkon a dostupné zdroje
Škálovateľnosť
Nastavenie webservera
CDN
…

29. 0
17,5
35
52,5
70
Apríl Máj Jún Júl
WordPress je celkom
dobre škálovateľný.

30. Load time: 1,16s

31. Load time: 1,34s

32. Dostupná infraštruktúra
• Zdieľaný webhosting
• VPS hosting
• Cloud
• Dedikované servery

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

34. Aktuálne hodnoty
• phpinfo()
• admin nástroje hostingu
• “Stav systému” vo WC
• ../wp-includes/default-
constants.php

35. Raz aj ten najlepší zdieľaný
hosting prestane stačiť…

36. Zdieľaný webhosting

37. Vlastný virtuálny server

39. 3 Hosting
Výkon a dostupné zdroje
Škálovateľnosť
Nastavenie webservera
CDN
…

40. Užitočné nástroje
• http://tools.pingdom.com/
• https://developers.google.com/speed/pagespeed/
insights/
• https://gtmetrix.com/
• Google Analytics

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

42. Nie všetko je veľká
veda…

43. Nezabudnite na stránkovanie :)

44. Ďakujem #wcbratislava
Karol Vörös
@kavoros
www.webglobe.sk
www.yegon.sk