金秋九月,，隨著疫情防控形式持續(xù)向好,，中國各地學(xué)校開始分批次復(fù)學(xué)復(fù)課，教師和學(xué)生迎來了久違的開學(xué)季,。然而,，疫情新常態(tài)下的開學(xué)季也為中國“走出去”的教育機構(gòu)和應(yīng)用程序帶來了新變化。一方面,，作為亞洲最大的國際留學(xué)生目的地,，中國本將迎接數(shù)十萬名國際留學(xué)生的到來。但受海外疫情影響,，大部分留學(xué)生仍無法入境就學(xué) ,、從而轉(zhuǎn)為線上學(xué)習(xí)。另一方面,，多款中國“出?！苯逃悜?yīng)用在疫情期間程序霸榜海外 ，用戶需求持續(xù)攀升,，造成了“流量洪峰”,。這種背景下，作為承載師生用戶的流量端口,，“走出去”的中國教育行業(yè)網(wǎng)站和應(yīng)用程序正面臨著新的機遇與挑戰(zhàn),。

　　一項研究表明 ，國際學(xué)生更可能通過瀏覽學(xué)校官網(wǎng)來決定是否申請,，而高達50%注冊的國際學(xué)生甚至僅通過瀏覽學(xué)校官網(wǎng)就決定注冊,，因此Web體驗對于“走出去”的學(xué)校至關(guān)重要。此外,，教育類應(yīng)用程序也對Web性能有著更高要求,。以國內(nèi)某“出海”教育應(yīng)用程序為例,，為了給教師和學(xué)生提供更好的用戶體驗,，該應(yīng)用程序承諾，若授課過程中出現(xiàn)多次卡頓等網(wǎng)絡(luò)問題,，教師可以選擇結(jié)束課程,，而平臺不僅會正常支付教師課時費用，還要向?qū)W生賠償相應(yīng)的學(xué)時,。由此可見,，正在“走出去”的中國教育行業(yè)將Web性能與體驗當(dāng)做了“起跳臺”--跳得好一步登天，跳不好一步深淵,，Web性能將直接影響生源和業(yè)績,，進而決定教育機構(gòu)或企業(yè)的命運。

　　然而，Web性能的提升是非常復(fù)雜的工程,，它涉及用戶訪問體驗的可見性,、對海外互聯(lián)網(wǎng)狀況的了解、跨部門跨技術(shù)棧,、性能的優(yōu)化經(jīng)驗等多方面考量,。因此，為了優(yōu)化網(wǎng)站和應(yīng)用程序的整體訪問效果,、保障遍布全球各地的老師和學(xué)生的用戶體驗,，“走出去”的教育機構(gòu)和教育類應(yīng)用程序進行Web性能優(yōu)化時需關(guān)注以下幾個方面。

　　走好第一步：全面了解站點基本情況

　　所謂“知人者智,，自知者明,，勝人者有力，自勝者強”,。對于“走出去”的教育機構(gòu)和教育類應(yīng)用程序來說,，全面了解自身站點的情況是Web性能優(yōu)化“旗開取勝”的關(guān)鍵?？傮w而言,，相關(guān)負責(zé)人需要利用Ping、模擬測試工具以及真實用戶監(jiān)測工具（RUM）對自身站點情況進行全面監(jiān)測,，以此詳細了解其用戶的分布情況,、訪問來源、終端特征,、頁面構(gòu)成以及關(guān)鍵路徑等重要信息,。具體來講，用戶分布情況的分析包括用戶分布的國家或地區(qū),、具體的分布比例,；訪問來源分析旨在了解用戶桌面端或手機端、瀏覽器或應(yīng)用程序等終端特征,；頁面構(gòu)成方面需要分析整體頁面的圖片數(shù)量,、尺寸、格式,，以及視頻展示的大小、時間等構(gòu)成狀況,；在關(guān)鍵路徑方面,，教育機構(gòu)和教育類應(yīng)用程序需明確關(guān)鍵路徑中的HTML文件或CSS文件等關(guān)鍵資源，并將其進行預(yù)加載與優(yōu)化,，從而保障整體訪問效果,。

