# CDN browser SDK installation guide
Copy as Markdown[Open in ChatGPT](https://chatgpt.com/?q=Read%20https%3A%2F%2Fdocs-docusaurus.kinsta.page%2Fuser-guides%2Frum%2Fsdk-installation%2Fjavascript%2Fcdn-browser.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)[Open in Claude](https://claude.ai/new?q=Read%20https%3A%2F%2Fdocs-docusaurus.kinsta.page%2Fuser-guides%2Frum%2Fsdk-installation%2Fjavascript%2Fcdn-browser.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)
As part of our [Real User Monitoring](https://docs-docusaurus.kinsta.page/user-guides/rum/getting-started/real-user-monitoring/.md) (RUM) toolkit, Coralogix offers multi-faceted Error Tracking, enabled by our **CDN RUM Browser SDK**.
## Overview[](#overview "Direct link to Overview")
Using a CDN RUM browser SDK enables quick and efficient deployment of monitoring tools by simply embedding a script tag in your HTML, without needing to install packages or set up a build system. This approach offers significant advantages: it minimizes setup time, leverages globally distributed CDN infrastructure for low-latency script loading, and benefits from browser-level caching, which can reduce load times and improve performance. Additionally, it allows developers to integrate RUM into static or legacy sites without major codebase changes, making it a convenient solution for capturing real-world user performance and behavior data with minimal effort.
For information on our **NPM Browser SDK**, view [this page](https://docs-docusaurus.kinsta.page/user-guides/rum/sdk-installation/javascript/npm-browser/.md).
## Configuration[](#configuration "Direct link to Configuration")
Select the exact version required for your use case.
### Specific version (recommended)[](#specific-version-recommended "Direct link to Specific version (recommended)")
By default, the CDN is built using the ES2015 (ES6) standard.
Use a specific browser version (`https://cdn.rum-ingress-coralogix.com/coralogix/browser/[version]/coralogix-browser-sdk.js`). Replace `[version]` with a version from our [Releases page](https://www.npmjs.com/package/@coralogix/browser?activeTab=versions).
Note
The latest CDN version option is no longer available. Use an explicit version instead.
### ES5-compatible version[](#es5-compatible-version "Direct link to ES5-compatible version")
For legacy environment support, ensure you're using the ES5-compatible version (`https://cdn.rum-ingress-coralogix.com/coralogix/browser/[version]/coralogix-browser-sdk.es5.js`).
## Adding CDN script to your application.[](#adding-cdn-script-to-your-application "Direct link to Adding CDN script to your application.")
```
...
```
## Initialization[](#initialization "Direct link to Initialization")
Initialize the SDK using a JS or TS file.
### JS file[](#js-file "Direct link to JS file")
```
window.CoralogixRum.init(...);
```
### TS file[](#ts-file "Direct link to TS file")
```
window.CoralogixRum.init(...);
// In case of warning from TSC
declare global {
interface Window {
CoralogixRum: CoralogixOtelWebType;
}
}
```
### Web Vitals[](#web-vitals "Direct link to Web Vitals")
Changed in 3.0.0
**Breaking change:** TBT (Total Blocking Time) is no longer collected by default. To enable it, pass the `instrumentations.web_vitals.metrics.tbt` option to `CoralogixRum.init()`:
```
{
"instrumentations": {
"web_vitals": {
"metrics": {
"tbt": true
}
}
}
}
```
## Additional resources[](#additional-resources "Direct link to Additional resources")
| | |
| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Documentation | [Real User Monitoring](https://docs-docusaurus.kinsta.page/user-guides/rum/getting-started/real-user-monitoring/.md)
[RUM Integration Package](https://docs-docusaurus.kinsta.page/user-guides/rum/getting-started/rum-integration-package/.md)
[Error Tracking](https://docs-docusaurus.kinsta.page/user-guides/rum/product-features/error-tracking/.md)
[Error Tracking: User Manual](https://docs-docusaurus.kinsta.page/user-guides/rum/product-features/error-tracking-user-manual/.md) |