Insights from

Warning : subjectivity

Harry Roberts - FaCSSt—CSS and Performance

CSS = highest correlation to render time

  • Blocking resource
  • Build CSSOM
  • Layout / Paint / Compositing

Parsing a 1MB stylesheet on a Moto G4 takes > 2s !  

Tips & tricks

  • Don't use base64 encoding (parsing 10 to 32x slower)
  • @import makes your CSS synchronous
  • Selector performance (keep your nesting limited)
  • Alphabetic CSS 🤔
  • Sass mixins > extend 🤔
  • Splitting assets domains (maybe) not a great idea : overhead from DNS lookup, initial connection, SSL
  • <link rel="stylesheet"> in <body> - no support yet on Chrome (coming in 69) and Safari but graceful degradation !

Mike Herchel - Chrome devtools tips & tricks

  • h to toggle visibility of an element
  • Contrast ratio inspector
  • Break on attribute / subtree modifications
  • Performance --> bottom up --> group by domain
  • Console eager evaluation
  • Console.time + timeEnd
  • Sources overrides

Burke Holland -

Visual Studio Code can do that?

 

  • Toggle sidebar : ctrl + b
  • "npm.enableScriptExplorer": true
  • Emmet update image size
  • Debug browser apps
  • Emmet Wrap Individual Lines with Abbreviation

     

https://vscodecandothat.com/

Heather Burns -

Privacy, data protection, and open source development

Cultural and legal differences towards privacy in EU vs US

Do not view privacy as a legal obligation or as a one-time compliance checklist

Helping make Wordpress sites GDPR compliant

Niels Leenheer  - Fun with Bluetooth

 

Bluetooth devices run a webserver

A bunch of limitations

  • APIs not always open
  • You have to know the UUID of the service or characteristics you want to access
  • Browser support (very) limited

Heydon Pickering  - Get Your Priorities Straight

 

Real people aren't looking to be delighted.

People want to get the task done and get on with their lives.

Why do they call it a hero image?

Because the user says:
"Thanks for the pointless 500KB image, you're a
fucking hero"

Made with Slides.com