RUM JavaScript 指的是一種用於網頁效能監測的 JavaScript 程式碼，它能夠在使用者訪問網站時記錄使用者的行為和頁面效能資料，並將這些資料傳送給RUM（Real User Monitoring，實時使用者監測）系統進行分析和展示。

RUM JavaScript 通常透過在網頁的頭部或底部插入一段JavaScript程式碼來實現。該程式碼可以在使用者開啟網站時執行，並記錄頁面的載入速度、使用者操作等資料。一旦資料被記錄，它就會透過HTTP請求或者其他協議傳送到 RUM 系統進行分析。

透過使用 RUM JavaScript，網站管理員可以獲取關於網站效能的實時資料，包括頁面載入時間、資源請求時間、JavaScript執行時間等資訊。這些資料可以用來最佳化網站效能，提高使用者體驗。同時，RUM JavaScript還可以用來識別網站的效能瓶頸，找出需要最佳化的部分，為開發人員提供更有針對性的建議和指導。

![](https://img-blog.csdnimg.cn/img_convert/4968b79977a181fbe338a99c6ab5d114.png)

以下是一些 RUM JavaScript 的程式碼例子：

# 使用 Navigation Timing API 進行效能測量

```javascript
// 使用 Navigation Timing API 計算頁面載入時間
window.onload = function() {
  var time = window.performance.timing;
  var loadTime = time.loadEventEnd - time.navigationStart;
  console.log('頁面載入時間: ' + loadTime + 'ms');
};
```

# 使用 Resource Timing API 進行效能測量

```javascript
// 使用 Resource Timing API 計算資源載入時間
window.onload = function() {
  var resources = window.performance.getEntriesByType('resource');
  resources.forEach(function(resource) {
    console.log('資源 ' + resource.name + ' 載入時間: ' + resource.duration + 'ms');
  });
};
```

# 使用 XMLHttpRequest 進行資料收集

```javascript
// 使用 XMLHttpRequest 傳送資料到伺服器
var xhr = new XMLHttpRequest();
xhr.open('POST', '/log');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log('資料傳送成功');
  }
};
var data = {
  page: window.location.href,
  timestamp: new Date().getTime(),
  performance: window.performance.timing
};
xhr.send(JSON.stringify(data));
```

以上是一些常見的 RUM JavaScript 程式碼例子，可以幫助網站管理員實現對網站效能和使用者行為的監測和收集，並提供有用的資料和指導。

什麼是 RUM JavaScript

相關文章