走好第一步:全面了解站點基本情況
所謂“知人者智,自知者明,勝人者有力,自勝者強”。對于“走出去”的教育機構和教育類應用程序來說,全面了解自身站點的情況是Web性能優(yōu)化“旗開取勝”的關鍵??傮w而言,相關負責人需要利用Ping、模擬測試工具以及真實用戶監(jiān)測工具(RUM)對自身站點情況進行全面監(jiān)測,以此詳細了解其用戶的分布情況、訪問來源、終端特征、頁面構成以及關鍵路徑等重要信息。具體來講,用戶分布情況的分析包括用戶分布的國家或地區(qū)、具體的分布比例;訪問來源分析旨在了解用戶桌面端或手機端、瀏覽器或應用程序等終端特征;頁面構成方面需要分析整體頁面的圖片數(shù)量、尺寸、格式,以及視頻展示的大小、時間等構成狀況;在關鍵路徑方面,教育機構和教育類應用程序需明確關鍵路徑中的HTML文件或CSS文件等關鍵資源,并將其進行預加載與優(yōu)化,從而保障整體訪問效果。
優(yōu)化頁面加載:“優(yōu)先+壓縮”兩步走
在對網(wǎng)站和應用程序有了全面了解后,“走出去”的教育機構和教育類應用程序可以著手進行整個網(wǎng)站的加載。在整個網(wǎng)頁加載的優(yōu)化過程中,相關負責人應對關鍵文件進行預加載和優(yōu)化——即優(yōu)先加載HTML文件、CSS文件、JS文件,然后再加載圖片、文字、視頻等頁面展示文件,以此達到減少頁面響應時間的效果。另外,對于某些非必要加載的JS文件,延遲加載或異步處理的方式將讓教師和學生獲得更好的頁面感受及體驗。
除了對上述文件的優(yōu)化,“走出去”的教育機構和教育類應用程序還需對每個字節(jié)進行更深入的優(yōu)化。由于壓縮通常能將響應的數(shù)據(jù)量減少70%,因此壓縮便是另一提升Web性能的加速方法。除業(yè)界通用的GZIP壓縮方式,教育機構和教育類應用程序還可采用如Brotli這類更先進、更加靈活的壓縮方式。Brotli的壓縮算法可將CSS和JS文件的比例壓縮至15%-30%,由此減少網(wǎng)頁加載內(nèi)容和降低頁面大小,最終達到頁面加載性能和速度的提升,保障教師和學生的站點訪問效果。
優(yōu)化圖片和視頻加載:對癥下“圖”
對于在線教育行業(yè)而言,視覺化的表達可以更好地展現(xiàn)教學內(nèi)容、提升師生線上留存時間,因此豐富有趣的圖片和視頻是教育機構和教育類應用程序和網(wǎng)站必不可少的頁面元素。但由于視頻和圖片通常占據(jù)較大的加載數(shù)據(jù)量,加載時間比其他文件更長。為了優(yōu)化圖片和視頻的加載速度,教育機構和教育類應用程序和網(wǎng)站需要選擇匹配終端用戶瀏覽器的最佳圖片格式。通常而言,圖片格式的壓縮轉(zhuǎn)化可節(jié)省30%以上的字節(jié)。因此,在保證圖片質(zhì)量和效果的前提下,網(wǎng)站和應用程序需尋找合適的壓縮比例,使頁面的響應速度得到大幅提升。
此外,Akamai觀察發(fā)現(xiàn),針對桌面端和移動端設備,教育機構和教育類應用程序和網(wǎng)站普遍存在頁面均加載同一版本圖片的問題,這種做法會造成移動端用戶的頁面數(shù)據(jù)加載冗余。因此,教育機構和教育類應用程序和網(wǎng)站還應基于教師和學生終端設備的種類來選擇不同尺寸的圖片,避免過多的數(shù)據(jù)加載、減少整體頁面加載的數(shù)據(jù)量。
優(yōu)化協(xié)議版本:緊跟前沿、重視安全
Akamai發(fā)現(xiàn),當前大多數(shù)“出?!苯逃W(wǎng)站采用的協(xié)議版本為HTTP 1.1,而非更新的HTTP 2.0協(xié)議。事實上,HTTP 2.0對網(wǎng)站加載有頗多益處,例如它可以壓縮HTTP頭部字段進行資源加載的多路復用和并行加載、進行關鍵資源的服務器推送,以及在加載完HTML文件后可預先將文件推送到瀏覽器本地加快內(nèi)容熏染。因此,“出?!苯逃W(wǎng)站應使用更新的HTTP 2.0協(xié)議來加速其頁面加載效率和網(wǎng)站訪問質(zhì)量。
另一方面,在全球個人隱私和數(shù)據(jù)保護備受重視的當下,除了教育網(wǎng)站和應用程序的頁面加載效率,后臺數(shù)據(jù)和師生隱私信息的保護也至關重要。然而,我國多數(shù)教育機構網(wǎng)站和應用程序在國內(nèi)采用無加密的HTTP協(xié)議,尚未使用加密性更具優(yōu)勢的HTTPS協(xié)議。當這些網(wǎng)站和應用程序“出海”時,就會出現(xiàn)低版本或過時協(xié)議的使用問題。這些問題致使數(shù)據(jù)在傳輸過程中被竊取和改變的風險增大,因此,“走出去”的教育網(wǎng)站和應用程序應使用最新版本協(xié)議,避免因信息安全泄露產(chǎn)生經(jīng)濟和法律問題。
優(yōu)化第三方資源和靜態(tài)緩存
隨著“走出去”的教育網(wǎng)站結(jié)構變得愈發(fā)復雜,其所需的功能也與日俱增。網(wǎng)站正在引入更多的第三方資源,甚至第四方、第五方和第六方資源??膳碌氖?,當其中某一資源的加載出現(xiàn)問題時,網(wǎng)站的整個頁面就會遇到性能瓶頸。雖然教育網(wǎng)站無法過度干預第三方資源的加載,但仍可通過優(yōu)化、替代或者整體延遲加載進行處理。
此外,為了提升頁面顯示效率,支持并發(fā)獲取資源,“走出去”的教育機構還應將其網(wǎng)站中的圖片、JS、CSS、視頻、HTML等靜態(tài)文件進行有效緩存,利用CDN將靜態(tài)資源緩存在距離用戶最近的位置,確保教師和學生從最近的地方獲取相應的靜態(tài)資源,優(yōu)化文件傳輸?shù)幕ヂ?lián)網(wǎng)路徑。對于大多數(shù)教育行業(yè)的網(wǎng)頁來說,靜態(tài)數(shù)據(jù)構成了超過一半的內(nèi)容。Akamai發(fā)現(xiàn),如果沒有緩存,那么這可能會花費幾秒的時間來提取和傳輸這類數(shù)據(jù),但采用緩存后不到1秒便可完成。
疫情之下的開學季,為中國出海教育行業(yè)開辟了新的教學模式,線上、線下混合教學模式正在成為常態(tài)。為了吸引更多海外師生用戶,并為現(xiàn)有師生提供優(yōu)質(zhì)的體驗,出海教育行業(yè)必須持續(xù)對其網(wǎng)站和應用程序進行優(yōu)化,形成“監(jiān)控——優(yōu)化——驗證”的完整閉環(huán),打造全球化的教育網(wǎng)絡,讓教育突破空間的限制。從這個角度上看,Web性能既是教育行業(yè)出海的“起跳臺”,也可能是扭轉(zhuǎn)命運的“轉(zhuǎn)運石”,構筑穩(wěn)固的“起跳臺”,珍視“轉(zhuǎn)運石”隱藏的機遇,教育行業(yè)“出?!本透芫劢购诵臉I(yè)務而無網(wǎng)絡體驗的后顧之憂。