CDN
– Network of servers around the world that cache static files closer to your visitors
– Jetpack Photon (CDN-ish but also free)
Compress Images:
– WP Smush it wordpress.org/plugins/wp-smushit…
– Kraken wordpress.org/plugins/kraken-ima…
– EWWW wordpress.org/plugins/ewww-image…
HTML5 Boiler Plate nginx server configs for better server performance github.com/h5bp/server-configs-n…
HTML5 Boiler Plate Apache Server Configs for better server performance github.com/h5bp/server-configs-a…
Cache static content:
Once a browser downloads a static file it can hold on to it for later to save requests back to the server.
Keep-Alive header
– Keeps a connection open between the browser and server
– Saves time
– Most sites have these enabled by default
Time to first byte – the amount of time it takes your server to send a browser the first byte of your page.
#WCAVL
Google Page Insights can also help. More user friendly. Not as granular.
Chrome extension to launch the current URL on WebPageTest.org chrome.google.com/webstore/detai…
webpagetests.org will help you debug performance issues with your site.
EasyEngine.io is a software script to install server software, modules, and WordPress on a server easy. Sysadmin in a box
Hosting super fast WordPress websites on a budget; staring in 10 minutes at the developer room! Slides at bit.ly/lew1wcavl #WCAVL
Lunch was so good you guys #WCAVL
JS Framework Easiness Rankings:
– Angular
– Backbone
– React
– Ember
Angular vs Backbone vs React vs Ember gist.github.com/makmanalp/9b7f50…
WP-API complaint: JSON convention is an object and then a data key. WP-API is an array of objects.
Should use Webpack if you’re using React not Gulp or Grunt
React
– WordPress’ Calypso uses React github.com/Automattic/wp-calypso
– Good way to get into React
React
– Server-side renderable
– Components work on the fronted and backend
React
– Just compares about state components
– Redux lets you go back and forward in time via a JSON blob
#WCAVL