WordPress Website Optimization for Speed by Devin Walker [LIVEBLOG]

Up next is Devin Walker, talking about WordPress site optimization.

veryone wants a fast website. You, your visitors, Google (especially). WordPress often gets a bad wrap for being “slow”. During this presentation we will explode 25 of the top ways you can speed up your website. This will include mentioning top optimization plugins, hosting solutions, front and back-end tips and tricks and more.

Starting in just a few minutes.

Jonathan Dingman June 1, 20133:27 pm

That’s it! Thanks Devin

Jonathan Dingman June 1, 20133:26 pm

Use a fast DNS web service, like Route53.

Don’t use GoDaddy, they aren’t the fastest.

Jonathan Dingman June 1, 20133:25 pm

Use Akismet to block spam.

Jonathan Dingman June 1, 20133:24 pm

Delete and disable post revisions (or limit them).

[WPForce.com does this, I also recommend it]

Jonathan Dingman June 1, 20133:24 pm

Keep WordPress up to date, always use the latest version of WordPress.

Always backup before you update.

Jonathan Dingman June 1, 20133:24 pm

Oh yeah, don’t install 2 caching plugins at once. Not a good idea.

Jonathan Dingman June 1, 20133:24 pm

Last bit of advice.

Deactivate and delete old plugins.

Keep plugins to a minimum.

Jonathan Dingman June 1, 20133:22 pm

Mobile and Tablet Optimization for WordPress.

Use CSS3 Media Queries, JS, and server-side technology to speed up devices.

Jonathan Dingman June 1, 20133:21 pm

Optimize your database.

Good plugin, WP Optimize.

Jonathan Dingman June 1, 20133:20 pm

P3 Plugin Profiler.

This plugin will look at all your installed plugins and see which ones are resource hogs and which ones perform well.

Jonathan Dingman June 1, 20133:20 pm

Great tools for WordPress and server monitoring…

* New Relic
* WP System Health
* some Hosting Panels

Jonathan Dingman June 1, 20133:17 pm

Use CSS Sprites.

Load one image, resulting in fewer HTTP requests and a faster loading site.

Jonathan Dingman June 1, 20133:16 pm
Jonathan Dingman June 1, 20133:15 pm

Use compression.

Gzip your content so the browser can decompress the gzip and will load the page faster.

Jonathan Dingman June 1, 20133:14 pm

More image optimization plugins…

* imsanity
* WP Smush.it
* FV Gravatar Cache (great for caching Gravatar images and helps reduce load time)

Jonathan Dingman June 1, 20133:14 pm

Hammy is a great plugin to help with loading images and responsive web design.

Jonathan Dingman June 1, 20133:12 pm

EWWW Image Optimizer.

Doesn’t use a third-party service like Smush-it, uses built-in functionality.

Jonathan Dingman June 1, 20133:12 pm

Lazy load.

Another great plugin to help the user experience and page load time.

http://wordpress.org/plugins/lazy-load/

Jonathan Dingman June 1, 20133:09 pm

Photon is a feature of Jetpack, which is powered by WordPress.com — also a free CDN.

Jonathan Dingman June 1, 20133:08 pm

CDNs for JavaScript and CSS.

Recommended plugin is Use Google Libraries.

Jonathan Dingman June 1, 20133:07 pm

Next up: Use a CDN.

What is a CDN? A Content Delivery Network.

[WPForce.com recommends MaxCDN.com]

Jonathan Dingman June 1, 20133:06 pm

Another note, you can minify your HTML by removing the white space, and this will also help your site’s load time.

Jonathan Dingman June 1, 20133:06 pm

Some plugins to minify WordPress:

* WP Minify
* Better WordPress Minify
* JS & CSS Script Optimizer
* Built-in functionality in W3 Total Cache

Jonathan Dingman June 1, 20133:05 pm

REMINDER: Combining CSS and/or JS can cause issues sometimes, so be careful and test to make sure things are working before moving them to production.

Jonathan Dingman June 1, 20133:05 pm

Combine CSS and JS files

It will reduce the number of requests to your server and the browser will load them much faster.

Jonathan Dingman June 1, 20133:05 pm

Next up: Caching.

When you’re with a managed WordPress hosting provider, you really don’t have to worry about caching, as they should be doing it already.

But if you’re self-hosting WordPress, you should look into caching plugins.

Devin recommends…

* W3 Total Cache [WPForce.com uses W3TC] — has features like CDN and minify integration.
* WP Super Cache (the most popular caching plugin for WordPress – almost 5MM downloads)
* Quick Cache
* Hyper Cache (similar to Quick Cache)
* DB Cache Reloaded Fix (it’s a fork of a previous plugin, just for database caching)
* WP Widget Cache (just for caching widget output)
* Nginx Cache Control (great for sites that run on the Nginx webserver)

Jonathan Dingman June 1, 20132:59 pm

Types of hosting:

* Shared Hosting
* VPS and Cloud Hosting
* NEW Managed WordPress Hosting

Jonathan Dingman June 1, 20132:59 pm

First thing to look at…

Hosting provider.

[WPForce.com recommends WPEngine.com]

Jonathan Dingman June 1, 20132:57 pm

“Which loads faster?”

http://whichloadsfaster.com

Another great tool to see how your site matches up to the competition

Jonathan Dingman June 1, 20132:57 pm

YSlow, another great developer tool.

Jonathan Dingman June 1, 20132:55 pm

http://tools.pingdom.com/fpt/ is another great tool.

Jonathan Dingman June 1, 20132:55 pm

Devin suggests taking a look at http://www.webpagetest.org/ to see how your website performs.

Jonathan Dingman June 1, 20132:54 pm

6.5s is among the averages, but 3s is the target.

(but obviously, lower is better)

Jonathan Dingman June 1, 20132:52 pm

Devin notes that Matt Cutts made the announcement that page load time is a factor in how Google ranks websites.

Jonathan Dingman June 1, 20132:52 pm

[Picture of Matt Cutts in the presentation]

Jonathan Dingman June 1, 20132:51 pm

[Looking around, it’s a packed house]

Jonathan Dingman June 1, 20132:51 pm

Conversions
User experience
Bounce rate
and more

Jonathan Dingman June 1, 20132:50 pm

So why is speed so important?

Jonathan Dingman June 1, 20132:50 pm

“How FAST is your website?”

Jonathan Dingman June 1, 20132:49 pm

You can reach Devin at…

http://imdev.in

http://wordimpress.com

Jonathan Dingman June 1, 20132:49 pm

Best practices, plugins, and how we can make WordPress even faster.

Jonathan Dingman June 1, 20132:49 pm

Devin is up and getting started….

Comments

  1. By Mike on

    Thanks for the tips – I’m checking out those image optimiser plugins right now. Imsanity looks good. For caching, I’ve already previously benchmarked several of those above and HyperCache seems to work the best for me.