疫情新常态下的中国出海教育行业如何优化Web性能

2020-09-25来源: EEWORLD关键字:Web性能  教育

金秋九月,随着疫情防控形式持续向好,中国各地学校开始分批次复学复课,教师和学生迎来了久违的开学季。然而,疫情新常态下的开学季也为中国“走出去”的教育机构和应用程序带来了新变化。一方面,作为亚洲最大的国际留学生目的地,中国本将迎接数十万名国际留学生的到来[4]。但受海外疫情影响,大部分留学生仍无法入境就学[5]、从而转为线上学习。另一方面,多款中国“出海”教育类应用在疫情期间程序霸榜海外[6],用户需求持续攀升,造成了“流量洪峰”。这种背景下,作为承载师生用户的流量端口,“走出去”的中国教育行业网站和应用程序正面临着新的机遇与挑战。

 

一项研究表明,国际学生更可能通过浏览学校官网来决定是否申请,而高达50%注册的国际学生甚至仅通过浏览学校官网就决定注册[7],因此Web体验对于“走出去”的学校至关重要。此外,教育类应用程序也对Web性能有着更高要求。以国内某“出海”教育应用程序为例,为了给教师和学生提供更好的用户体验,该应用程序承诺,若授课过程中出现多次卡顿等网络问题,教师可以选择结束课程,而平台不仅会正常支付教师课时费用,还要向学生赔偿相应的学时。由此可见,正在“走出去”的中国教育行业将Web性能与体验当做了“起跳台”——跳得好一步登天,跳不好一步深渊,Web性能将直接影响生源和业绩,进而决定教育机构或企业的命运。

 

然而,Web性能的提升是非常复杂的工程,它涉及用户访问体验的可见性、对海外互联网状况的了解、跨部门跨技术栈、性能的优化经验等多方面考量。因此,为了优化网站和应用程序的整体访问效果、保障遍布全球各地的老师和学生的用户体验,“走出去”的教育机构和教育类应用程序进行Web性能优化时需关注以下几个方面。

 

image.png

 

走好第一步:全面了解站点基本情况

 

所谓“知人者智,自知者明,胜人者有力,自胜者强”。对于“走出去”的教育机构和教育类应用程序来说,全面了解自身站点的情况是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性能既是教育行业出海的“起跳台”,也可能是扭转命运的“转运石”,构筑稳固的“起跳台”,珍视“转运石”隐藏的机遇,教育行业“出海”就更能聚焦核心业务而无网络体验的后顾之忧。

关键字:Web性能  教育 编辑:muyan 引用地址:http://news.eeworld.com.cn/IoT/ic511641.html 本网站转载的所有的文章、图片、音频视频文件等资料的版权归版权所有人所有,本站采用的非本站原创文章及图片等内容无法一一联系确认版权者。如果本网所选内容的文章作者及编辑认为其作品不宜公开自由传播,或不应无偿使用,请及时通过电子邮件或电话通知我们,以迅速采取适当措施,避免给双方造成不必要的经济损失。

上一篇:云计算技术该如何发展,IP是关键“主角”
下一篇:海信视像30吋级4K基准监视器问市,采用ULED叠屏显示技术

关注eeworld公众号 快捷获取更多信息
关注eeworld公众号
快捷获取更多信息
关注eeworld服务号 享受更多官方福利
关注eeworld服务号
享受更多官方福利

推荐阅读

