Fast websites, and how to make them

@GLUECKPRESS #WCHRE CC BY-SA 4.0 FAST WEBSITES AND HOW TO
MAKE THEM

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

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

@GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE —GOOGLE NO MATTER
WHAT, FASTER IS BETTER AND LESS IS MORE.

@GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE ENERGY FOOTPRINT BANDWIDTH
SEARCH RANKING USABILITY VISITOR SATISFACTION BOUNCE RATE PAGE VIEWS CONVERSION REVENUE

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

@GLUECKPRESS #WCHRE CC BY-SA 4.0 @GLUECKPRESS #WCHRE

@GLUECKPRESS #WCHRE CC BY-SA 4.0

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

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

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

@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

@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

@GLUECKPRESS #WCHRE CC BY-SA 4.0 ! ! ! ! 3
MB AVERAGE PAGE SIZE ON THE WWW

@GLUECKPRESS #WCHRE CC BY-SA 4.0 —PAUL BAKAUS NOBODY CARES HOW
FAST YOUR SITE IS. JUST HOW FAST IT FEELS.

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

@GLUECKPRESS #WCHRE CC BY-SA 4.0 MAKE FAST WEBSITES. THE EASIEST
WAY TO MAKE WEBSITES FAST?

@GLUECKPRESS #WCHRE CC BY-SA 4.0 PERFORMANCE  OPTIMISATION DEVELOPERS.GOOGLE.COM/SPEED/DOCS/INSIGHTS/RULES

@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

@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

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

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

@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

4.0 PREPARE FOR SLOW NETWORKS 2

CHECKLIST NETWORKTHROTTLEDTO3G

4.0 PAY FOR QUALITY HOSTING 3

4.0 AVOID EXTERNAL SERVICES 4

CHECKLIST

4.0 5 COMMIT TO RELEVANT IMAGES

CHECKLIST

4.0 AUTOMATE IMAGE OPTIMISATION 6

CHECKLIST

4.0 RELY ON A LEAN THEME 7

4.0 MAKE A CONTENT STRATEGY 8

4.0 MINIMISE THE USE OF JAVASCRIPT 9

4.0 REUSE REQUESTS WITH CACHING 10

4.0 DEVELOPERS: APPLY CODING STANDARDS #

CHECKLIST DEVELOPER.WORDPRESS.ORG/THEMES DEVELOPER.WORDPRESS.ORG/PLUGINS

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

@GLUECKPRESS #WCHRE CC BY-SA 4.0 SOURCES: GLUECKPRESS.COM/WCHRE/

@GLUECKPRESS #WCHRE CC BY-SA 4.0 CUSTOMER SUPPORT @WP_ROCKET CASPAR HÜBINGER
@GLUECKPRESS ASK ME ANYTHING

Fast websites, and how to make them

Fast websites, and how to make them

More Decks by Caspar Hübinger

Other Decks in Programming

Featured

Transcript