WordPress Need for Speed presentation

1. WordPress
Need for Speed
Or How I Learned to Stop
Worrying and Love the Traffic
Load.

2. Who Am I?
Background Story
Objectives
On Rendering Speed
On Processing Speed
Conclusion

3. Pascal Deschenes
Technologist, Nu Echo Co-Founder
@pdeschen
http://about.me/pdeschen

4. Background Story

5. When your
blog meld
down.

6. ,, To one who
waits, a
moment seems
a year.

7. A 1-second
delay in page
load time
equals 11%
fewer page
views.
source: Aberdeen Group

8. On Rendering Speed
Elapse Time for a Page
to Load Completely

9. Play the Page Speed Game

10. Tracking Speed with Google Analytics
_gaq.push(['_trackPageLoadTime']);

11. A Web Page in
a Browser is
like a Jigsaw.

12. On Images
Optimize your image resolution
Do not rely on browser image scaling
Have a (small) favicon

13. On Scripts and Styles
Scripts to the Bottom
CSS to the Top
Combine & Minify
Limit Inline CSS & JavaScript

14. On Requests
Move Static Content Away
Minimize Requests
Reduce DNS Look-Up
Limit Cookies Size

15. CDN Stands for
Content Delivery
Network
not Canada.

16. On Processing Speed
Elapse Time
to Serve a Page

17. All Web Servers
Aren't Equals
siege -c 250 http://blog.foo.bar
ab -q -n 2500 -c 250 http://blog.foo.bar

18. How may I serve you?
Add Expire Headers
Compress Content
Minimize Redirect
Workers are your Friends

19. WordPress Caching Plugins
source: tutorial9.net

20. HTTP Accelerators: Proxy and Cache
source: Varnish Software

21. Rolling Your Own With nginx
#compress
gzip_buffers 32 8k;
gzip on;
gzip_types
text/html
application/javascript
text/javascript
text/css
text/xml
application/atom+xml
application/xml;
#caching related
proxy_cache_path /var/lib/nginx/cache levels=1:2
keys_zone=staticfilecache:180m max_size=500m;
proxy_temp_path /var/lib/nginx/proxy;
proxy_connect_timeout 30;
proxy_read_timeout 120;
proxy_send_timeout 120;
proxy_cache_key "$scheme://$host$request_uri";

22. Rolling Your Own With nginx
upstream wordpress {
server 127.0.0.1:81 weight=1 fail_timeout=120s;
}
server {
listen 80;
server_name blog.foo.bar;
proxy_cache_valid 200 20m;
access_log /var/log/httpd/nginx-access.log combined;
# for debugging, log cache hit or miss.
log_format up_head '[$time_local] "$request" '
'$status $body_bytes_sent "$http_referer" '
'"$http_x_forwarded_for" "$upstream_cache_status"';
access_log /var/log/nginx/blog.foo.bar-access.log up_head;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
#unless specified, activate the caching
set $do_not_cache 0;

23. Rolling Your Own With nginx
location / {
# If logged in, don't cache.
if ($http_cookie ~*
"comment_author_ | wordpress_(?!test_cookie) | wp-postpass_" ) {
set $do_not_cache 1;
}
proxy_cache_key "$scheme://$host$request_uri $do_not_cache";
proxy_cache staticfilecache;
proxy_pass http://wordpress;
}
location ~* wp-.*.php|wp-admin {
proxy_pass http://wordpress;
}
location ~* .(jpg|png|gif|jpeg|css|js|mp3|swf|pdf)$ {
proxy_cache_valid 200 120m;
expires 864000;
proxy_pass http://wordpress;
proxy_cache staticfilecache;
}
location ~* /[^/]+/(feed|.xml)/? {
proxy_cache_valid 200 45m;
...
}

24. Virtual WordPress Hosting
server_name www.blog.bar;
location / {
proxy_pass http://wordpress/www.blog.bar;
...
}
server_name www.blog.foo;
location / {
proxy_pass http://wordpress/www.blog.foo;
...
}

25. Questions?
blog.rassemblr.com/tag/wordcampmtl
@pdeschen