We use cookies. You have options. Cookies help us keep the site running smoothly and inform some of our advertising, but if you’d like to make adjustments, you can visit our Cookie Notice page for more information.
We’d like to use cookies on your device. Cookies help us keep the site running smoothly and inform some of our advertising, but how we use them is entirely up to you. Accept our recommended settings or customise them to your wishes.

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