Need for Speed: Website Edition

Presented by Devin Walker

v

About Me - @wordimpress

● WordPress-focused Developer

● Enjoy Web Design, Blogging and Golf

● http://imdev.in

● http://wordimpress.com

● http://soundpress.com

Website Optimization - What does this mean?

How Fast is your website?

Why is Website Performance Important?

It requires 50% more concentration when using badly performing websites http://goo.gl/nDIQj

The Faster the Website, the Lower the Bounce Rate and the Higher the Conversions (more leads, sales... money)

Milliseconds are Money

● Google: 500ms slower = 20% drop in traffic

● Amazon: 100ms slower = 1% drop in sales

http://www.carbon60.com/milliseconds-are-money-how-much-performance-matters-in-the-cloud/http://www.guypo.com/business/17-statistics-to-sell-web-performance-optimization/

● Facebook: 500ms slower = 3% traffic drop

Decrease costs, improve visitor satisfaction

Matt Cutts Head of Google Web Spam

"Google is incorporating site speed as one of the over 200 signals that we use in

determining search rankings"- Matt Cutts

http://www.mattcutts.com/blog/site-speed/

A faster website can improve your search engine visibility

How to Gauge a Website's Speed

The 3-second Rule

Google Webmaster Tools

Webpage Test - http://webpagetest.org

Webpage Test - http://webpagetest.org

● Detailed Speed Report

● Nice A-F Grading System

● Ability to Change Browser and Location of Server

Pingdom Tools - http://tools.pingdom.com/fpt/

● Detailed test history

Pingdom Tools - http://tools.pingdom.com/fpt/

● Default tests are public*

● Commercial company

● No ability to change browser and only 3-locations

Google Analytics - http://www.google.com/analytics/

● Content: which pages are slowest?

● Traffic Sources: which campaign corresponds to faster page loads?

● Geographies: where in the world is my site slowest/fastest?

Google Analytics - http://www.google.com/analytics/

● Technology: how fast does my site load in different browsers?

● Measure across entire site

● YSlow (Yahoo)http://developer.yahoo.com/yslow/

● Which Loads Faster?http://whichloadsfaster.com/

● ShowSlow http://www.showslow.com/

Additional Tools

● Google Page Speed Toolshttps://developers.google.com/speed/pagespeed/

How to Improve Website Speed

#1 Hosting ProviderWho is hosting your website and how are they hosting it?

#2 Utilize CachingPage Cache, Database Cache, Object Cache, Browser Cache, Reverse Proxy

#3 Combine CSS and JS filesLoad JS in the footer whenever possible

#4 Use a CDNA Content Delivery Network (CDN) will 'put a rocket behind your static content'

#5 Reduce and Optimize ImagesUse CSS3 whenever and wherever possible, save images for web

http://tinypng.com

http://www.smushit.com/ysmush.it/

http://kraken.io/

#6 Use CompressionSave bandwidth and speed up your website

https://developers.google.com/speed/articles/use-compression

#7 Use SpritesOne image, fewer HTTP-Requests and faster image loading

#8 Monitor Your WebsiteIt is always good to know how well your server is performing

#9 Optimize your Database RegularlyOptimizing database tables regularly will help improve website performance

#10 Mobile and Tablet OptimizationUse CSS3 Media Queries, JS and server-side technology to speed up devices

More Ways to Make Websites FasterOptimization is addictive; after one boost in speed, you'll want more...

● Redirects are expensive; reduce them

● Minimize CSS bloat

● Optimize server-side code and intensive database querieshttps://developers.google.com/speed/articles/

● Responsive image replacement

● Use a fast DNS web service

Optimization for WordPressWordPress-specific tips to make your website faster

● Deactivate and delete unused plugins (and themes)

● Use the Latest Version of WordPress

● Delete post revisions (and deactivate)

● Delete Spam Comments

http://yoast.com/40-wordpress-optimisation-tips/

Website Optimization is like Losing Weight

v

Thank You!Questions?

This presentation is available at: http://goo.gl/4jhy0