DEV Community

austin for Lightstep

Posted on

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

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 makes that easy! You can see how to add OpenTelemetry in my previous video -

Once you've integrated OpenTelemetry into your site, how do you actually get the data somewhere that you can analyze and review it? In this video, we'll walk through the configuration and deployment of the OpenTelemetry Collector in a Kubernetes cluster, and expose it to the world via HTTP. I'll show you how to add some interesting attributes to the automatic instrumentation that you can analyze later, and we'll see how you can easily connect your OpenTelemetry Collector to Lightstep in order to visualize the traces being emitted.

We're almost there - the last step is getting ready for production by configuring HTTPS on our Collector. Keep an eye out for the wrap-up post where I'll write up the entire journey, and offer some suggestions on how to add OpenTelemetry to your site!

Links and References

GitHub logo open-telemetry / opentelemetry-js

OpenTelemetry JavaScript API and SDK


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)