Performance

Learn how (and why) to make your app faster by optimizing JS, CSS, images/fonts and other things

See how your mobile site speed ranks compared to other top brands and learn how you can provide a faster, more frictionless mobile experience

foobartel Ltd. is a web design consultancy based in Hong Kong.

Thanks to mobile device and network proliferation, more people are using the web than ever before. As this user base grows, performance is more important than ever. In this article, find out why performance matters, and learn what you can do to make the web faster for everyone.

Next to eliminating unnecessary resource downloads, the best thing we can do to improve page-load speed is to minimize the overall download size by optimizing and compressing the remaining resources.

How to get the most out of caching without nasty race conditions

Three years ago, while I was a web developer at YouTube, one of the senior engineers began a rant about the page weight of the video watch page being far too large. The page had ballooned to as high as 1.2MB and dozens of requests. This engineer... | Chris Zacharias | Founder of imgix. YCombinator alum. Ex-YouTuber. Studied New Media at RIT.

Official documentation for the "Performance Budgets" and "Keep Request Counts Low And File Sizes Small" Lighthouse audits.

The best front-end performance optimization techniques to improve browser cache perceived performance for user experience and higher conversion rates

Now that HTTP/2 is enjoying greater ubiquity than ever, it’s especially important to challenge the once unquestionable rule of resource bundling in client side performance. Join Stefan Baumga…

High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without...

20+ experts share their advice and mistakes they see when it comes to web performance and which optimizations you should spend time prioritizing.

In order to be able to improve website performance, you must first be able to pinpoint where possible issues are originating from.

Front-end performance guide for beginners to optimize website visitor traffic, higher conversion rates and best front-end performance tools

Web developers know what they’re doing in terms of optimizing a website for page speed, but is it enough in Google’s eyes? When it comes to mobile loading speeds, your website can always be faster. Find out how.

Let’s make 2019... fast! A front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences today.

All-in-one service for website speed test, web performance monitoring and website analysis (speed, SEO, quality, security). Web performance has never been so easy.

In this article, we uncover how PageSpeed calculates it’s critical speed score. It’s no secret that speed has become a crucial factor in…

A performance playground for JavaScript developers. Easily create and share test cases and run cross-browser benchmarks to find out which code snippet is most efficient.

A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.

Data can be prohibitively expensive, especially in developing countries. Chris Ashton puts himself in the shoes of someone on a tight data budget and offers practical tips for reducing our websites' data footprint.

Learn how browsers convert HTML, CSS and JavaScript into websites while you experiment with Chrome Developer Tools to measure and optimize website speed!

Web site created using create-react-app

:pencil: A curated list of Web Performance Optimization. Everyone can contribute here! - davidsonfellipe/awesome-wpo

In theory, performance, accessibility, and inclusive design all have similar goals: Provide the best, most consistent experience to all people using the minimal amount of resources. In practice, this often falls apart. Product creators define what it means to be performant from where they stand, which is typically from places of privilege with unseen biases, struggling to find true empathy with their users. Through this talk, we'll examine how to build conscientiously, looking within to resist systematic problems in order to create more truly performant, accessible, and inclusive systems fo...

How fast can it go?

🎮 The only Front-End Performance Checklist that runs faster than the others - thedaviddias/Front-End-Performance-Checklist

Where should you be focusing your efforts when it comes to improving your site’s performance? Here’s a reusable framework for figuring it out.