# 推荐监测代码同步加载

### 同期加载的理由 <a href="#tong-qi-jia-zai-de-li-you" id="tong-qi-jia-zai-de-li-you"></a>

在同步读取中，当页面开始加载时，标签的处理将在 JavaScript 被加载时开始，并且直到处理完成页面加载才会停止。换句话说，标签的处理将在 JavaScript 被加载时确保开始，这有助于准确测量数据，但缺点是可能会影响页面的加载速度。

#### 同步加载对页面加载速度的优化 <a href="#tong-bu-jia-zai-dui-ye-mian-jia-zai-su-du-de-you-hua" id="tong-bu-jia-zai-dui-ye-mian-jia-zai-su-du-de-you-hua"></a>

Ptengine 的基本标签通过改进、使用CDN和专有的算法等措施，在正常的网络环境下可以在数十毫秒内加载，即使在体验发布状态中也能在 500 毫秒内加载。因此，即使是同步加载，也不会对用户体验造成重大影响。

* **标签压缩和缓存**\
  Ptengine 的监测代码通过减少网络带宽使用和下载时间来提高网站性能。
* **最小化代码大小**\
  通过减小代码大小，可以减少下载时间和带宽使用量，从而提高网站性能。
* **使用高速服务器和 CDN**\
  使用高速服务器和 CDN 可以提高网站的响应速度，并减轻标签对页面加载速度的影响。
* **24/7 监控**\
  我们通过全球节点监控服务和实时观测标签文件下载速度来及时发现网络波动。

**注意：** Ptengine的基础代码托管在拥有世界级网络和存储的AWS计算平台上。AWS过去 10 年中一直被认为是云基础设施和平台服务的领导者。从历史数据来看，它已经连续10年实现了100%的正常运行时间。

#### 同步加载的优势 <a href="#tong-bu-jia-zai-de-you-shi" id="tong-bu-jia-zai-de-you-shi"></a>

采用同步标签的优势如下： （\*下面的描述基于基本标签已嵌入在 HTML 中的情况。）

* **准确测量数据**\
  同步加载确保了只有在加载 Ptengine 标签后才会执行以下代码。因此，测量的数据可靠性高，值得信赖。
* **管理和维护简便**\
  同步加载时，Ptengine 的基本标签具有较高的优先级，不会被其他 JavaScript 代码覆盖或阻塞。此外，由于直接嵌入 HTML 代码中，标签的管理和维护不会变得复杂。
* **适用于各种浏览环境**\
  同步加载适用于桌面和移动设备，适用于所有网站。此外，它也适应了各种浏览器规范的变化。

综上所述，同步加载标签可以提高数据的可信度和稳定性，简化标签的管理和维护，并适用于各种浏览环境的测量。

### 非同步读取 <a href="#fei-tong-bu-du-qu" id="fei-tong-bu-du-qu"></a>

非同步读取意味着标签的处理不一定与 JavaScript 的加载时间相匹配，而是作为独立的处理。因此，与同步读取不同，即使一个代码加载失败，也不会影响其他代码的加载。由于不会影响页面显示，不会给用户带来不便，因此像 Google Tag Manager 这样的标签管理工具通常采用非同步加载。

#### 非同步读取的缺点 <a href="#fei-tong-bu-du-qu-de-que-dian" id="fei-tong-bu-du-qu-de-que-dian"></a>

非同步读取的缺点在于处理的时机不稳定，可能无法正确测量数据。此外，如果在 Ptengine Experience 中执行页面编辑，则可能会出现页面闪烁现象，并且需要根据情况选择正确的加载方法，增加了管理的难度。

Ptengine的监测代码通过独有的技术，避免了延迟加载的问题，采用同步加载。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://helps.ptengine.com/cn/faq/tracking-code/sync-load-recommendation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
