金秋九月,隨著疫情防控形式持續向好,中國各地學校開始分批次復學復課,教師和學生迎來了久違的開學季。然而,疫情新常態下的開學季也為中國“走出去”的教育機構和應用程序帶來了新變化。一方面,作為亞洲最大的國際留學生目的地,中國本將迎接數十萬名國際留學生的到來。但受海外疫情影響,大部分留學生仍無法入境就學 、從而轉為線上學習。另一方面,多款中國“出海”教育類應用在疫情期間程序霸榜海外 ,用戶需求持續攀升,造成了“流量洪峰”。這種背景下,作為承載師生用戶的流量端口,“走出去”的中國教育行業網站和應用程序正面臨著新的機遇與挑戰。
一項研究表明 ,國際學生更可能通過瀏覽學校官網來決定是否申請,而高達50%注冊的國際學生甚至僅通過瀏覽學校官網就決定注冊,因此Web體驗對于“走出去”的學校至關重要。此外,教育類應用程序也對Web性能有著更高要求。以國內某“出海”教育應用程序為例,為了給教師和學生提供更好的用戶體驗,該應用程序承諾,若授課過程中出現多次卡頓等網絡問題,教師可以選擇結束課程,而平臺不僅會正常支付教師課時費用,還要向學生賠償相應的學時。由此可見,正在“走出去”的中國教育行業將Web性能與體驗當做了“起跳臺”--跳得好一步登天,跳不好一步深淵,Web性能將直接影響生源和業績,進而決定教育機構或企業的命運。
然而,Web性能的提升是非常復雜的工程,它涉及用戶訪問體驗的可見性、對海外互聯網狀況的了解、跨部門跨技術棧、性能的優化經驗等多方面考量。因此,為了優化網站和應用程序的整體訪問效果、保障遍布全球各地的老師和學生的用戶體驗,“走出去”的教育機構和教育類應用程序進行Web性能優化時需關注以下幾個方面。
走好第一步:全面了解站點基本情況
所謂“知人者智,自知者明,勝人者有力,自勝者強”。對于“走出去”的教育機構和教育類應用程序來說,全面了解自身站點的情況是Web性能優化“旗開取勝”的關鍵。總體而言,相關負責人需要利用Ping、模擬測試工具以及真實用戶監測工具(RUM)對自身站點情況進行全面監測,以此詳細了解其用戶的分布情況、訪問來源、終端特征、頁面構成以及關鍵路徑等重要信息。具體來講,用戶分布情況的分析包括用戶分布的國家或地區、具體的分布比例;訪問來源分析旨在了解用戶桌面端或手機端、瀏覽器或應用程序等終端特征;頁面構成方面需要分析整體頁面的圖片數量、尺寸、格式,以及視頻展示的大小、時間等構成狀況;在關鍵路徑方面,教育機構和教育類應用程序需明確關鍵路徑中的HTML文件或CSS文件等關鍵資源,并將其進行預加載與優化,從而保障整體訪問效果。
優化頁面加載:“優先+壓縮”兩步走
在對網站和應用程序有了全面了解后,“走出去”的教育機構和教育類應用程序可以著手進行整個網站的加載。在整個網頁加載的優化過程中,相關負責人應對關鍵文件進行預加載和優化--即優先加載HTML文件、CSS文件、JS文件,然后再加載圖片、文字、視頻等頁面展示文件,以此達到減少頁面響應時間的效果。另外,對于某些非必要加載的JS文件,延遲加載或異步處理的方式將讓教師和學生獲得更好的頁面感受及體驗。
除了對上述文件的優化,“走出去”的教育機構和教育類應用程序還需對每個字節進行更深入的優化。由于壓縮通常能將響應的數據量減少70%,因此壓縮便是另一提升Web性能的加速方法。除業界通用的GZIP壓縮方式,教育機構和教育類應用程序還可采用如Brotli這類更先進、更加靈活的壓縮方式。Brotli的壓縮算法可將CSS和JS文件的比例壓縮至15%-30%,由此減少網頁加載內容和降低頁面大小,最終達到頁面加載性能和速度的提升,保障教師和學生的站點訪問效果。
優化圖片和視頻加載:對癥下“圖”
對于在線教育行業而言,視覺化的表達可以更好地展現教學內容、提升師生線上留存時間,因此豐富有趣的圖片和視頻是教育機構和教育類應用程序和網站必不可少的頁面元素。但由于視頻和圖片通常占據較大的加載數據量,加載時間比其他文件更長。為了優化圖片和視頻的加載速度,教育機構和教育類應用程序和網站需要選擇匹配終端用戶瀏覽器的最佳圖片格式。通常而言,圖片格式的壓縮轉化可節省30%以上的字節。因此,在保證圖片質量和效果的前提下,網站和應用程序需尋找合適的壓縮比例,使頁面的響應速度得到大幅提升。
此外,Akamai觀察發現,針對桌面端和移動端設備,教育機構和教育類應用程序和網站普遍存在頁面均加載同一版本圖片的問題,這種做法會造成移動端用戶的頁面數據加載冗余。因此,教育機構和教育類應用程序和網站還應基于教師和學生終端設備的種類來選擇不同尺寸的圖片,避免過多的數據加載、減少整體頁面加載的數據量。
優化協議版本:緊跟前沿、重視安全
Akamai發現,當前大多數“出海”教育網站采用的協議版本為HTTP 1.1,而非更新的HTTP 2.0協議。事實上,HTTP 2.0對網站加載有頗多益處,例如它可以壓縮HTTP頭部字段進行資源加載的多路復用和并行加載、進行關鍵資源的服務器推送,以及在加載完HTML文件后可預先將文件推送到瀏覽器本地加快內容熏染。因此,“出海”教育網站應使用更新的HTTP 2.0協議來加速其頁面加載效率和網站訪問質量。
另一方面,在全球個人隱私和數據保護備受重視的當下,除了教育網站和應用程序的頁面加載效率,后臺數據和師生隱私信息的保護也至關重要。然而,我國多數教育機構網站和應用程序在國內采用無加密的HTTP協議,尚未使用加密性更具優勢的HTTPS協議。當這些網站和應用程序“出海”時,就會出現低版本或過時協議的使用問題。這些問題致使數據在傳輸過程中被竊取和改變的風險增大,因此,“走出去”的教育網站和應用程序應使用最新版本協議,避免因信息安全泄露產生經濟和法律問題。
優化第三方資源和靜態緩存
隨著“走出去”的教育網站結構變得愈發復雜,其所需的功能也與日俱增。網站正在引入更多的第三方資源,甚至第四方、第五方和第六方資源。可怕的是,當其中某一資源的加載出現問題時,網站的整個頁面就會遇到性能瓶頸。雖然教育網站無法過度干預第三方資源的加載,但仍可通過優化、替代或者整體延遲加載進行處理。
此外,為了提升頁面顯示效率,支持并發獲取資源,“走出去”的教育機構還應將其網站中的圖片、JS、CSS、視頻、HTML等靜態文件進行有效緩存,利用CDN將靜態資源緩存在距離用戶最近的位置,確保教師和學生從最近的地方獲取相應的靜態資源,優化文件傳輸的互聯網路徑。對于大多數教育行業的網頁來說,靜態數據構成了超過一半的內容。Akamai發現,如果沒有緩存,那么這可能會花費幾秒的時間來提取和傳輸這類數據,但采用緩存后不到1秒便可完成。
疫情之下的開學季,為中國出海教育行業開辟了新的教學模式,線上、線下混合教學模式正在成為常態。為了吸引更多海外師生用戶,并為現有師生提供優質的體驗,出海教育行業必須持續對其網站和應用程序進行優化,形成“監控--優化--驗證”的完整閉環,打造全球化的教育網絡,讓教育突破空間的限制。從這個角度上看,Web性能既是教育行業出海的“起跳臺”,也可能是扭轉命運的“轉運石”,構筑穩固的“起跳臺”,珍視“轉運石”隱藏的機遇,教育行業“出海”就更能聚焦核心業務而無網絡體驗的后顧之憂。