Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Life in the Fast Lane     Speed, Usability & Search Engine Optimization          Dana DiTomaso          CEO, Kick Point   ...
We’re All Impatient Jerks   Visitors want your site to load in           2 seconds or less    Every extra second of load t...
Did We Forget?
Everything Old Is New Again            =
Don’t Be This Guy
Best. Website. Ever.http://www.dolekemp96.org/main.htm
Dole/Kemp vs Basic           WordPressdolekemp96.org/main.htm    wp-themes.com     142 lines of code     487 lines of code...
That’s Nice.http://tools.pingdom.com/fpt
How Does This Affect Search         Traffic?
Actually a Good ThingGoogle has a “timebudget” for how longthey’re willing to spend onyour site – don’t blow it.
What to Consider
Start Testing•   https://developers.google.com/speed/pagespeed/insights•   http://tools.pingdom.com/fpt/•   http://www.web...
Clean Up Your Database• BACKUP FIRST• In phpMyAdmin:
Do You Really Need That           Plugin?• Delete any plugins you’re not using• Dump anything that isn’t updated regularly...
Use Browser Caching• Set an expiry date in your HTTP headers for  static resources• For example:       Expires: Thu, 07 No...
Minimize HTTP Requests• If you’re not using a plugin on a specific page  type, see if you can avoid loading it• Do you rea...
Optimize Your Images• Don’t upload an image larger than what’s  required• Use the right file format for the job   – PNGs a...
Compress/Combine JS + CSS
Use Sprites• Every time an image request is made, a kitten  cries• http://spriteme.org/
Install W3 Total Cachehttp://wordpress.org/extend/plugins/w3-total-cache/Really excellent step-by-step guide here:http://g...
Does All That Really Help?
Back To The Future       =
Responsive? display: none?It’s still loading!
Change, Don’t Hide• Think mobile first• Progressively enhance  with JS• Read this book!http://www.abookapart.com/products/...
Keep Paying Attention• http://kickpoint.ca/site-performance-dashboard-for-google-analytics/
Questions? Aspirin?You made it!Here is a cuteanimal who caresabout speed.Thank you forlistening.
Life in the Fast Lane: Speed, Usability & Search Engine Optimization
Upcoming SlideShare
Loading in …5
×

Life in the Fast Lane: Speed, Usability & Search Engine Optimization

3,271 views

Published on

In 2010, Google announced that site speed was a ranking factor and the reaction was a collective shrug. When you load your site in Chrome, it’s quick, right? So why worry? Mobile. We know that you bought the iPhone 5 as soon as it came out, but what about the poor sucker who’s still on a Blackberry? Did you know that every added second on load time on a mobile device causes 20% of your audience to bail? You can be #1 on Google, but if your site takes 10 seconds to load, you might as well be #10,000. And responsive design won’t save you. In this seminar, learn tactics to make your WordPress site blazing fast, including responsive designs. It’s speed, usability and SEO, mashed together in delicious harmony.

  • Responsive designers would do well to consider this 'display:none' factor, and develop the things they'll hide as simple text/css design elements that would be extraneous to the mobile view.

    ie: twitter feeds, news feeds etc.

    Smaller is smarter, especially if it's only for one type of user. :)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Life in the Fast Lane: Speed, Usability & Search Engine Optimization

  1. 1. Life in the Fast Lane Speed, Usability & Search Engine Optimization Dana DiTomaso CEO, Kick Point @danaditomaso kickpoint.ca
  2. 2. We’re All Impatient Jerks Visitors want your site to load in 2 seconds or less Every extra second of load timecauses 20% of your visitors to jump ship
  3. 3. Did We Forget?
  4. 4. Everything Old Is New Again =
  5. 5. Don’t Be This Guy
  6. 6. Best. Website. Ever.http://www.dolekemp96.org/main.htm
  7. 7. Dole/Kemp vs Basic WordPressdolekemp96.org/main.htm wp-themes.com 142 lines of code 487 lines of code 18 requests 6 requests 422ms load time 1.25s load time 85.6 kB page size 125.7 kB page size DNS – 151 ms DNS – 169 ms Connect – 159 ms Connect – 282 ms Wait – 11 ms Wait – 276 ms Receive – 13 ms Receive – 112 ms
  8. 8. That’s Nice.http://tools.pingdom.com/fpt
  9. 9. How Does This Affect Search Traffic?
  10. 10. Actually a Good ThingGoogle has a “timebudget” for how longthey’re willing to spend onyour site – don’t blow it.
  11. 11. What to Consider
  12. 12. Start Testing• https://developers.google.com/speed/pagespeed/insights• http://tools.pingdom.com/fpt/• http://www.webpagetest.org/• http://gtmetrix.com/ (is particularly harsh)
  13. 13. Clean Up Your Database• BACKUP FIRST• In phpMyAdmin:
  14. 14. Do You Really Need That Plugin?• Delete any plugins you’re not using• Dump anything that isn’t updated regularly• Avoid plugins that create queries on the fly when a flat file would do
  15. 15. Use Browser Caching• Set an expiry date in your HTTP headers for static resources• For example: Expires: Thu, 07 Nov 2022 23:00:00 GMT• More: https://developers.google.com/speed/docs/best-practices/caching#LeverageBrowserCaching
  16. 16. Minimize HTTP Requests• If you’re not using a plugin on a specific page type, see if you can avoid loading it• Do you really need social icons everywhere?• Move JS to server-side PHP if possible
  17. 17. Optimize Your Images• Don’t upload an image larger than what’s required• Use the right file format for the job – PNGs are awesome – GIFs are for tiny images or animation – JPGs are for photographs• Use an image compressor – WP Smush.it plugin
  18. 18. Compress/Combine JS + CSS
  19. 19. Use Sprites• Every time an image request is made, a kitten cries• http://spriteme.org/
  20. 20. Install W3 Total Cachehttp://wordpress.org/extend/plugins/w3-total-cache/Really excellent step-by-step guide here:http://gtmetrix.com/wordpress-optimization-guide.html
  21. 21. Does All That Really Help?
  22. 22. Back To The Future =
  23. 23. Responsive? display: none?It’s still loading!
  24. 24. Change, Don’t Hide• Think mobile first• Progressively enhance with JS• Read this book!http://www.abookapart.com/products/mobile-first
  25. 25. Keep Paying Attention• http://kickpoint.ca/site-performance-dashboard-for-google-analytics/
  26. 26. Questions? Aspirin?You made it!Here is a cuteanimal who caresabout speed.Thank you forlistening.

×