Fast websites, and how to make them

Fast websites, and how to make them

WordCamp Harare 2017 #WCHRE, show notes: https://glueckpress.com/wchre/

8a50eb4ed9bb4354d6df8e881befe64e?s=128

Caspar Hübinger

November 04, 2017
Tweet

Transcript

  1. @GLUECKPRESS #WCHRE CC BY-SA 4.0 FAST WEBSITES AND HOW TO

    MAKE THEM
  2. @GLUECKPRESS #WCHRE CC BY-SA 4.0 *CLEARS THROAT FOR LAST-MINUTE INTRO*

  3. @GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE 98% CONNECTIONS VIA

    MOBILE
  4. @GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE —GOOGLE NO MATTER

    WHAT, FASTER IS BETTER AND LESS IS MORE.
  5. @GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE ENERGY FOOTPRINT BANDWIDTH

    SEARCH RANKING USABILITY VISITOR SATISFACTION BOUNCE RATE PAGE VIEWS CONVERSION REVENUE
  6. @GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE 98% CONNECTIONS VIA

    MOBILE
  7. @GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE

  8. @GLUECKPRESS #WCHRE CC BY-SA 4.0

  9. @GLUECKPRESS #WCHRE CC BY-SA 4.0 *END INTRO. PHEW!*

  10. @GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE 3MB AVERAGEMOBILEPAGESIZE

  11. @GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE 0.10$ AVERAGE PAGE

    SIZE PER PAGEVIEW PAGEVIEWS 300MB/$10 DATAPLAN 3 MB 100
  12. @GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE 0.03$ AVERAGE PAGE

    SIZE PER PAGE VIEW PAGE VIEWS 1,000 MB/$10 DATA PLAN 3 MB 333
  13. @GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE 0.03$ 1 PAGE

    VIEW GERMANY USA UK 1 PAGE VIEW ZIMBABWE 3 MB 0.10$ AVERAGE PAGE SIZE
  14. @GLUECKPRESS #WCHRE CC BY-SA 4.0 ! ! ! ! 3

    MB AVERAGE PAGE SIZE ON THE WWW
  15. @GLUECKPRESS #WCHRE CC BY-SA 4.0 —PAUL BAKAUS NOBODY CARES HOW

    FAST YOUR SITE IS. JUST HOW FAST IT FEELS.
  16. @GLUECKPRESS #WCHRE CC BY-SA 4.0 —ZIMBABWEANS “EXCUSE ME?!” NOBODY CARES

    HOW FAST YOUR SITE IS. JUST HOW FAST IT FEELS. ! ! !
  17. @GLUECKPRESS #WCHRE CC BY-SA 4.0

  18. @GLUECKPRESS #WCHRE CC BY-SA 4.0 MAKE FAST WEBSITES. THE EASIEST

    WAY TO MAKE WEBSITES FAST?
  19. @GLUECKPRESS #WCHRE CC BY-SA 4.0 PERFORMANCE
 OPTIMISATION DEVELOPERS.GOOGLE.COM/SPEED/DOCS/INSIGHTS/RULES

  20. @GLUECKPRESS #WCHRE CC BY-SA 4.0 1. AVOID LANDING PAGE REDIRECTS

    2. ENABLE COMPRESSION 3. IMPROVE SERVER RESPONSE TIME 4. LEVERAGE BROWSER CACHING 5. MINIFY RESOURCES 6. OPTIMISE IMAGES 7. OPTIMISE CSS DELIVERY 8. PRIORITISE VISIBLE CONTENT 9. REMOVE RENDER-BLOCKING JAVASCRIPT 10.USE ASYNCHRONOUS SCRIPTS DEVELOPERS.GOOGLE.COM/SPEED/DOCS/INSIGHTS/RULES
  21. @GLUECKPRESS #WCHRE CC BY-SA 4.0 1. AVOID LANDING PAGE REDIRECTS

    2. ENABLE COMPRESSION 3. IMPROVE SERVER RESPONSE TIME 4. LEVERAGE BROWSER CACHING 5. MINIFY RESOURCES 6. OPTIMISE IMAGES 7. OPTIMISE CSS DELIVERY 8. PRIORITISE VISIBLE CONTENT 9. REMOVE RENDER-BLOCKING JAVASCRIPT 10.USE ASYNCHRONOUS SCRIPTS " DEVELOPERS.GOOGLE.COM/SPEED/DOCS/INSIGHTS/RULES
  22. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY RDPRESS PERFORMANCE CHECKLIST

    W
  23. YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST @GLUECKPRESS #WCHRE CC BY-SA

    4.0 KNOW YOUR OWN WEBSITE ADDRESS 1
  24. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST WP-ROCKET.ME HTTP:/ /WP-ROCKET.ME HTTPS:/ /WP-ROCKET.ME HTTP:/ /WWW.WP-ROCKET.ME HTTPS:/ /WWW.WP-ROCKET.ME
  25. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST WP-ROCKET.ME HTTP:/ /WP-ROCKET.ME HTTPS:/ /WP-ROCKET.ME HTTP:/ /WWW.WP-ROCKET.ME HTTPS:/ /WWW.WP-ROCKET.ME
  26. YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST @GLUECKPRESS #WCHRE CC BY-SA

    4.0 PREPARE FOR SLOW NETWORKS 2
  27. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST NETWORKTHROTTLEDTO3G
  28. YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST @GLUECKPRESS #WCHRE CC BY-SA

    4.0 PAY FOR QUALITY HOSTING 3
  29. YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST @GLUECKPRESS #WCHRE CC BY-SA

    4.0 AVOID EXTERNAL SERVICES 4
  30. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST
  31. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST
  32. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST
  33. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST
  34. YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST @GLUECKPRESS #WCHRE CC BY-SA

    4.0 5 COMMIT TO RELEVANT IMAGES
  35. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST
  36. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST
  37. None
  38. YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST @GLUECKPRESS #WCHRE CC BY-SA

    4.0 AUTOMATE IMAGE OPTIMISATION 6
  39. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST
  40. YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST @GLUECKPRESS #WCHRE CC BY-SA

    4.0 RELY ON A LEAN THEME 7
  41. @GLUECKPRESS #WCHRE CC BY-SA 4.0

  42. YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST @GLUECKPRESS #WCHRE CC BY-SA

    4.0 MAKE A CONTENT STRATEGY 8
  43. @GLUECKPRESS #WCHRE CC BY-SA 4.0

  44. @GLUECKPRESS #WCHRE CC BY-SA 4.0

  45. YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST @GLUECKPRESS #WCHRE CC BY-SA

    4.0 MINIMISE THE USE OF JAVASCRIPT 9
  46. None
  47. YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST @GLUECKPRESS #WCHRE CC BY-SA

    4.0 REUSE REQUESTS WITH CACHING 10
  48. YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST @GLUECKPRESS #WCHRE CC BY-SA

    4.0 DEVELOPERS: APPLY CODING STANDARDS #
  49. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST DEVELOPER.WORDPRESS.ORG/THEMES DEVELOPER.WORDPRESS.ORG/PLUGINS
  50. @GLUECKPRESS #WCHRE CC BY-SA 4.0 YOUR FRIENDLY W RDPRESS PERFORMANCE

    CHECKLIST 1. KNOW YOUR OWN WEBSITE ADDRESS 2. PREPARE FOR SLOW NETWORKS 3. PAY FOR QUALITY HOSTING 4. AVOID EXTERNAL REQUESTS 5. COMMIT TO RELEVANT IMAGES 6. AUTOMATE IMAGE OPTIMISATION 7. RELY ON A LEAN THEME 8. MAKE A CONTENT STRATEGY 9. MINIMISE THE USE OF JAVASCRIPT 10.REUSE REQUESTS WITH CACHING
  51. @GLUECKPRESS #WCHRE CC BY-SA 4.0 SOURCES: GLUECKPRESS.COM/WCHRE/

  52. @GLUECKPRESS #WCHRE CC BY-SA 4.0 CUSTOMER SUPPORT @WP_ROCKET CASPAR HÜBINGER

    @GLUECKPRESS ASK ME ANYTHING