Slide 1
Slide 1 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
FAST
WEBSITES
AND HOW TO MAKE THEM
Slide 2
Slide 2 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
*CLEARS THROAT FOR LAST-MINUTE INTRO*
Slide 3
Slide 3 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
@GLUECKPRESS #WCHRE
98%
CONNECTIONS VIA MOBILE
Slide 4
Slide 4 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
@GLUECKPRESS #WCHRE
—GOOGLE
NO MATTER WHAT,
FASTER IS BETTER
AND
LESS IS MORE.
Slide 5
Slide 5 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
@GLUECKPRESS #WCHRE
ENERGY FOOTPRINT
BANDWIDTH
SEARCH RANKING
USABILITY
VISITOR SATISFACTION
BOUNCE RATE
PAGE VIEWS
CONVERSION
REVENUE
Slide 6
Slide 6 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
@GLUECKPRESS #WCHRE
98%
CONNECTIONS VIA MOBILE
Slide 7
Slide 7 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
@GLUECKPRESS #WCHRE
Slide 8
Slide 8 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
Slide 9
Slide 9 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
*END INTRO. PHEW!*
Slide 10
Slide 10 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
@GLUECKPRESS #WCHRE
3MB
AVERAGEMOBILEPAGESIZE
Slide 11
Slide 11 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
@GLUECKPRESS #WCHRE
0.10$
AVERAGE
PAGE SIZE
PER
PAGEVIEW
PAGEVIEWS
300MB/$10
DATAPLAN
3 MB
100
Slide 12
Slide 12 text
@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
Slide 13
Slide 13 text
@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
Slide 14
Slide 14 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
!
!
! !
3 MB
AVERAGE PAGE SIZE
ON THE WWW
Slide 15
Slide 15 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
—PAUL BAKAUS
NOBODY
CARES HOW
FAST YOUR SITE IS.
JUST HOW
FAST IT FEELS.
Slide 16
Slide 16 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
—ZIMBABWEANS
“EXCUSE ME?!”
NOBODY
CARES HOW
FAST YOUR SITE IS.
JUST HOW
FAST IT FEELS.
!
!
!
Slide 17
Slide 17 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
Slide 18
Slide 18 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
MAKE FAST
WEBSITES.
THE EASIEST
WAY TO MAKE
WEBSITES FAST?
Slide 19
Slide 19 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
PERFORMANCE
OPTIMISATION
DEVELOPERS.GOOGLE.COM/SPEED/DOCS/INSIGHTS/RULES
Slide 20
Slide 20 text
@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
Slide 21
Slide 21 text
@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
Slide 22
Slide 22 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
YOUR FRIENDLY
RDPRESS
PERFORMANCE
CHECKLIST
W
Slide 23
Slide 23 text
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
@GLUECKPRESS #WCHRE CC BY-SA 4.0
KNOW YOUR OWN
WEBSITE ADDRESS
1
Slide 24
Slide 24 text
@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
Slide 25
Slide 25 text
@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
Slide 26
Slide 26 text
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
@GLUECKPRESS #WCHRE CC BY-SA 4.0
PREPARE FOR
SLOW NETWORKS
2
Slide 27
Slide 27 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
NETWORKTHROTTLEDTO3G
Slide 28
Slide 28 text
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
@GLUECKPRESS #WCHRE CC BY-SA 4.0
PAY FOR QUALITY
HOSTING
3
Slide 29
Slide 29 text
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
@GLUECKPRESS #WCHRE CC BY-SA 4.0
AVOID EXTERNAL
SERVICES
4
Slide 30
Slide 30 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
Slide 31
Slide 31 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
Slide 32
Slide 32 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
Slide 33
Slide 33 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
Slide 34
Slide 34 text
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
@GLUECKPRESS #WCHRE CC BY-SA 4.0
5 COMMIT TO
RELEVANT IMAGES
Slide 35
Slide 35 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
Slide 36
Slide 36 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
@GLUECKPRESS #WCHRE CC BY-SA 4.0
AUTOMATE IMAGE
OPTIMISATION
6
Slide 39
Slide 39 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
Slide 40
Slide 40 text
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
@GLUECKPRESS #WCHRE CC BY-SA 4.0
RELY ON A
LEAN THEME
7
Slide 41
Slide 41 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
Slide 42
Slide 42 text
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
@GLUECKPRESS #WCHRE CC BY-SA 4.0
MAKE A CONTENT
STRATEGY
8
Slide 43
Slide 43 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
Slide 44
Slide 44 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
Slide 45
Slide 45 text
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
@GLUECKPRESS #WCHRE CC BY-SA 4.0
MINIMISE THE USE
OF JAVASCRIPT
9
Slide 46
Slide 46 text
No content
Slide 47
Slide 47 text
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
@GLUECKPRESS #WCHRE CC BY-SA 4.0
REUSE REQUESTS
WITH CACHING
10
Slide 48
Slide 48 text
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
@GLUECKPRESS #WCHRE CC BY-SA 4.0
DEVELOPERS:
APPLY CODING
STANDARDS
#
Slide 49
Slide 49 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
YOUR FRIENDLY W RDPRESS PERFORMANCE CHECKLIST
DEVELOPER.WORDPRESS.ORG/THEMES
DEVELOPER.WORDPRESS.ORG/PLUGINS
Slide 50
Slide 50 text
@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
Slide 51
Slide 51 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
SOURCES:
GLUECKPRESS.COM/WCHRE/
Slide 52
Slide 52 text
@GLUECKPRESS #WCHRE CC BY-SA 4.0
CUSTOMER SUPPORT
@WP_ROCKET
CASPAR HÜBINGER
@GLUECKPRESS
ASK ME ANYTHING