Optimizing WP

WordPress Optimization
markkelnar | WP Engine @renderandserve | howdy@wpengine.com wpengine.com/optimizing-WordPress
WordCamp Atlanta 2012
Who is this guy?
Head of Technology, System Administration, database, product development at WP Engine
I'm not a power-point guy, please excuse my mistakes. If I had my way, this presentation would look like this
class WCATL extends presentation { protected $name; function __constructor() { parent::__constructor(); $this->name = 'Word Camp Atlanta'; $this->bg_color = '#808080'; } } $p = new WCATL(); $p->scroll();
Why are you here?

You want your site fast Keep readers/customers on your site Survive heavy visitor load Scale When you're on techcrunch, mashable or daringfireball, you want to survive
You are doing it wrong!

But you don't know it.
Who are you?

Site admin, content contributor Designer, theme developer Plugin developer Backend developer, admin, dba, etc.
What can I optimize?

Hosting is about layers, but which one? Layman's term, not that techno-jargon ... HTML, CSS, JS, images, web server, database, WordPress, theme, plugin, cache, minify LAMP, TTL, CDN, cache, Apache, PHP, static content, dynamic content
Where do I start?
Use profiling tools to find your bottleneck WP-Tuner WPDB Profiling WPspeedometer.com Yslow webpagetest.org yougetsignal.com (reverse IP address) Command line fun: `ab -n 100 http://wpengine.com` (Apache Benchmark) `curl -I wpengine.com` (that's a dash-eye)
CDN
Content Delivery Network
Have another service serve your static files (jpg, js, css) from their domain Say that again? Off-load statics (jpg, png, css, js) so it doesn't load from your web server Store static files closer to end user global proximity Paths in your HTML point the browser to the CDN service: cdn.yourdomain.com/wp-content/themes/image.png Cloud cache service (CloudFlare), Amazon S3, etc
CDN
Paths It's all in what your HTML tells the browser
Without CDN <img src="http://markkelnar.com/wp-content/uploads/family.jpg" alt="shredder" /> With CDN <img src="http://mark.some-cdn-service.com/wp-content/uploads/family.jpg" alt="shredder" /> When the service mark.some-cdn-service.com needs the image, after TTL has expired, the cdn service loads (pulls) a fresh copy from markkelnar.com
Off-loading content
Poor-man's CDN, serve images from Flickr Amazon S3 host entire site there, or even just statics Use external source for comments, like disqus-comment-system Popular posts / related content metrics outbrain, nrelate
Reduce, reuse
WPSmush it plugin
Everytime you add an image, it does it for you. Yahoo! Smush all your existing images.
Do the other fun front end developer things

Minimize HTTP requests CSS sprites CSS at the top of the page, JS at the bottom Search for Yahoo performance rules
Ads on your page

Load them asynchronously or maybe iframe. Are your ads cache busting? Do they have to?
Load from multiple sub-domains

yourdomain.com good: foo1.yourdomain.com, foo2.yourdomain.com better: foo1.otherdomain.com, foo2.otheromain2.com Difficult to do. More overhead to configure and support.
That's front end tweaks

Now what? What good is a fast front end with a slow back end? What if the back end can't handle what still comes through?
Review your theme

Theme know your theme. Did you buy it? Codex? Off the street? HTML - does it validate?
CSS at the top, JS at the bottom (not inline)
PHP
- Any weird code (if it looks bad, it probably is) - weary of file_get_contents() / fgets() - base64_decode() (injected malware or unnecessarily compressed code)
Pull your data wisely

What could possibly go bad here?
Keep WP up to date
Why wouldnt you? Code optimizations, core changes, security
Unused plugins
- deactivate plugins you dont use at all - delete plugins you dont use at all
Beware of poor performers

Bad PHP code Poor use of DB calls, update/insert to DB on every page load Don't scale under load, cripple the back end Put stuff on wp-cron scheduler that pops too often.
Ex: (but not limited to)

- backupwordpress backwpup - dynamic-related-posts - google-sitemap-generator - wp-symposium-alerts - broken-link-checker - file-commander - LinkMan (MyReviewPlugin Link Man) - MyRP (MyReviewPlugin)
RSS feed
How many requests to your blog are /feed? Are you using a service like feedburner?
Show me the cache!

Let's start with plugins W3-Total-Cache, WPSuperCache
Has features to do CDN path rewrites, page and object and db caching, minification, cache purging/clearing
WP-Minify
JS, CSS remove white space, comments sent to end user (browser)
Browser Caching
What is it?
(ETags) HTTP Cache-Control, Expires headers, Entity Tags
Already done for me? W3-Total-Cache, WPSuperCache Gzip compression on server and uncompressed in browser
Server side caching

What is it? saves bandwidth and improves performance HTTP Accelerator server reverse proxy caching behind nginx Memcached server object caching, persistent vs transients opcode: caching compiled PHP code bytecode object caching: in memory key-value storage for data, transients page caching: full caching of HTML page Tools for the job:
APC, Eaccerator, Xcache, Zend Optimizer, ionCube
Web server
- Move as much as possible out of Apache - Stand up Nginx in front of Apache (reverse proxy) - Don't run your PHP in Apache at all, use PHP Fast CGI, lighthttpd, etc. - Server static files from disk in Nginx - Put known redirects (301/302 in Nginx config) - Move .htaccess rules to Apache httpd.conf or better yet Nginx config. - Google Page Speed Apache module
MySQL DB
- Optimize tables, clean house - PHPMyAdmin, OptimizeDB, manually - Tables, Innodb (transactional, faster for writes) vs MyISAM (can be less memory) - Master/Slave replication + HyperDB - dedicated server(s) - turn on log and investigate mysql-slow.log - database caching - mysqltuner.pl
If you're reading this, you're too geeky

Server: metal server vs virtual or cloud instance OS: *nix, sun, MS Packages: compiled, package installed Hardware: CPU + cores, memory, SSD disk drives DB: MySQL, Percona,
No-Nos
- Don't edit WP-core files (wp-includes, wp-admin) - Amazon EC2 not silver bullet - Beware of plugins that update database tables on every page load. Use external resources.
Q&A

Optimizing WP

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Optimizing WP

Uploaded by

Copyright:

Available Formats

WordPress Optimization

WordCamp Atlanta 2012

Why are you here?

You are doing it wrong!

Who are you?

What can I optimize?

Do the other fun front end developer things

Ads on your page

Load from multiple sub-domains

That's front end tweaks

Review your theme

Pull your data wisely

Beware of poor performers

Ex: (but not limited to)

Show me the cache!

Server side caching

If you're reading this, you're too geeky

You might also like