Operations | Monitoring | ITSM | DevOps | Cloud

JavaScript

JavaScript SDK "Package Size is Massive" - So we reduced it by 29%

Developers started to notice just how big our JavaScript package was and yeah, we knew. We weren’t ignoring the issues; after all, we don’t want the Sentry package to be the cause of a slowdown. But to reduce our JavaScript SDK package size effectively we had to account for shipping new capabilities, like being able to manage the health of a release and performance monitoring, while maintaining a manageable bundle size. After all, new features == bigger package - usually.

Minify CSS and JavaScript to accelerate website speed

Minification is the technique of terminating all undue extra characters from the source code. This method reduces file sizes, allowing for faster load times and less bandwidth load. Less code appearing in front-end web pages also leads to a more compact, faster-loading website. Most importantly, minification speeds up web pages for users on limited data plans, allowing them to enjoy your content with less worry about exceeding their download quota.

NestJS - Monitoring your NestJS Application using OpenTelemetry and SigNoz

Monitoring your NestJS application is critical for performance management. But setting up monitoring for NestJS applications can get cumbersome requiring multiple libraries and patterns. That's where OpenTelemetry comes in. In this tutorial, we will use SigNoz as a backend. SigNoz is an open-source APM tool that can be used for both metrics and distributed tracing. Let's get started and see how to use OpenTelemetry for a NestJS application.

New Browser APIs for Detecting Javascript Performance Issues in The Production

Users nowadays demand the greatest possible experience, which implies top-notch performance. Smooth scrolling, prompt interaction responses, a fast page load time, and flawless animations are all things they anticipate. Local profiling to identify performance issues is convenient, but it only provides a limited amount of information. While things may run smoothly on our high-end developer machines, the user may be dealing with poor hardware and a bad experience.

Auto-Instrumenting NestJS Apps with OpenTelemetry

In this tutorial, we will go through a working example of a NestJS application auto-instrumented with OpenTelemetry. In our example we will use a simple application that outputs “Hello World!” when we call it in the browser. We will instrument this application with OpenTelemetry’s Node.js client library to generate trace data and send it to an OpenTelemetry Collector. The Collector will then export the trace data to an external distributed tracing analytics tool of our choice.

Debug JavaScript in Mobile Safari (iOS) in 8 easy steps

Debugging JavaScript is an inevitable part of web development, and not the nicest one. Debugging jobs always seem to pop up when you’re already buried under piles of work, and a teammate pings you about an issue that was overlooked in testing and has been causing frustrations since your last release. That’s why it helps to be prepared for that eventuality, and equipped with the developer tools to help you debug faster.

DevOps.JS Workshop: Tracking errors and slowdowns across JS applications using Sentry

Join Simon Zhong, Sentry Sales Engineer, as he goes through setting up Sentry step-by-step to get visibility into our frontend and backend. Once integrated, he will track and triage errors + transactions surfaced by Sentry from our services to understand why/where/how errors and slowdowns occurred within our application code. This workshop took place live at DevOps.JS Conference on March 21, 2022.

Kubernetes Easy Button - Running Your JS Apps on Kubernetes with Shipa

Kubernetes is becoming a dominant platform for running workloads. As the Kubernetes ecosystem continues to advance capturing a wider swath of workloads, eventually your code might be headed to Kubernetes. As a Tech Lead at Shipa responsible for front-end engineering e.g what you see on the screen, my job crosses JavaScript Frameworks and Kubernetes on a daily basis.