General Performance Best Practices

Web development performance best practices

Ensure performance of your site doesn't become a hurdle to your shoppers by reviewing our recommendations for measuring and best practices for achieving great performance.

Why worry about performance?

In terms of business results, improved performance leads to increased conversions, increased pageviews, lower server/hosting costs, and increased SEO rankings. Bottom line: performance = money.

Superior performance has gone from being an afterthought to a crucial part of a buyer’s decision-making process when selecting a vendor. If you don’t have performance at the heart of your website-building process right from the start of the project, it is very difficult to achieve performance gains without significant investments at later stages.

If you are primarily thinking in terms of user experience (as you should!), a site that loads and responds quickly is obviously a superior experience.

Metrics to measure

There are a lot of different metrics out there that you could possibly measure, and it’s not always obvious which ones make the most sense. Network speed? Time to first byte? Frames per second? Repaints/layouts?

RAIL metrics to the rescue! The Chrome team has come up with a model that highlights the crucial metrics that matter to a user, in terms of the tasks they are trying to accomplish:


How to make performant websites

Making performant websites involves making good decisions along every step of the design and implementation process. The best way to ensure that you have a performant website is to pay close attention to RAIL metrics and learn about the best practices that affect a website’s performance.



Case Studies

Edit in GitHub