DEV Community

austin for Lightstep

Posted on

1

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!

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay