Performance

Accessibility | Best Practices | Branding Blogs | CSS Guidelines | Design Blogs

Essays on Design | Freelance Business | Getting Started | Inspiration | Javascript | Libraries

Reference | Staying Current | SVG | Toolbox | Typography | UI / UX Design | Workflow

Performance

Avoid Large, Complex Layouts and Layout Thrashing - A guide on how to avoid layout thrashing, which is caused when there are changes to an element's geometric properties.

CSS Triggers - An invaluable tool for checking if specific CSS properties will trigger layout, paint or composite operations by the browser.

Front-End Performance Checklist 2017 - An overview of the issues you might need to consider to ensure that your response times are fast and your website smooth.

Front-End Performance for Web Designers and Front-End Developers - An excellent guide on front-end performance that covers everything from the basics to server configuration.

Font Loading Revisited with Font Events - An approach to loading fonts progressively to save users from the dreaded FOIT.

Jank Free - Jank Free is a collection of articles and resources related to identifying and eliminating 'jank' in your web design.

Let’s Do Simple Stuff to Make Our Websites Faster - A quick screencast by Chris Coyier on four simple things you can do to speed up your websites. 

PageSpeed Insights Rules - A guide to the rules that can be seen when using Google's PageSpeed Insights tool. Lot's of invaluable information in these docs.

The Path to Perf - A podcast for everyone dedicated to making websites faster. 

Perf.Rocks - A great reference tool for finding performance related resources.

Prioritizing Performance - A great article by Brad Frost outlining steps we can take in order to prioritize performance in our responsive designs. 

Setting a Performance Budget - A post by Tim Kadlec regarding how to set a “budget” on your page and not allowing the page to exceed that.

Web Page Test - Web Page Test is a great online tool for measuring speed from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds.

What Forces Layout/Reflow - A comprehensive list of properties or methods that trigger the browser to synchronously calculate the style and layout when requested/called in JavaScript.

Wicked Fast Websites - A beginner’s guide to high-performance responsive web design by Chris Ferdinandi.

WPO Stats - Case studies and experiments demonstrating the impact of web performance optimization (WPO) on user experience and business metrics.