1 / 26

Designing and Theming for Performance: Strategies and Tools

Discover how to optimize your digital presence through smart design choices and efficient theming. Learn about the impact of performance on SEO, user engagement, and revenue growth. Explore useful tools and best practices for reducing load times and improving user experience.

liang
Télécharger la présentation

Designing and Theming for Performance: Strategies and Tools

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Designing and Theming for Performance • Matthew Dorman • Sr. Vice President / Partner • NorthPoint Digital • mdorman@northps.com • @matthewdorman

  2. WE LEAD WITH EXPERIENCE 2

  3. NorthPoint helps optimize your digital presence through a perfect blend: Strategy. Experience. Technology. 3

  4. Web. Mobile. Social. 4

  5. We lead with experience BOSTON NEW YORK PHILADELPHIA 5

  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 6

  7. Outline • Why? • Tools • Reduce, Reuse, Recycle • Trends • Drupal 8 • Questions / Open Discussion 7

  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 8

  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 9

  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 10

  11. Which Loads Faster? Car and Driver vs. Edmunds 11

  12. Which Loads Faster? Seahawks v. Broncos 12

  13. Which Loads Faster? Drupal vs. WordPress 13

  14. Which Loads Faster? Acquia vs. Automattic 14

  15. Tools • Yahoo’s Yslow • http://developer.yahoo.com/yslow • AOL’s WebPage Test • http://www.webpagetest.org • Google’s PageSpeed • https://developers.google.com/speed/pagespeed 15

  16. Reduce, Reuse, Recycle 16 Photo: http://www.zazzle.com

  17. Fewer Requests (Reduce) • Aggregate CSS • Aggregate JavaScript • Lossless Compression • Lazy Load Images • Optimize Content • FIX 404 ERRORS! 17

  18. Fewer Requests (Reduce) 18

  19. Custom Fonts (Reduce) • Images vs. Fonts • Large Screens • Limit Styles • Body Content • Sprite Replacement? drupal.org/project/fontyourface 19

  20. Sprites (Reuse) • Better Load Time • Easier Maintenance • NorthPoint Contribution: • https://github.com/northpoint/SpeedySprite 20

  21. SMARTER DRUPAL (Recycle) 21

  22. Contribute (Recycle) • Modules • advagg • speedy • jquery_update • fontyourface • imageapi_optimize • boost • cdn • varnish http://www.drupal.org/project/ 22

  23. Trends httparchive.org/trends.php 23 Photo: images.businessweek.com

  24. Drupal 8 • Wim Leers: • http://bit.ly/1jP9v0w photo: http://association.drupal.org 24

  25. Questions? / Open Discussion / Flash Drives… 25 Photo: images.businessweek.com

  26. NorthPoint Digital • www.northps.com • @northps • Matthew Dorman • Sr. Vice President / Partner • mdorman@northps.com • @matthewdorman 26

More Related