Performance - The best Performance resources in one place

Page 2 of 8

medium.com

Twitter Lite and High Performance React Progressive Web Apps at Scale

A look into removing common and uncommon performance bottlenecks in one of the worlds largest React.js PWAs, Twitter Lite. Creating a fast web application involves many cycles of measuring where time is…

Read the full story⇀
medium.com

Designing for the Appearance of Speed

The jury has spoken: performance, conversion, and brand engagement are inextricably connected. Amazon has shown that each 100ms of latency costs them 1% in sales. Walmart chalks up an extra 2% conversions…

Read the full story⇀
habd.as

Progressive Monitoring for your Progressive Web Apps

How do you monitor website performance? Is it monitored? How do you know if your website is getting faster? Or when it falls below critical performance thresholds? Are you receiving automated alerts?…

Read the full story⇀
thinkwithgoogle.com

Why Mobile Page Speed Is a Visual Designer’s Problem

Visual designers' goals haven't changed much in the last two decades, but the media in which they work has evolved rapidly. Jason Cohen, global technical lead at Google, explains how designers can…

Read the full story⇀
luisant.ca

What Minifiers Also Leave Behind

It has been a while, hasn't it, Internet? I missed you too. I'm still probing what optimizations the modern CSS minifiers are capable of. Previously, I mainly looked at colors and whitespace…

Read the full story⇀
hackernoon.com

Speed Up Your Site With a Little Machine Learning

I spend roughly 73% of my life thinking about web performance — hitting that sweet 60FPS on slow phones, loading my assets in the perfect order, offline-caching everything I can. Other examples. But recently…

Read the full story⇀
medium.com

Preload, Prefetch And Priorities in Chrome

Today we’ll dive into insights from Chrome’s networking stack to provide clarity on how web loading primitives (like link rel=“preload” & link rel=“prefetch”) work behind the scenes so you can be more…

Read the full story⇀
luisant.ca

The Race for the Smallest CSS Files Continues

A week or two ago, I have released the CSS Remynifier onto the world. I have received many comments and I have been tinkering with CSS on and off to take the…

Read the full story⇀
prashantsani.com

How I Made an Interactive, Scroll-Animations Website Load in Less Than 3 Seconds!

This week I launched one of my most anticipated project, my portfolio website. This post covers some of the Progressive Enhancement, CSS3, HTML5, Responsive Web Design tips and tricks involved while developing…

Read the full story⇀
luisant.ca

CSS Remynification: A Completely Crazy Idea That Worked

I came up with Remynification, a new way to minify CSS. This technique beats every competing technique that I am aware of, on every CSS file that I threw it its direction.…

Read the full story⇀
medium.com

JavaScript Start-up Performance

As web developers, we know how easy it is to end up with web page bloat. But loading a webpage is much more than shipping bytes down the wire. Once the browser…

Read the full story⇀
bitsofco.de

Optimising GIFs for the Web

Like a lot of people, I like GIFs. I like to use them in my articles to illustrate functionality. For example, this GIF from my article on "Recreating the iTunes Library". However,…

Read the full story⇀
zivtech.com

Why Performance Best Practices Aren’t Speeding Up Your Site

You've gone through all the checklist compliance work, but haven't seen any change in your site's speed. What's going on here? There's no shortage of generic web performance optimization advice out there.…

Read the full story⇀
hackernoon.com

Optimising the Front End for the Browser

Optimisation is all about speed and satisfaction. For the User Experience (UX) we want our front end to deliver a fast loading and performant web page. And for the Developer Experience (DX)…

Read the full story⇀
csswizardry.com

Base64 Encoding & Performance, Part 1: What’s Up with Base64?

Prominent performance advice of a few years back simply stated that we should ‘reduce the number of requests we make’. Whilst this is, in general, perfectly sound advice, it’s not without its…

Read the full story⇀
codepen.io

Single-Image Retina Solution

Double dimensions, crank the compression, scale to 50% in browser. Original Non-Retina - 600 x 400: Jpeg compressed at 80%, 37,418 bytes. Retina - 1200 x 800: Jpeg compressed at 30%, Looks…

Read the full story⇀

Previous Page Page 2 Next Page

medium.com

Twitter Lite and High Performance React Progressive Web Apps at Scale

medium.com

Designing for the Appearance of Speed

habd.as

Progressive Monitoring for your Progressive Web Apps

thinkwithgoogle.com

Why Mobile Page Speed Is a Visual Designer’s Problem

luisant.ca

What Minifiers Also Leave Behind

hackernoon.com

Speed Up Your Site With a Little Machine Learning

medium.com

Preload, Prefetch And Priorities in Chrome

luisant.ca

The Race for the Smallest CSS Files Continues

prashantsani.com

How I Made an Interactive, Scroll-Animations Website Load in Less Than 3 Seconds!

luisant.ca

CSS Remynification: A Completely Crazy Idea That Worked

medium.com

JavaScript Start-up Performance

bitsofco.de

Optimising GIFs for the Web

zivtech.com

Why Performance Best Practices Aren’t Speeding Up Your Site

hackernoon.com

Optimising the Front End for the Browser

csswizardry.com

Base64 Encoding & Performance, Part 1: What’s Up with Base64?

codepen.io

Single-Image Retina Solution

Get the most interesting design and frontend stories from our curation every day or week.