designing and theming for performance wordpress
TRANSCRIPT
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
[email protected] / northps.com
THANK YOUMatthew Dorman
mdorman@northps
@matthewdorman