Designing and Theming for Performance WordPress

439 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
439
On SlideShare
0
From Embeds
0
Number of Embeds
71
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Designing and Theming for Performance WordPress

  1. 1. Designing and Theming for Performance Matthew Dorman Sr. Vice President NorthPoint Digital @northps @matthewdorman
  2. 2. / About NorthPoint Digital / About Presenter / Why Performance is Important / Tools / Reduce – Reuse - Recycle / Trends / Questions / Open Discussion
  3. 3. WE LEAD WITH 3 We lead with experience NEW YORKBOSTON PHILADELPHIA NEW YORK BOSTON PHILADELPHIA HQ
  4. 4. WE LEAD WITH 4 NorthPoint helps optimize your digital presence through a perfect blend: Strategy. Experience. Technology.
  5. 5. WE LEAD WITH 5 Web. Mobile. Social. We create digital platforms so you have endless possibilities:
  6. 6. WE LEAD WITH 6 Platforms / Technologies
  7. 7. WE LEAD WITH 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
  8. 8. WE LEAD WITH 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
  9. 9. WE LEAD WITH 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
  10. 10. WE LEAD WITH 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
  11. 11. WE LEAD WITH 11 Which Loads Faster? Car and Driver vs. Edmunds
  12. 12. WE LEAD WITH 12 Which Loads Faster? Drupal vs. WordPress
  13. 13. WE LEAD WITH 13 Which Loads Faster? Acquia vs. Automattic
  14. 14. WE LEAD WITH 14 Tools  Yahoo’s Yslow developer.yahoo.com/yslow  AOL’s WebPage Test www.webpagetest.org  Google’s PageSpeed developers.google.com/speed/pagespeed
  15. 15. WE LEAD WITH 15 Reduce – Reuse - Recycle Photo:
  16. 16. WE LEAD WITH Fewer Requests (Reduce)  FIX 400/50x ERRORS!  Optimize Content  Aggregate CSS  Aggregate JavaScript  Lossless Compression  Lazy Load Images
  17. 17. WE LEAD WITH 17 Aggregation (Reduce)
  18. 18. WE LEAD WITH 18 Custom Fonts (Reduce)  Images vs. Fonts  Large Screens  Limit Styles  Body Content  Sprite Replacement? drupal.org/project/fontyourface
  19. 19. WE LEAD WITH 19 Sprites (Reuse)  Better Load Time  Easier Maintenance  NorthPoint Contribution: https://github.com/northpoint/SpeedySprite
  20. 20. WE LEAD WITH 20 SMARTER WordPress (Recycle)
  21. 21. WE LEAD WITH 21 Contribute (Recycle) Plugins quick-cache wp-super-cache w3-total-cache wp-shmushit jquery-image-lazy-loading revision-control performance-optimization-order-styles-and-javascript http://wordpress.org/plugins
  22. 22. WE LEAD WITH 22 Hosting
  23. 23. WE LEAD WITH 23 Trends Photo: images.businessweek.com httparchive.org/trends.php
  24. 24. / Why Performance is Important / Tools / Reduce – Reuse - Recycle / Trends
  25. 25. WE LEAD WITH 25 Questions? / Open Discussion Photo: images.businessweek.com
  26. 26. WE LEAD WITH New York Office 130 West 42nd Street New York, NY 10036 Tel: 212-819-1700 Boston Office 470 Atlantic Avenue Boston, MA 02110 Tel: 617-725-8888 Philadelphia Office 1650 Market Street Philadelphia, PA 19103 Tel: 215-558-2700 info@northps.com / northps.com THANK YOU Matthew Dorman mdorman@northps @matthewdorman

×