Designing and Theming for Performance

Matthew Dorman

Sr. Vice President / Partner

NorthPoint Digital

mdorman@northps.com

@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

mdorman@northps.com

@matthewdorman