Hugo + OpenTelemetry - How fast is my site? (Video, Pt. 1)

austinlparker profile image austin ・1 min read

We love Hugo for building blazing-fast static sites, but it can be tricky to understand how well they perform for everybody. There can be hundreds or thousands of variables from an end-user's browser, to their ISP, to the vagaries of routing and content delivery networks around the world. Wouldn't it be nice if there was a simple way to quickly understand the performance of your static site?

OpenTelemetry can help! In this video series, we'll walk through how you can start instrumenting a static web page generated with Hugo (or the static site generator of your choice) using OpenTelemetry's automatic instrumentation, send that telemetry data somewhere, and then use it to analyze the performance of your page and debug in production.

Stay tuned for part two, where we'll get our telemetry out of the browser and into an analysis system like Lightstep in order to visualize the performance of our site.

Links and References

GitHub logo open-telemetry / opentelemetry-js

OpenTelemetry JavaScript API and SDK

GitHub logo open-telemetry / opentelemetry.io

The OpenTelemetry website and documentation

GitHub logo gohugoio / hugo

The world’s fastest framework for building websites.

GitHub logo jgthms / bulma

Modern CSS framework based on Flexbox

Questions? Comments? Want to watch the next show live?
Follow me on Twitter for all the latest!
Follow On-Call Me Maybe on Twitch!

Posted on by:

austinlparker profile



i want you to use computers to make your life easier. ran a devops conference in animal crossing. streams at @oncallmemaybe


At LightStep, our mission is to deliver confidence at scale for those who develop, operate, and rely upon today’s powerful software applications.


Editor guide