# 排除網站性能問題的故障

如果您的Webflow網站的加載時間超過2-3秒，有幾個可能的原因。\
讓我們來看看3個原因以及如何解決它們：

1. Webflow服務問題
2. 網絡連接故障排除
3. 網站優化

**注意**\
由於訪問限制，您的網站在中國可能無法如期加載。

## Webflow服務問題

如果您的Webflow網站出現問題，可能是由於Webflow服務錯誤。\
以下是您可以檢查的3個地方：

1. Down for everyone or just me會告訴您Webflow的當前狀態
2. Webflow的狀態頁面全天候監控和報告Webflow儀表板、服務器等的事件細節
3. Webflow的Twitter帳戶分享有關Webflow性能問題的最新訊息

## 網路連接故障排除

網路連接緩慢或斷斷續續也會導致加載時間緩慢。

**注意**\
如果您遇到了網路問題，請測試您的本地網路/路由器，聯繫互聯網服務提供商，或等待網路連接問題的解決。\
以下3種可以排除網路連接故障的方法：

### 1.嘗試使用代理服務器或VPN

代理服務器從第三方位置加載您的網站，通常會繞過本地網路問題。嘗試使用代理服務器或VPN加載您的網站。如果您的網站通過代理服務器加載正常，但對您來說卻很慢，您就發現了個網路問題。

### 2.在美國或加拿大測試網站

如果您不在美洲，請美國或加拿大的人測試網站的性能。如果他們加載得很快，而您卻很慢，那麽您就發現了網路問題。

### 3.聯繫我們

讓我們知道哪個網站給您帶來了麻煩，我們可以在我們這邊進行測試。如果該網站對我們來說加載很快，但對您來說很慢，那麽您很可能有一個網路問題。

## 網站優化

導致加載問題的原因有很多，一些例子是：

* 不必要的大圖像
* 連結的資產
* 第三方插件
* 過多的過渡/轉換
* 過多的互動和動畫
* 嵌入的內容

用免費的在線網站速度測試來測試您的網站的加載時間，並按照下面的步驟來加快進度。

### 優化大型圖片

大型圖片是網站運行緩慢的唯一最常見的原因。這裡有一些關於Webflow網站中圖片的最佳做法：

1. 盡可能使用向量圖像
2. 壓縮點陣圖像
3. 使用正確的圖像格式（JPG、PNG、GIF等）
4. 盡量保持圖像顯示尺寸與圖像的自然尺寸相近

### 限制連結元素

許多網頁包含對托管在外部服務器上的元素的引用，需要額外的時間通過您的服務器和瀏覽器來加載。您有越多的連結元素（如腳本、圖像、Twitter訂閱等），網站就越慢。

盡可能地限制您網站上的連結元素的數量。如果您的網站托管在您自己的服務器上，每次加載頁面時，將外部內容的副本上傳到您的服務器，而不是使用第三方服務器。

### 更新、替換、或刪除第三方插件

插件可能寫得不好，維護得不好，甚至不支持，導致加載緩慢。如果您的插件導致您的網站加載緩慢，考慮更新它們，用效率和速度評級更好的類似插件替換它們，或者完全刪除它們。

### 刪除不必要的過渡/轉換

Webflow使您可以很容易地在您的網站上添加CSS過渡和轉換，但您不應該過度使用，而是只使用能增加體驗的轉場和轉換。而且在添加過渡時，只選擇您希望過渡影響的屬性，而不是所有屬性。

![](https://assets-global.website-files.com/5e39e095596498a8b9624af1/607ef99895e28b2ce1c4b879_Troubleshoot-website-performance-issues_1.png)

### 刪除不必要的互動

網站上的每一個互動都會增加加載時間，請確保您的網站元素結構允許：

* 在多個元素上使用相同的互動
* 盡可能避免使用重複的互動
* 只有在互動真正增加體驗時才使用互動


---

# 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://docs.tenten.co/docs-webflow/webflow-101/9-tuo-guan-he-dai-ma-shu-chu/pai-chu-wang-zhan-xing-neng-wen-ti-de-gu-zhang.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.