搭配 SharePoint Online 來使用內容傳遞網路

摘要:   本文將說明內容傳遞網路 (CDN),以及如何使用內容傳遞網路來提高 SharePoint Online 的效能。

在今日的網頁程式開發社群中有許多常見的文件庫 (例如 JavaScript 及 CSS 檔案),可讓您包含在 SharePoint 解決方案中。其中有許多文件庫是由 Microsoft 在 ASP CDN 上所提供的主機服務。這代表您可以從這些分散伺服器來參考這些文件庫,並允許網際網路的內建 DNS 路由系統來尋找離您使用者最近的伺服器。本文中的範例將示範從 SharePoint Online 下載熱門文件庫 jQuery 所用的時間,與從 ASP CDN 下載所用的時間有相當大的差異。使用者的本機電腦也可能已經有 CDN 版本的快取,讓他們不用下載檔案。如果您的使用者分散在世界各地,且離代管您 SharePoint Online 網站的資料中心相當遠,這一點可能就非常重要。

當您建立 SharePoint Online 網頁時,延遲可能會受到您的使用者與 SharePoint Online 執行個體之間實體距離的影響。這對於在世界各地都有據點的組織,且組織的網站是由某個洲上的伺服器代管,而地球另一邊的使用者要存取網站的內容時,這一點就相當重要。CDN 能夠減輕這種問題,方法是在離使用者較近的其他地方代管某些熱門的網頁資產。

由於 CDN 是代管相同檔案的全球性伺服器網路,用戶端電腦會解讀儲存在 CDN 中檔案的網際網路 URL,然後從離使用者最近的伺服器下載檔案。這樣會大幅縮減因網路往返而造成的延遲。

代管使用者遍佈世界各地的 SharePoint Online 網站的挑戰

代管 SharePoint Online 網站的資料中心位置,與您在註冊 Office 365 時所選取的位置 (由使用者指定) 有關。舉例來說,如果您的網站裝載在美國的伺服器上,而您有來自東亞的使用者存取網站,延遲的問題可能就會因為資料必須通過光纖纜線的距離而更加嚴重。

許多預設的 SharePoint 使用者介面所使用的靜態檔案,已經裝載在 Microsoft 的全球 CDN 網路中。這將會改善時間方面的效能問題。然而,如果您使用任何熱門的 JavaScript 及 CSS 資產 (例如 JQuery、Modernizr、Bootstrap 或 ASP.NET Ajax),您可以利用免費的 CDN 來改善這些檔案的載入時間。

使用 CDN 來改善下載速度的優點

使用 CDN 能改善頁面載入時間的原因很多。其中一個原因是 CDN 與使用者之間的距離,可能比 SharePoint Online 執行個體與使用者之間的距離還要短。這些網路是高度分散的,且也設計來提供非常高的可用性及回應時間。另一個原因是,如果您搭配 CDN 來使用熱門的 CSS 檔案文件庫,使用者可能已經有快取的文件庫,因此他們根本完全不需要下載。

下列的螢幕擷取畫面說明使用 CDN 的優點。這些螢幕擷取畫面是從 Internet Explorer 11 開發人員工具中的 [網路] 索引標籤所擷取的。這些螢幕擷取畫面顯示熱門文件庫 jQuery 的延遲情形。若要顯示這個畫面,請在 Internet Explorer 中按下 F12,然後選取由 Wi-fi 圖示代表的 [網路] 索引標籤。

F12 網路的螢幕擷取畫面

這個螢幕擷取畫面顯示已上傳到 SharePoint Online 網站本身之主版頁面圖庫的文件庫。上傳文件庫所花的時間為 1.51 秒。

載入時間 1.51 秒的螢幕擷取畫面

第二個螢幕擷取畫面顯示由 Microsoft 的 CDN 所傳送的同一個檔案。這次的延遲大約為 496 毫秒。這是很大的改進,下載頁面內容的全部時間縮短了整整一秒。

載入時間 469 毫秒的螢幕擷取畫面

搭配 SharePoint Server 2013 來使用 CDN

CDN 只適合搭配 SharePoint Online 內容來使用,不適用於 SharePoint Server 2013。這是因為如果伺服器位於內部部署或地理上封閉的環境中,所有地理位置方面的優點都無效了。此外,如果代管網站的伺服器有網路連線,代表網站可能是在沒有網際網路連線的情況下使用,因此無法擷取 CDN 檔案。除此以外,如果有個可用且穩定的 CDN 能用來代管您網站所需要的文件庫及檔案,您就應該要使用。

熱門的 CDN 及使用方式

Microsoft 的 Ajax CDN 提供大多數的熱門文件庫,包括 jQuery (和它所有其他的文件庫)、ASP.NET Ajax、Bootstrap、Knockout.js 等等。

若要在專案中包含這些指令碼,只要把所有這些可公開使用的文件庫參照,取代為 CDN 位址的參照即可,而不用納入您的專案中。舉例來說,若要連結至 jQuery,請使用下列的程式碼︰

<script src=http://ajax.aspnetcdn.com/ajax/jquery-2.1.1.js> </script>

如需有關 CDN 的詳細資訊,請參閱內容傳遞網路

有關在 SharePoint 中使用 CDN 的更多主題

來自 Office 365 CDN 的託管用戶端網頁組件

擴展您的技能
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×