《電子技術(shù)應(yīng)用》
您所在的位置:首頁(yè) > 其他 > 業(yè)界動(dòng)態(tài) > 學(xué)無(wú)止境,,速度制勝:疫情新常態(tài)下的中國(guó)出海教育行業(yè)如何優(yōu)化Web性能

學(xué)無(wú)止境,速度制勝:疫情新常態(tài)下的中國(guó)出海教育行業(yè)如何優(yōu)化Web性能

2020-09-25
來(lái)源:Akamai
關(guān)鍵詞: 疫情 海外教育 Web性能

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

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

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

1.png

  走好第一步:全面了解站點(diǎn)基本情況

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

本站內(nèi)容除特別聲明的原創(chuàng)文章之外,,轉(zhuǎn)載內(nèi)容只為傳遞更多信息,,并不代表本網(wǎng)站贊同其觀點(diǎn)。轉(zhuǎn)載的所有的文章,、圖片,、音/視頻文件等資料的版權(quán)歸版權(quán)所有權(quán)人所有,。本站采用的非本站原創(chuàng)文章及圖片等內(nèi)容無(wú)法一一聯(lián)系確認(rèn)版權(quán)者。如涉及作品內(nèi)容,、版權(quán)和其它問題,,請(qǐng)及時(shí)通過(guò)電子郵件或電話通知我們,以便迅速采取適當(dāng)措施,,避免給雙方造成不必要的經(jīng)濟(jì)損失,。聯(lián)系電話:010-82306118;郵箱:[email protected],。