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

3,177 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.

1 Comment
1 Like
Statistics
Notes
  • 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
No Downloads
Views
Total views
3,177
On SlideShare
0
From Embeds
0
Number of Embeds
186
Actions
Shares
0
Downloads
12
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

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.

×