We use cookies to personalize content, to provide social media features and to analyze our traffic. We also share information about your use of our site with our social media, advertising and analytics partners. For information on how to change your cookie settings, please see our Privacy policy. Otherwise, if you agree to our use of cookies, please continue to use our website.

What are 20 Ways to Increase the Performance of a Responsive Design Site?

If you missed the rapid fire, information packed, explosion of tips on high performance Responsive Design given by Patrick Collins, Senior Vice President, Merkle, at eTail East on August 12th, we invite you to view his presentation.

When it comes to performance and Responsive Design, there are a number of best practices that we encourage. We narrowed it down to the top 20. Learn more about the state of mobile commerce, Responsive Design and best practices for performance by accessing the full presentation here.

  1. Prefer CSS & fonts over images
  2. Put your energy into image optimization
  3. Enhance touch operations
  4. Use lazy loading
  5. Optimize open social gadgets
  6. Use local caching
  7. Use a Content Delivery Network
  8. Validate JS and CSS code through automated tools
  9. Provide feedback to users when processing requests
  10. Make a list of supported browsers and breakpoints
  11. Specify your page load speed goals
  12. Be selective with content
  13. Plan your responsive design technology approach
  14. Balance branding, speed and content
  15. Get experts or train well
  16. Expand your design toolset
  17. Design and build Mobile First or “At the same time”
  18. Mobile always wins
  19. Change how you do design reviews
  20. Setup analytics by breakpoint
Join the Discussion