Performance A Primer on Making Drupal Fast Martin Anderson-Clutz - - PowerPoint PPT Presentation

performance
SMART_READER_LITE
LIVE PREVIEW

Performance A Primer on Making Drupal Fast Martin Anderson-Clutz - - PowerPoint PPT Presentation

Performance A Primer on Making Drupal Fast Martin Anderson-Clutz - Digital Echidna - @mandclu Why Speed Matters Performance Matters Shopzilla Speeding up their site by 5 seconds increased the conversion rate 7-12%, doubled the


slide-1
SLIDE 1

Performance

A Primer on Making Drupal Fast

Martin Anderson-Clutz - Digital Echidna - @mandclu

slide-2
SLIDE 2

Why Speed Matters

slide-3
SLIDE 3

Performance Matters

Shopzilla – Speeding up their site by 5 seconds increased the conversion rate 7-12%, doubled the number of sessions from search engine marketing, and cut the number of required servers in half. Mozilla – Shaving 2.2 seconds off their landing pages increased download conversions by 15.4%, which they estimate will result in 60 million more Firefox downloads per year. Netflix – Adopting a single optimization, gzip compression, resulted in a 13-25% speedup and cut their outbound network traffic by 50%.

slide-4
SLIDE 4

What Users Want

47% of users expect a page to load in 2 seconds or less 40% abandon websites that take more than 3 seconds to load. As little as 1 second of delay decreases customer satisfaction by about 16% - every second counts 46% of online shoppers cite checkout speed as the number one factor that determines whether or not they will return to a site 85% of mobile users expect pages to load as fast or faster than they load on the desktop

slide-5
SLIDE 5
slide-6
SLIDE 6

Benefits of Being Quick

UX Conversions $$$ SEO

slide-7
SLIDE 7

Understanding Performance

slide-8
SLIDE 8
slide-9
SLIDE 9
slide-10
SLIDE 10
slide-11
SLIDE 11

Measurement

Page load Full page load Page render First paint Time to interact Requests per second

slide-12
SLIDE 12

Measurement Tools

Remote Monitoring (webpagetest.org, AlertSite, etc.) ySlow Google PageSpeed Google Analytics New Relic

slide-13
SLIDE 13
slide-14
SLIDE 14
slide-15
SLIDE 15
slide-16
SLIDE 16
slide-17
SLIDE 17
slide-18
SLIDE 18
slide-19
SLIDE 19
slide-20
SLIDE 20
slide-21
SLIDE 21
slide-22
SLIDE 22
slide-23
SLIDE 23
slide-24
SLIDE 24
slide-25
SLIDE 25
slide-26
SLIDE 26
slide-27
SLIDE 27

PHP Profiling

Watch the previous session on Blackfire

slide-28
SLIDE 28

Know Y

  • ur Audience

Geography Technical Browser Bandwidth Device

slide-29
SLIDE 29

Key Factors

Page weight Number of requests 3rd party assets Delivery Server Complexity

slide-30
SLIDE 30

What tools or methods do you find helpful in diagnosing speed issues?

slide-31
SLIDE 31

Let’s make it better

slide-32
SLIDE 32

“Simplicity is the ultimate sophistication.”


  • Leonardo da Vinci
slide-33
SLIDE 33

Site Strategy

Do less

Libraries Modules 3rd party services

Performance budget

slide-34
SLIDE 34

http://shouldiuseacarousel.com/

slide-35
SLIDE 35

Front End

Images! Compress aggressively Keep small Lazy load Remove unused CSS Use JS only when absolutely necessary Render-blocking elements at end of page

slide-36
SLIDE 36

Caching

slide-37
SLIDE 37

Site Build

Caching - Page, blocks, views Aggregate CSS and JS Disable/Uninstall unnecessary modules

Statistics UI Modules Search?

slide-38
SLIDE 38

Modules

Site Audit Advanced Aggregation Asynchronous Prefetch Database Query Cache (APDQC) Entitycache Fast 404 Syslog

slide-39
SLIDE 39

Hosting Environment

Enable mod_deflate to gzip text files Reverse Proxy (Varnish, Nginx, etc.) or cache (Boost) Content Distribution Network (CDN) Data Cache (APCu, Memcached, Redis, etc.) Version of PHP

slide-40
SLIDE 40

What’s in Drupal 8

slide-41
SLIDE 41

Drupal 8

Full support for PHP 7 Entity Cache in core Cache for logged in users Asset dependencies More granular cache Cache Context API #post_render_cache - placeholder HTML BigPipe

slide-42
SLIDE 42

What modules or services have you found helpful?

slide-43
SLIDE 43

Questions?

@mandclu