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.

2 Seconds is the New Slow - Chris Simmance - under2

735 views

Published on

Slides on site speed from BrightonSEO

Published in: Marketing
  • Be the first to comment

2 Seconds is the New Slow - Chris Simmance - under2

  1. 1. ChrisSimmance @under2builds Under2 2 Seconds is the New Slow: How businesses can build a better web http://www.slideshare.net/chrissimmance
  2. 2. We’re Under2 Digital: We existto build fast stuff for the web Whether that’s a website, plugin or tool We can build it and make it fast. No Bloat, No BS, Just quality dev work at fair prices Everything loads in Under 2 seconds! WHO AREWE? under2.agency
  3. 3. I’m Chris Simmance • I love Digital • I run Under2 • I’ve worked with some great brands • I have a technology addiction • I also have an awesome dog! • I speak at top events WHO AM I? under2.agency
  4. 4. • Why the web is broken • Common site speed myths • Bottleneck spotting • Web dev issue identification • Questions WHAT AM I TALKING ABOUT? under2.agency
  5. 5. under2.agency
  6. 6. under2.agency
  7. 7. under2.agency
  8. 8. under2.agency
  9. 9. under2.agency
  10. 10. under2.agency
  11. 11. under2.agency
  12. 12. • Speed plugins are not the be-all and end-all • Many speed plugins have other factors such additional PHP and SQL look ups that can negate some of the impact • Image optimisation plugins sound great, but sometimes aren’t! under2.agency
  13. 13. under2.agency
  14. 14. under2.agency AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript
  15. 15. PROPER IMAGE OPTIMISATION BEST PRACTICE under2.agency Show fullscreen version of non optimised image
  16. 16. • Compression tools • http://tinypng.com • https://compressor.io/ • https://imageoptim.com/ (Mac app and website service) • Test different compression rates to test your results
  17. 17. PROPER IMAGE OPTIMISATION BEST PRACTICE under2.agency Show fullscreen version of non optimised image
  18. 18. PROPER IMAGE OPTIMISATION BEST PRACTICE under2.agency Show fullscreen version of 90% optimised image and overlay the filesize in kb
  19. 19. PROPER IMAGE OPTIMISATION BEST PRACTICE under2.agency Show fullscreen version of 80% optimised image and overlay the filesize in kb
  20. 20. PROPER IMAGE OPTIMISATION BEST PRACTICE under2.agency Show fullscreen version of 70% optimised image and overlay the filesize in kb
  21. 21. PROPER IMAGE OPTIMISATION BEST PRACTICE under2.agency Show fullscreen version of 70% optimised image and overlay the filesize in kb
  22. 22. PROPER IMAGE OPTIMISATION BEST PRACTICE under2.agency Show fullscreen version of 70% optimised image and overlay the filesize in kb
  23. 23. under2.agency https://performance.sucuri.net/
  24. 24. • Shorter CSS selectors and class names = smaller filesize 400bytes 342bytes 276bytes HOW TO SOLVE SITE SPEED BOTTLENECKS – CSS
  25. 25. under2.agency • Minification • Concatenation • Refactoring your code down to make the same functionality in less code • Removing JS plugins that are not needed. • Only including functionality on pages that it's needed on HOW TO SOLVE SITE SPEED BOTTLENECKS – JS
  26. 26. under2.agency • Remove anything that you don’t need • Merge multiple CSS files into as few as possible • Merge multiple JS files in as few as possible – then async or defer • Optimise images for less requests • Lazy load images below the fold • Move external scripts into Google Tag Manager or load after page load HOW TO SOLVE SITE SPEED BOTTLENECKS – Requests
  27. 27. under2.agency
  28. 28. under2.agency
  29. 29. under2.agency • The web is old and creaky • Stop being lazy and think more • Build stuff better for all our sakes
  30. 30. Thanks for your attention under2.agency chris@under2.agency @under2builds

×