Best possible WP Stack (TM)

My talk at Barcamp Salzburg about a high performance Wordpress stack.

Transcript

1. Best%possible%WP%Stack David&Thomas&Grübl David&Thomas&Grübl&1&dtg.sexy/ 1
2. h"ps:/ /educa,on.github.com/pack David&Thomas&Grübl&1&dtg.sexy/ 2
3. Server%stack%1/3 • Digitalocean,Droplet • Ubuntu,14.04 • self8compiled,NGINX,,including • google,pagespeed,module • ssl,module • spdy,module David&Thomas&Grübl&1&dtg.sexy/ 3
4. David&Thomas&Grübl&1&dtg.sexy/ 4
5. Server%stack%2/3 • HipHop&Virtual&Machine&(HHVM) • open4source,&by&Facebook • 2&4&20x&faster&than&"normal"&PHP • compiles&PHP&Just&in&Time&(JIT)&to&intermediate&bitecode David&Thomas&Grübl&1&dtg.sexy/ 5
6. Server%stack%3/3 • Maria&DB • dropin&replacement&for&MSQL • speed&op7mized David&Thomas&Grübl&1&dtg.sexy/ 6
7. David&Thomas&Grübl&1&dtg.sexy/ 7
8. Content&Delivery-Network • Amazon(Webservices(1(Cloudfront • Images,(HTML,(CSS(and(JS(are(served(by(AWS • increases(speed(massively(by(short(physical(distances • replicated(to(over(55(servers(all(over(the(world David&Thomas&Grübl&1&dtg.sexy/ 8
9. David&Thomas&Grübl&1&dtg.sexy/ 9
10. Wordpress(4.0(stack • Genesis'Framework • extends'Wordpress'further'as'CMS • adds'addi:onal'op:ons'for'SEO'improvements • improves'WP'security David&Thomas&Grübl&1&dtg.sexy/ 10
11. h"ps:/ /github.com/cdukes/bones4for4genesis4240 David&Thomas&Grübl&1&dtg.sexy/ 11
12. David&Thomas&Grübl&1&dtg.sexy/ 12
13. • Automa(c*JS*concatena(on • Automa(c*JS*minifica(on*(Uglify) • Automa(c*image*op(miza(on*(JPEG,*PNG,*GIF) • SASS*&*Compass*support • Autoprefixer*and*CSS*minifica(on*support • Watches*for*file*changes,*and*no(fies*on*error David&Thomas&Grübl&1&dtg.sexy/ 13
14. • display)database)query)info)in)your)footer • preloaded)javascript)libraries: • FitVids.js • iOS<Orienta=onchange<Fix • SVGeezy Sass: <)unstyled,)nested)selec=ons <)skeleton)of)helpful)aEribute)resets)and)sugges=ons David&Thomas&Grübl&1&dtg.sexy/ 14
15. David&Thomas&Grübl&1&dtg.sexy/ 15
16. W3C$Total$Cache • Page&Cache • Minify&(size&and&number)&of&HTML,&CSS,&JS • Database&Cache&(reduce&queries) • Browser&Cache • CDN&(Cloudfront) David&Thomas&Grübl&1&dtg.sexy/ 16
17. David&Thomas&Grübl&1&dtg.sexy/ 17
18. con$nuous'integra$on • push&to&github • github&no-fies&travis • travis&pulls&repo • travis&tests&the&code • deploy&with&a8er_success&hook David&Thomas&Grübl&1&dtg.sexy/ 18
19. David&Thomas&Grübl&1&dtg.sexy/ 19