JBL - What is JBL?

Introduction

JBL is an innovative passive monitoring product designed to track and analyze website performance and usage seamlessly. By monitoring browser activities such as xhr, fetch, window.load, as well as player libraries like HLS.js, Flv.js, and MpegTS.js, JBL captures vital data about your website's performance in real-time.

All collected data is sent back to the JBL data center for in-depth analysis, enabling website owners to understand critical metrics like:

• Website usage rate
• Error rates
• Active user count
• Request counts
• Real-time activity monitoring

JBL operates passively, collecting data from all users visiting the website without the need for active probes. This gives website owners a complete, real-time picture of their website's uptime, stability, and user experience. The product consists of two key components:

1. JBL JS Listener: A lightweight JavaScript listener embedded into your website to monitor user activities.
2. JBL Dashboard: A powerful interface that provides visualized data and insights to track website performance and issues effectively.

Why should I use JBL?

JBL is a must-have tool for website owners, developers, and operators who need reliable insights into their website's performance without disrupting the user experience. Here’s why JBL stands out:

1. Passive Monitoring: JBL listens to activities happening naturally on your website, eliminating the need for simulated testing or manual intervention.
2. Comprehensive Insights: Monitor key performance indicators like website speed, error rates, user engagement, and requests in real-time.
3. Non-Intrusive Operation: JBL runs quietly in the background, ensuring your website remains unaffected by the monitoring process.
4. Real-time Alerts: Identify issues as they happen, allowing you to respond quickly and maintain uptime and user satisfaction.
5. Scalable Solution: JBL works effortlessly across websites with varying traffic, providing consistent insights no matter the scale of operations.

With JBL, you can ensure your website remains performant, reliable, and responsive, all while improving the overall user experience.

Basic Example

To start using JBL, embed the JBL JS Listener into your website. The listener will automatically begin tracking browser activities and transmitting data to the JBL data center for analysis.

Here’s an example of how to integrate the listener:

<script type="text/javascript" src="https://cdn.example.com/jbl.js"></script>
<script>
    const authorizationKey = ${Product authorization key};

    // monitor website information
    JBLWebSocket.connect(authorizationKey);
</script>

Once the listener is set up, you can log in to the JBL Dashboard to view detailed reports and insights in real time.

Comparison with Active Testing

While active testing involves sending synthetic requests or probes to evaluate website performance, JBL focuses on passive monitoring, capturing real user activities. Here’s how JBL compares to active testing:

Feature	JBL (Passive Monitoring)	Active Testing
Data Collection	Listens to real user activities	Sends simulated requests
Impact on Traffic	No additional traffic or load generated	Generates synthetic traffic
Real-Time Insights	Tracks live user interactions	Focuses on simulated environments
Error Detection	Detects errors as experienced by users	Detects potential issues in probes
Usage Metrics	Measures actual user count and behavior	Provides estimated metrics
Scalability	Scales with real user activity	Limited by testing infrastructure

JBL complements active testing by providing real-world insights and monitoring live user interactions, enabling a more accurate understanding of your website’s performance and user experience. With JBL, you don’t just test your website—you truly understand how it performs in the real world.