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 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%.

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

Benefits of Being Quick UX Conversions $$$ SEO

Understanding Performance

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

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

PHP Profiling Watch the previous session on Blackfire

Know Y our Audience Geography Technical Browser Bandwidth Device

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

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

Let’s make it better

“Simplicity is the ultimate sophistication.” 
 - Leonardo da Vinci

Site Strategy Do less Libraries Modules 3rd party services Performance budget

http://shouldiuseacarousel.com/

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

Caching

Site Build Caching - Page, blocks, views Aggregate CSS and JS Disable/Uninstall unnecessary modules Statistics UI Modules Search?

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

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

What’s in Drupal 8

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

What modules or services have you found helpful?

Questions? @mandclu