Front end performance

PS for organizers: This can also be given as a presentation

This is a hands on sessions on:

  • How to make your site render fast in the browser
  • How to minimize assest downloads
  • How to minimize file size
  • How to save bandwith
  • How to minimize css and javascript the good way

Tools used:

  • Drupal 7 (with patches)
  • Grunt
  • Vanilla javascript
  • Google page speed
  • Performance budget
  • Custom rewrite rules

Goal:

  • Beat the 1000ms barrier
  • But still theme using unminified source code
  • And still allow extra javascript for site administrators

Example: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%...

 

Note to the selection comittee: there is another session on the same subject, Seb and I are ok with merging both or participating/promoting one another.