Every so often, following the annual lockdown, we give some of our best and brightest minds free rein to work on anything that takes their fancy. Fuelled by pizza and a passion for their work, they’re given just two days to come up with working solutions in a two-day hackathon. We try to make the atmosphere as relaxed as possible to help spark some creative thinking. There’s also the incentive of a number of small prizes for the most imaginative ideas.
Last year’s event took place on 14–15 December, and here are a few of the highlights:
Caching header analysis
Figure 1 – Comparing Last Modified date with Expires date – the bars on the left show when each object was last modified, while the ones on the right show the number of days before it expires
Experimenting with the monitoring portal UI
Team High Fidelity decided to experiment with NCC Group’s monitoring portal UI. Building on the new version of the portal (a preview of which is coming soon), their aim was to promote thought and discussion rather than produce the dream solution.
Nevertheless, they came up with some great ideas:
Figure 2 – Displaying monitoring data in different ways and on different devices
Team High Fidelity
This team was inspired by Mark Zeman’s front-end performance heatmap. Written in PHP, their solution can be used to log in to Performance Analyser, run a test, retrieve the results and generate an image showing which parts of the page were quickest to load. The focus was on load order, rather than absolute timings, with the areas of the page that load first highlighted in green and the slowest in red.
Figure 3 – A web performance heatmap
This gives you an at-a-glance guide to whether you’re loading the most useful content first. For example, it will show you whether you’re loading a purely decorative background image before more useful text or third-party ads before your own content.
Simon Hearne and Andy Davies built the performance heatmap
PA Runner for CI
Increasingly, organisations are building web performance into the development process. This inspired one team to integrate Performance Analyser with Jenkins.
Written in Java and configurable using a simple JSON file, this worked so well and was so well documented that you can use it today if you’re a Performance Analyser customer. You’ll find a step-by-step guide here: https://community.nccgroup-webperf.com/documentation/application/pa-runner-for-jenkins/.
This was also the overall winner.
Figure 4 – Output from an integration of Performance Analyser with Jenkins
Paul Bianciardi collects the prize for the integration of Performance Analyser and Jenkins
We’ve just covered a few of the highlights here, but other excellent entries included a tool to analyse and visualise log files from the latest version of our monitoring agent, a working chat room and an application that allowed users to recommend drinks by photographing them on a smartphone.
It was a fun event with a serious purpose. Getting people to think creatively outside the constraints of their day-to-day job can be incredibly valuable. Even quirky, off-the-wall ideas can help people learn how to use a new technology or work in new ways. This year, the hackathon gave us a number of ideas to take forward and at least one finished, ready-to-use solution. We’re looking forward to running the next one.
Andrew is Engineering Manager at NCC Group Web Performance.