DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

austin for Lightstep

Posted on

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

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!

Top comments (0)

πŸ‘‰ Help make DEV better

Start a new GitHub Discussion in the Forem repo.