Embed Size (px)
Citation preview
Designing and Theming for Performance
Matthew Dorman
Sr. Vice President / Partner
NorthPoint Digital
@matthewdorman
WE LEAD WITH EXPERIENCE
2
WE LEAD WITH EXPERIENCE
WE LEAD WITH EXPERIENCE
3
NorthPoint helps optimize
your digital presence
through a perfect blend:
Strategy.
Experience.
Technology.
WE LEAD WITH EXPERIENCE
4
Web.
Mobile.
Social.
WE LEAD WITH EXPERIENCE
5
We lead with experienceNEW YORKBOSTON PHILADELPHIA
WE LEAD WITH EXPERIENCE
6
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
WE LEAD WITH EXPERIENCE7
Outline
• Why?• Tools• Reduce, Reuse, Recycle• Trends• Drupal 8• Questions / Open
Discussion
WE LEAD WITH EXPERIENCE
8
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
WE LEAD WITH EXPERIENCE
9
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
WE LEAD WITH EXPERIENCE
10
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
WE LEAD WITH EXPERIENCE
11
Which Loads Faster? Car and Driver vs. Edmunds
WE LEAD WITH EXPERIENCE
12
Which Loads Faster? Seahawks v. Broncos
WE LEAD WITH EXPERIENCE
13
Which Loads Faster? Drupal vs. WordPress
WE LEAD WITH EXPERIENCE
14
Which Loads Faster? Acquia vs. Automattic
WE LEAD WITH EXPERIENCE
15
Tools
• Yahoo’s Yslowhttp://developer.yahoo.com/yslow
• AOL’s WebPage Testhttp://www.webpagetest.org
• Google’s PageSpeedhttps://developers.google.com/speed/pagespeed
WE LEAD WITH EXPERIENCE
16
Reduce, Reuse, Recycle
Photo: http://www.zazzle.com
WE LEAD WITH EXPERIENCE
17
Fewer Requests (Reduce)
• Aggregate CSS• Aggregate JavaScript• Lossless Compression• Lazy Load Images• Optimize Content
• FIX 404 ERRORS!
WE LEAD WITH EXPERIENCE18
Fewer Requests (Reduce)
WE LEAD WITH EXPERIENCE
19
Custom Fonts (Reduce)
• Images vs. Fonts• Large Screens• Limit Styles• Body Content• Sprite Replacement?
drupal.org/project/fontyourface
WE LEAD WITH EXPERIENCE
20
Sprites (Reuse)
• Better Load Time• Easier Maintenance• NorthPoint
Contribution:https://github.com/northpoint/SpeedySprite
WE LEAD WITH EXPERIENCE
21
SMARTER DRUPAL (Recycle)
WE LEAD WITH EXPERIENCE
22
Contribute (Recycle)
• Modules• advagg• speedy• jquery_update• fontyourface• imageapi_optimiz
e• boost• cdn• varnish
http://www.drupal.org/project/
WE LEAD WITH EXPERIENCE
23
Trends
Photo: images.businessweek.com
httparchive.org/trends.php
WE LEAD WITH EXPERIENCE24
Drupal 8
Wim Leers:
http://bit.ly/1jP9v0w
photo: http://association.drupal.org
WE LEAD WITH EXPERIENCE
25
Questions? / Open Discussion / Flash Drives…
Photo: images.businessweek.com
WE LEAD WITH EXPERIENCE
26
NorthPoint Digitalwww.northps.com
@northps
Matthew Dorman
Sr. Vice President / Partner
@matthewdorman
