Designing and Theming for Performance

Matthew Dorman

Sr. Vice President

NorthPoint Digital

@northps

@matthewdorman

/ About NorthPoint Digital/ About Presenter/ Why Performance is Important/ Tools/ Reduce – Reuse - Recycle/ Trends/ Questions / Open Discussion

WE LEAD WITH EXPERIENCE

3

We lead with experienceNEW YORKBOSTON PHILADELPHIA

NEW YORK BOSTON PHILADELPHIA

HQ

WE LEAD WITH EXPERIENCE

4

NorthPoint helps optimize

your digital presence

through a perfect blend:

Strategy.

Experience.

Technology.

WE LEAD WITH EXPERIENCE

5

Web.

Mobile.

Social.

We create digital

platforms so you have

endless possibilities:

WE LEAD WITH EXPERIENCE

6

Platforms / Technologies

WE LEAD WITH EXPERIENCE

7

About Speaker

NJIT Alum (B.S. Computer Science)

7+ years with NorthPoint Oversee OpenSource Team 16+ years w/ Enterprise

Websites @matthewdorman

linkedin.com/in/matthewdorman

Matthew Dorman

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? Drupal vs. WordPress

WE LEAD WITH EXPERIENCE

13

Which Loads Faster? Acquia vs. Automattic

WE LEAD WITH EXPERIENCE

14

Tools

Yahoo’s Yslowdeveloper.yahoo.com/yslow

AOL’s WebPage Testwww.webpagetest.org

Google’s PageSpeeddevelopers.google.com/speed/pagespeed

WE LEAD WITH EXPERIENCE

15

Reduce – Reuse - Recycle

Photo: http://www.zazzle.com

WE LEAD WITH EXPERIENCE

Fewer Requests (Reduce)

FIX 400/50x ERRORS!

Optimize Content Aggregate CSS Aggregate JavaScript Lossless Compression Lazy Load Images

WE LEAD WITH EXPERIENCE

17

Aggregation (Reduce)

WE LEAD WITH EXPERIENCE

18

Custom Fonts (Reduce)

Images vs. Fonts Large Screens Limit Styles Body Content Sprite Replacement?

drupal.org/project/fontyourface

WE LEAD WITH EXPERIENCE

19

Sprites (Reuse)

Better Load Time Easier Maintenance NorthPoint

Contribution:https://github.com/northpoint/

SpeedySprite

WE LEAD WITH EXPERIENCE

20

SMARTER WordPress (Recycle)

WE LEAD WITH EXPERIENCE

21

Contribute (Recycle)

Pluginsquick-cachewp-super-cachew3-total-cachewp-shmushitjquery-image-lazy-loadingrevision-controlperformance-optimization-order-styles-and-javascript

http://wordpress.org/plugins

WE LEAD WITH EXPERIENCE

22

Hosting

WE LEAD WITH EXPERIENCE

23

Trends

Photo: images.businessweek.com

httparchive.org/trends.php

/ Why Performance is Important/ Tools/ Reduce – Reuse - Recycle/ Trends

WE LEAD WITH EXPERIENCE

25

Questions? / Open Discussion

Photo: images.businessweek.com

WE LEAD WITH EXPERIENCE

New York Office130 West 42nd

StreetNew York, NY

10036Tel: 212-819-1700

Boston Office470 Atlantic

Avenue Boston, MA 02110Tel: 617-725-8888

Philadelphia Office1650 Market Street

Philadelphia, PA 19103

Tel: 215-558-2700

info@northps.com / northps.com

THANK YOUMatthew Dorman

mdorman@northps

@matthewdorman