OKdo联手Micro:bit教育基金会推出全新计算机,助力智慧教育
Electrocomponents plc旗下的全球技术公司OKdo宣布,已经与Micro:bit教育基金会(Micro:bit Educational Foundation)合作提供全新的Micro:bit。OKdo将通过其广泛的分销网络来支持Micro:bit教育基金会扩大BBC Micro:bit市场覆盖的目标,从而能够使世界上每个孩子都有机会去学习数字创造力和计算技能。 Micro:bit教育基金会首席执行官Gareth Stockdale解释说:“我们推出Micro:bit是为了帮助孩子们更好地使用计算思维和技术,释放他们的创造潜力,并增强他们在21世纪的生活选择能力,从而塑造他们周围的世界。我们很高
发表于 2020-10-14
OKdo联手Micro:bit<font color='red'>教育</font>基金会推出全新计算机,助力智慧<font color='red'>教育</font>
视频和教育继续推动大尺寸平板电脑销量
由于新冠疫情影响,人们的工作,学习和娱乐都在家里进行,家中的电子设备变得无比抢手,消费者在以六年来最快的速度购买平板电脑。Strategy Analytics最新发布的研究报告指出,到2020年,全球平板电脑销量预计将同比增长1%,达到1.608亿部。分析还显示,消费者正在转向更大的屏幕尺寸,大多数(56%)平板电脑的屏幕尺寸首次超过10英寸。越来越多的平板电脑用于生产力和教育用途,这也推动了可拆卸2-in-1设备(例如,三星的Galaxy Tab S7,微软的Surface Pro 7以及除iPad mini以外的所有Apple当前的iPad型号)的销量增加。报告指出,尽管平板电脑的销量在未来几年可能会保持平稳,但随着
发表于 2020-09-24
视频和<font color='red'>教育</font>继续推动大尺寸平板电脑销量
解决“卡脖子”问题!教育部:以超常规方式加快人才培养
集微网消息(文/小山),据中新网报道,今(22)日,教育部召开发布会并发布了三部门《关于加快新时代研究生教育改革发展的意见》。教育部介绍,将聚焦关键领域核心技术,组织“双一流”建设高校和一流企业(院所),统筹一流学科、一流师资、一流平台等资源,以超常规方式加快培养一批紧缺人才,为国家解决“卡脖子”问题和推进科技创新做出贡献。
发表于 2020-09-23
解决“卡脖子”问题!<font color='red'>教育</font>部:以超常规方式加快人才培养
e络盟社区专属教育资源,助力学生、工程师拓展技能
随着秋季线上线下开学在即,全球电子元器件与开发服务分销商e络盟宣布通过其在线社区(也即安富利旗下社区之一)为各阶段设计师、工程师和教育工作者打造专业知识资源平台,提供一对一支持和多种在线资源以帮助他们加强基础知识并拓展技能。 “我们的e络盟社区集合了一群非常聪明且有天赋的成员,他们渴望学习新东西并不断提升自身技能,”e络盟社区与社交媒体全球主管Dianne Kibbey表示。“由于线上教学形式还将持续,我们特为即将重返校园的学生准备了大量在线课程、视频教程及一对一指导,以便为他们提供支持。” e络盟社区提供的一系列资源可为各阶人员提供支持: 基础课程,适合已经拥有一定经验的学生。这些简短的在线自学课程
发表于 2020-08-25
e络盟社区专属<font color='red'>教育</font>资源,助力学生、工程师拓展技能
优派携手培识教育共建CSTEM全媒体教学平台
优派科技(中国)有限公司宣布携手培识(北京)技术有限公司共建CSTEM全媒体教学平台,助力学校未来教室、创新教室建设、助力学校STEM教育试点,助力学校科技特色办学、助力学校STEM教师培养。 STEM是科学(Science)、技术(Technology)、工程(Engineering)、数学(Mathematics)四门学科英文首字母的缩写。STEM教育旨在面向21世纪培养科技创新人才,通过解决源于现实世界的真实问题,以项目制学习方式,培养学生的学科知识融合应用能力,提升科学与工程实践能力,培养核心素养。 21世纪的竞争是科技创新人才的竞争,目前STEM教育已经上升为国家战略,但面临着缺课程、缺教师、缺教育
发表于 2020-08-12
优派携手培识<font color='red'>教育</font>共建CSTEM全媒体教学平台
换一换 更多 相关热搜器件
电子工程世界版权所有 京ICP证060456号 京ICP备10001474号 电信业务审批[2006]字第258号函 京公海网安备110108001534 Copyright © 2005-2020 EEWORLD.com.cn, Inc. All rights reserved