260 likes | 339 Views
Designing and Theming for Performance. Matthew Dorman Sr. Vice President / Partner NorthPoint Digital mdorman@northps.com @matthewdorman. WE LEAD WITH EXPERIENCE. 2. NorthPoint helps optimize your digital presence through a perfect blend:. Strategy. Experience. Technology. 3. Web.
E N D
Designing and Theming for Performance • Matthew Dorman • Sr. Vice President / Partner • NorthPoint Digital • mdorman@northps.com • @matthewdorman
NorthPoint helps optimize your digital presence through a perfect blend: Strategy. Experience. Technology. 3
Web. Mobile. Social. 4
We lead with experience BOSTON NEW YORK PHILADELPHIA 5
About Speaker • NJIT Alum (B.S. Computer Science) • 7 years with NorthPoint • Oversee OpenSource Team • Sr. Consultant -> PM ->SPM -> Sr. Manager -> SVP / Partner @matthewdorman linkedin.com/in/matthewdorman 6
Outline • Why? • Tools • Reduce, Reuse, Recycle • Trends • Drupal 8 • Questions / Open Discussion 7
Why? SEO Benefit • “Like us, our users place a lot of value in speed — that's why we've decided to take site speed into account in our search rankings.” -Statement from Google on April 9, 2010 8
Why? Stickiness & Revenue • For every 1 second of improvement, up to a 2% increase in conversions • For every 0.1 second improvement, incremental revenue grew by up to 1% • Noted SEO benefits for entry pages and reduce bounces • End-user benchmarks (actual measured times) track optimization 9
Why? Case Study • Testing incremental changes • Ad impressions up 33% year-over-year in Feb ‘12 • Gallery ad impressions tripled Year over Year • Click-through rates stable 10
Tools • Yahoo’s Yslow • http://developer.yahoo.com/yslow • AOL’s WebPage Test • http://www.webpagetest.org • Google’s PageSpeed • https://developers.google.com/speed/pagespeed 15
Reduce, Reuse, Recycle 16 Photo: http://www.zazzle.com
Fewer Requests (Reduce) • Aggregate CSS • Aggregate JavaScript • Lossless Compression • Lazy Load Images • Optimize Content • FIX 404 ERRORS! 17
Custom Fonts (Reduce) • Images vs. Fonts • Large Screens • Limit Styles • Body Content • Sprite Replacement? drupal.org/project/fontyourface 19
Sprites (Reuse) • Better Load Time • Easier Maintenance • NorthPoint Contribution: • https://github.com/northpoint/SpeedySprite 20
Contribute (Recycle) • Modules • advagg • speedy • jquery_update • fontyourface • imageapi_optimize • boost • cdn • varnish http://www.drupal.org/project/ 22
Trends httparchive.org/trends.php 23 Photo: images.businessweek.com
Drupal 8 • Wim Leers: • http://bit.ly/1jP9v0w photo: http://association.drupal.org 24
Questions? / Open Discussion / Flash Drives… 25 Photo: images.businessweek.com
NorthPoint Digital • www.northps.com • @northps • Matthew Dorman • Sr. Vice President / Partner • mdorman@northps.com • @matthewdorman 26