Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What's Making Our Sites Slow? We Are!

What's Making Our Sites Slow? We Are!

Website performance cannot be fixed solely with a caching or optimization plugin! As WordPress website owners, we have more control than we realize over our site's performance. I'll show you the biggest hurdles to avoid, how to find the problem areas on your site and how to make speed-based decisions. We have the power to make our sites faster.... by default!


November 06, 2019

Other Decks in Technology


  1. #wcsea @webtw bit.ly/wcsea-speed Who am I? ➔ She/her/hers (why pronouns?

    twitter.com/webtw) ➔ WordPressin’ since 2004 ➔ WordPress training since 2009 ➔ Customer Support at WP Rocket since 2015 ➔ 8, 177+ customers helped… and counting… ➔ @webtw | webtrainingwheels.com | wp-rocket.me
  2. #wcsea @webtw bit.ly/wcsea-speed Why isn’t my site faster?! ★ Caching

    plugins can’t fix everything! ★ We are our own worst enemies Photo courtesy: wocintechchat.com
  3. #wcsea @webtw bit.ly/wcsea-speed Change our mindset ★ Good performance doesn’t

    just happen to websites ★ We have to work at it and prioritize it ★ Optimizations only mitigate negative impact ★ They are the icing on the cake... ★ ...We have to make a better cake ★ The common factor is us
  4. #wcsea @webtw bit.ly/wcsea-speed What I’ve learned…and you will too ★

    Characteristics of a fast page ★ The 3 greatest enemies of speed ★ How to find out what’s on your page ★ How to spot problem areas ★ How to make speed-oriented decisions
  5. #wcsea @webtw bit.ly/wcsea-speed Characteristics of a fast page ★ Fast

    by default: before optimizations ★ Visible and usable quickly ★ Mobile-friendly: works well under poor conditions
  6. #wcsea @webtw bit.ly/wcsea-speed Webpage ingredients ★ HTML ★ CSS ★

    JavaScript ★ Images ★ Fonts ★ Video and other media ★ External / 3rd party content: yourdomain.com vs. otherdomain.com
  7. #wcsea @webtw bit.ly/wcsea-speed 3 enemies of speed ★ Large page

    size ★ Too much JavaScript ★ Too much 3rd party content
  8. #wcsea @webtw bit.ly/wcsea-speed How much is too much? Assuming a

    good host and users on fast mobile connections: ★ Total page size: 1MB or less ★ Total JavaScript: less than 150KB ★ Simple 3rd party content: analytics, fonts etc: 25% or less ★ 3rd party ads, social widgets: as little as possible! Extra credit: Performance budgeting ★ https://perf-budget-calculator.firebaseapp.com ★ https://www.performancebudget.io
  9. #wcsea @webtw bit.ly/wcsea-speed Mo’ data, mo’ problems ★ Visitor requests

    your site in their browser ★ Data travels from the server to the visitor’s browser ★ More data = longer load time ★ Mobile = smaller funnel
  10. #wcsea @webtw bit.ly/wcsea-speed Everything takes longer on mobile ★ Slower

    connections ★ Less CPU / processing power ★ Unpredictable conditions ★ Amplifies negative performance factors
  11. #wcsea @webtw bit.ly/wcsea-speed Find the largest files GTMetrix.com ★ Sort

    by size ★ Check the file path ★ Check the domains
  12. #wcsea @webtw bit.ly/wcsea-speed Do you need all those videos? Every

    YouTube video comes with 1MB of JavaScript. Per video!
  13. #wcsea @webtw bit.ly/wcsea-speed Our websites cost everyone Our websites have

    costs for others: ★ Time & attention ★ Money & bandwidth: whatdoesmysitecost.com ★ Environmental & carbon footprint: websitecarbon.com Speed benefits for site owners: ★ Better SEO / ranking ★ More conversions ★ Better user experience