　　優(yōu)化頁面加載：“優(yōu)先+壓縮”兩步走

　　在對網(wǎng)站和應(yīng)用程序有了全面了解后,，“走出去”的教育機構(gòu)和教育類應(yīng)用程序可以著手進行整個網(wǎng)站的加載,。在整個網(wǎng)頁加載的優(yōu)化過程中,，相關(guān)負責(zé)人應(yīng)對關(guān)鍵文件進行預(yù)加載和優(yōu)化--即優(yōu)先加載HTML文件、CSS文件,、JS文件，然后再加載圖片、文字,、視頻等頁面展示文件，以此達到減少頁面響應(yīng)時間的效果,。另外,，對于某些非必要加載的JS文件，延遲加載或異步處理的方式將讓教師和學(xué)生獲得更好的頁面感受及體驗,。

　　除了對上述文件的優(yōu)化,，“走出去”的教育機構(gòu)和教育類應(yīng)用程序還需對每個字節(jié)進行更深入的優(yōu)化。由于壓縮通常能將響應(yīng)的數(shù)據(jù)量減少70%,，因此壓縮便是另一提升Web性能的加速方法,。除業(yè)界通用的GZIP壓縮方式，教育機構(gòu)和教育類應(yīng)用程序還可采用如Brotli這類更先進,、更加靈活的壓縮方式,。Brotli的壓縮算法可將CSS和JS文件的比例壓縮至15%-30%，由此減少網(wǎng)頁加載內(nèi)容和降低頁面大小,，最終達到頁面加載性能和速度的提升,，保障教師和學(xué)生的站點訪問效果。

　　優(yōu)化圖片和視頻加載：對癥下“圖”

　　對于在線教育行業(yè)而言,，視覺化的表達可以更好地展現(xiàn)教學(xué)內(nèi)容,、提升師生線上留存時間，因此豐富有趣的圖片和視頻是教育機構(gòu)和教育類應(yīng)用程序和網(wǎng)站必不可少的頁面元素,。但由于視頻和圖片通常占據(jù)較大的加載數(shù)據(jù)量,，加載時間比其他文件更長。為了優(yōu)化圖片和視頻的加載速度,，教育機構(gòu)和教育類應(yīng)用程序和網(wǎng)站需要選擇匹配終端用戶瀏覽器的最佳圖片格式,。通常而言，圖片格式的壓縮轉(zhuǎn)化可節(jié)省30%以上的字節(jié),。因此,，在保證圖片質(zhì)量和效果的前提下，網(wǎng)站和應(yīng)用程序需尋找合適的壓縮比例,，使頁面的響應(yīng)速度得到大幅提升,。

　　此外，Akamai觀察發(fā)現(xiàn),，針對桌面端和移動端設(shè)備,，教育機構(gòu)和教育類應(yīng)用程序和網(wǎng)站普遍存在頁面均加載同一版本圖片的問題,，這種做法會造成移動端用戶的頁面數(shù)據(jù)加載冗余。因此,，教育機構(gòu)和教育類應(yīng)用程序和網(wǎng)站還應(yīng)基于教師和學(xué)生終端設(shè)備的種類來選擇不同尺寸的圖片,，避免過多的數(shù)據(jù)加載、減少整體頁面加載的數(shù)據(jù)量,。

　　優(yōu)化協(xié)議版本：緊跟前沿,、重視安全

　　Akamai發(fā)現(xiàn)，當(dāng)前大多數(shù)“出?！苯逃W(wǎng)站采用的協(xié)議版本為HTTP 1.1,，而非更新的HTTP 2.0協(xié)議。事實上,，HTTP 2.0對網(wǎng)站加載有頗多益處,，例如它可以壓縮HTTP頭部字段進行資源加載的多路復(fù)用和并行加載、進行關(guān)鍵資源的服務(wù)器推送,，以及在加載完HTML文件后可預(yù)先將文件推送到瀏覽器本地加快內(nèi)容熏染,。因此，“出?！苯逃W(wǎng)站應(yīng)使用更新的HTTP 2.0協(xié)議來加速其頁面加載效率和網(wǎng)站訪問質(zhì)量,。

