Web Performance Tips

Great Tips For Fast Webs

[Web Performance Tips @webperftips]

@jayphelps @SlexAxton Two people can be funny. It’s honestly better that way.

(I recovered the password)

[Web Performance Tips @webperftips]

Debounce? Pshh… Try our new jQuery plugin: DoubleDribble.js

$.dbldrbl = function(fn, n){
return function() {
while(n--){ fn() }
}
}

[Web Performance Tips @webperftips]

TTFJ

Time To First Jank

[Web Performance Tips @webperftips]

Sure, animated gifs might be larger than video, but they're also more battery/cpu intensive and lower quality.

[Web Performance Tips @webperftips]

Fast By Association™

Load iframes of fast websites into the body of your website, and people will associate your site with the fast ones.

[Web Performance Tips @webperftips]

* {
will-change: contents;
}

[Web Performance Tips @webperftips]

Roses are slow.
Violets are slow.
Sorry this is a day late.
408 Request Timeout.

[Web Performance Tips @webperftips]

Speed.

Not even once.

[Web Performance Tips @webperftips]

Dear DMV, have you considered React?

[Web Performance Tips @webperftips]

Enable SSLv3 exclusively on your app so you can still have a green lock, but browsers have an easier time reading the plain text.

[Web Performance Tips @webperftips]

y do they call it SPDY

[Web Performance Tips @webperftips]

#permfatters

[Web Performance Tips @webperftips]

@majorandindie Thanks Major!

[Web Performance Tips @webperftips]

`gzip --best` is kind of subjective.

[Web Performance Tips @webperftips]

Jank early, jank often.

[Web Performance Tips @webperftips]

Save expensive computations for when the user isn't engaging with application, like during a scroll or primary content load.

[Web Performance Tips @webperftips]

Set element.viscosity to below 0.5 for faster reflows.

[Web Performance Tips @webperftips]

server {
listen 443;
rewrite ^ http://$server_name$request_uri?;
}

https take *so* *long*. Simply redirect it to http.

[Web Performance Tips @webperftips]

Use the new ServiceWorkers to add a small amount of latency to each request. This shows users that the servers are "really working hard."

[Web Performance Tips @webperftips]

Remove the 'skip intro' link on your homepage to save precious bytes across the wire.