21 ways to make wordpress fast

63
21 Ways to Make WordPress Fast

Upload: jason-mccreary

Post on 22-Jul-2015

194 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: 21 Ways to Make WordPress Fast

21 Ways to Make WordPress Fast

Page 2: 21 Ways to Make WordPress Fast

JMac

Page 3: 21 Ways to Make WordPress Fast

21 Ways to Make WordPress Fast

Page 4: 21 Ways to Make WordPress Fast

“I hate slow sites. I hate them. I hate slow sites even more than I like fast sites. And there’s a difference…”

Page 5: 21 Ways to Make WordPress Fast

Yes, WordPress is slow.

Page 6: 21 Ways to Make WordPress Fast

!in_array($focus,'performance');

Page 7: 21 Ways to Make WordPress Fast

in_array($focus,'compatibility');

Page 8: 21 Ways to Make WordPress Fast

You can make WordPress fast!

Page 9: 21 Ways to Make WordPress Fast

But weight…

Page 10: 21 Ways to Make WordPress Fast
Page 11: 21 Ways to Make WordPress Fast

time[total] = time[client] + time[network]+ time[server] + time[wordpress] + time[database]

Page 12: 21 Ways to Make WordPress Fast

Client

Page 13: 21 Ways to Make WordPress Fast

Goal

Page 14: 21 Ways to Make WordPress Fast

facilitate the browser in rendering the page as quickly as possible

Page 15: 21 Ways to Make WordPress Fast

“80-90% of the end-user response time is spent on the front-end. Start there.”

- Steve Sounders, “Performance Golden Rule”

Page 16: 21 Ways to Make WordPress Fast

#1 Valid Code

Page 17: 21 Ways to Make WordPress Fast
Page 18: 21 Ways to Make WordPress Fast

#2 Move CSS to the top, JavaScript to the bottom

Page 19: 21 Ways to Make WordPress Fast

#3 Use CSS Image Sprites

Page 20: 21 Ways to Make WordPress Fast

.nav-logo-large #nav-logo {! background-image: url(sprite.png);!    background-position: -119px -9px;!    height: 35px;!    width: 111px;!}

Page 21: 21 Ways to Make WordPress Fast

Network

Page 22: 21 Ways to Make WordPress Fast

Goal• Optimize traffic

• Limit or parallelize requests

• Decrease size and frequency of responses

Page 23: 21 Ways to Make WordPress Fast

#4 Multiple/Static Domains

Page 24: 21 Ways to Make WordPress Fast
Page 25: 21 Ways to Make WordPress Fast

#5 Content Delivery Networks

Page 26: 21 Ways to Make WordPress Fast
Page 27: 21 Ways to Make WordPress Fast

#6 Minification

Page 28: 21 Ways to Make WordPress Fast

#7 Compression

Page 29: 21 Ways to Make WordPress Fast

AddOutputFilterByType DEFLATE! text/html! text/css! text/javascript

Page 30: 21 Ways to Make WordPress Fast

#8 Resource Caching

Page 31: 21 Ways to Make WordPress Fast

Header unset ETag!FileETag None !ExpiresActive On!ExpiresByType image/gif "access plus 6 months"!ExpiresByType image/jpeg "access plus 6 months"!ExpiresByType image/png "access plus 6 months"!ExpiresByType text/css "access plus 6 months"!ExpiresByType text/javascript "access plus 6 months"

Page 32: 21 Ways to Make WordPress Fast
Page 33: 21 Ways to Make WordPress Fast

#9 Redirects

Page 34: 21 Ways to Make WordPress Fast

WordPress

Page 35: 21 Ways to Make WordPress Fast

Goals• Facilitate Client goals

• Facilitate Network goals

• Execute as little WordPress code as possible

Page 36: 21 Ways to Make WordPress Fast

#10 Trackbacks and Pingbacks

Page 37: 21 Ways to Make WordPress Fast

#11 Permalink Settings

Page 38: 21 Ways to Make WordPress Fast
Page 39: 21 Ways to Make WordPress Fast

#12 Reading Settings

Page 40: 21 Ways to Make WordPress Fast
Page 41: 21 Ways to Make WordPress Fast

#13 Comments and Gravatar

Page 42: 21 Ways to Make WordPress Fast
Page 43: 21 Ways to Make WordPress Fast

#14 Sharing Widgets

Page 44: 21 Ways to Make WordPress Fast

#15 Use Less Plugins

Page 45: 21 Ways to Make WordPress Fast

#16 WordPress Caching

Page 46: 21 Ways to Make WordPress Fast

Server

Page 47: 21 Ways to Make WordPress Fast

Goal

Page 48: 21 Ways to Make WordPress Fast

respond as quickly as possible

Page 49: 21 Ways to Make WordPress Fast

#17 Apache Configuration

Page 50: 21 Ways to Make WordPress Fast

RewriteEngine On!RewriteRule ^index\.php$ - [L]!RewriteCond %{REQUEST_FILENAME} !-f!RewriteCond %{REQUEST_FILENAME} !-d!RewriteRule . /index.php [L]

Page 51: 21 Ways to Make WordPress Fast

FallbackResource /index.php

Page 52: 21 Ways to Make WordPress Fast

#18 PHP Caching

Page 53: 21 Ways to Make WordPress Fast

#19 Page Caching

Page 54: 21 Ways to Make WordPress Fast

Database

Page 55: 21 Ways to Make WordPress Fast

Goal

Page 56: 21 Ways to Make WordPress Fast

understand how WordPress uses your database

Page 57: 21 Ways to Make WordPress Fast

#20 Database Optimizations

Page 58: 21 Ways to Make WordPress Fast

#21 Extra Data

Page 59: 21 Ways to Make WordPress Fast
Page 60: 21 Ways to Make WordPress Fast

tl;dl#16 WordPress Caching

#7 Compression

#8 Resource Caching

#3 Move CSS to the top, JavaScript to the bottom

Page 61: 21 Ways to Make WordPress Fast

To the extreme…• Change Hosting

• Reverse Proxy Server (nginx, varnish, etc)

• Don’t use WordPress (in production)

Page 63: 21 Ways to Make WordPress Fast

Ask Questions!@gonedark

[email protected]