　　另一方面，在全球個人隱私和數(shù)據(jù)保護備受重視的當(dāng)下,，除了教育網(wǎng)站和應(yīng)用程序的頁面加載效率,，后臺數(shù)據(jù)和師生隱私信息的保護也至關(guān)重要。然而,，我國多數(shù)教育機構(gòu)網(wǎng)站和應(yīng)用程序在國內(nèi)采用無加密的HTTP協(xié)議,，尚未使用加密性更具優(yōu)勢的HTTPS協(xié)議。當(dāng)這些網(wǎng)站和應(yīng)用程序“出?！睍r,，就會出現(xiàn)低版本或過時協(xié)議的使用問題。這些問題致使數(shù)據(jù)在傳輸過程中被竊取和改變的風(fēng)險增大,，因此,，“走出去”的教育網(wǎng)站和應(yīng)用程序應(yīng)使用最新版本協(xié)議，避免因信息安全泄露產(chǎn)生經(jīng)濟和法律問題,。

　　優(yōu)化第三方資源和靜態(tài)緩存

　　隨著“走出去”的教育網(wǎng)站結(jié)構(gòu)變得愈發(fā)復(fù)雜,，其所需的功能也與日俱增。網(wǎng)站正在引入更多的第三方資源,，甚至第四方,、第五方和第六方資源?？膳碌氖?，當(dāng)其中某一資源的加載出現(xiàn)問題時，網(wǎng)站的整個頁面就會遇到性能瓶頸,。雖然教育網(wǎng)站無法過度干預(yù)第三方資源的加載,，但仍可通過優(yōu)化、替代或者整體延遲加載進行處理,。

　　此外,，為了提升頁面顯示效率，支持并發(fā)獲取資源,，“走出去”的教育機構(gòu)還應(yīng)將其網(wǎng)站中的圖片,、JS、CSS,、視頻,、HTML等靜態(tài)文件進行有效緩存，利用CDN將靜態(tài)資源緩存在距離用戶最近的位置,，確保教師和學(xué)生從最近的地方獲取相應(yīng)的靜態(tài)資源,，優(yōu)化文件傳輸?shù)幕ヂ?lián)網(wǎng)路徑。對于大多數(shù)教育行業(yè)的網(wǎng)頁來說,，靜態(tài)數(shù)據(jù)構(gòu)成了超過一半的內(nèi)容,。Akamai發(fā)現(xiàn)，如果沒有緩存,，那么這可能會花費幾秒的時間來提取和傳輸這類數(shù)據(jù),，但采用緩存后不到1秒便可完成。

　　疫情之下的開學(xué)季,，為中國出海教育行業(yè)開辟了新的教學(xué)模式,，線上、線下混合教學(xué)模式正在成為常態(tài),。為了吸引更多海外師生用戶,，并為現(xiàn)有師生提供優(yōu)質(zhì)的體驗，出海教育行業(yè)必須持續(xù)對其網(wǎng)站和應(yīng)用程序進行優(yōu)化,，形成“監(jiān)控--優(yōu)化--驗證”的完整閉環(huán),，打造全球化的教育網(wǎng)絡(luò)，讓教育突破空間的限制,。從這個角度上看,，Web性能既是教育行業(yè)出海的“起跳臺”，也可能是扭轉(zhuǎn)命運的“轉(zhuǎn)運石”,，構(gòu)筑穩(wěn)固的“起跳臺”,，珍視“轉(zhuǎn)運石”隱藏的機遇，教育行業(yè)“出?！本透芫劢购诵臉I(yè)務(wù)而無網(wǎng)絡(luò)體驗的后顧之憂,。