世界顶级Web性能专家教你优化出高性能网站(上)

2023-06-10 0 1,040

光纤的普及化,让下载速度显得愈来愈快的同时也让页面愈来愈繁杂,采用者的冷静愈来愈少,页面关上天数稍长,就会导致大量的采用者外流。于是, Web操控性强化(Web Performance Optimization)成为中文网站的日常生活营运中几项非常重要的组织工作。

其实,对Web操控性的崇尚更为重要是采用者新体验上的需要,着实网络公司核心理念业务的推动力。不论是靠B2C、格斗游戏、影视娱乐、SNS、浏览器一无所有的IT巨擘,都在组织工作中证明了这样一点:中文网站越快出访新体验越好,采用者粘性越高、采用者信任度更高、采用者转换率也越高。

导致Web操控性较慢的原因各种各样,在采用者端主要表现就是出访延后,这里的延后指的从采用者通过插件、APP点选发动允诺到得到意见反馈所经历的天数,由于Web页面贯穿的功能愈来愈多,为了页面效用而采用的影音原素也愈来愈丰富,这些单厢导致页面出访的延后。

而对中文网站强化和网络管理人员来说,要展开Web操控性强化,何不谈谈以下十六位来自http://keycdn.com的Web操控性领域的同义词的提议。

http://keycdn.com应邀歪同义词团回答了上面两个问题:

1. 如果只能优先选择一个各方面展开Web强化,您会优先选择别的各方面?

2. 就Web操控性来说,您看到什么样严重错误最常用?

研究者说

Tim Evko / @Tevko / timevko.website

BaubleBar 后端技师、新浪网、RICG 积极响应式相片创办人,CSS-Tricks、 Smashing Magazine、 SitePoint等周刊撰稿。

标准答案1——强化提议

切忌在Web端重新加入太多插件,尤其不要采用太多架构和程序库做一些无意义的组织工作,这通常会导致速度降低,影响移动端支持,并让Web页面过重。

标准答案2——常用严重错误

缺乏合理的逐步强化方法,总是头疼医头脚疼医脚;无法及时发现和调优Web页面上的调用原素,忽略第三方内容的大小;很多中文网站并未真正落实积极响应式相片的制作方法,导致终端端页面太大。

Matt Shull / @TheMattShull / http://mattshull.com

Aristotle制作人、操控性极客,负责管理项目,帮助促成最佳操控性实践做法。

‍标准答案1——强化提议‍‍match

WebP *cough*),但并没有得到充分利用。提议大家从<picture> 开始尝试新的相片类型吧!

强化终端网络中的采用者新体验,比如页面预加载、减少内容、改变相片格式降低相片尺寸、延后加载。但这必须针对不同中文网站的特点展开强化,因为适合某一个中文网站的方法并不一定就适合另一个中文网站。

标准答案2——常用严重错误

最常用的严重错误之一就是无限制采用Render-Blocking内容,很多中文网站并未因采用Minification机制而获益, Script脚本的积极响应速度并未改善,允诺数量也未降低,因为担心会对Javascript导致延后,展开影响中文网站整体的出访速度。

Una Kravets / @Una / http://una.im

IBMDesign后端开发人员

标准答案1——强化提议

操控性,但我们要清醒认识到的问题是:大部分操控性问题来自影音内容。强化内容、采用恰当的文件格式以及利用渐进式渲染功能会大大提升Web操控性。

标准答案2——常用严重错误

盲目为中文网站添加许多架构以获得很小的功能是我看到的一种通病,这会大幅增加Web页面的大小,在Web页面设计之初就应该考虑到操控性问题,而不是留到最后再去做强化。

Aaron Gustafson / @AaronGustafson / http://aaron-gustafson.com

来自微软的Web标准倡导者,Adaptive Web Design作者。

标准答案1——强化提议

我觉得内容是最重要的,应该查看页面的每个部分,看是否满足中文网站页面的主要目的。图片、SNS媒体分享调用、关联内容,专注重点部分是强化中文网站操控性的第一步。

标准答案2——常用严重错误

我看到很多人过于重视一些效用有限的繁杂Web强化技术,如改善后端脚本执行天数的技术,但却忽略了最容易完成的目标,如相片强化、恰当相片格式的优先选择等。

Jeff Atwood / @codinghorror / http://blog.codinghorror.com

Stack Exchange和Discourse联合创始人。

标准答案1——强化提议

在中文网站上尝试采用HTTP/2协议吧,这会大大提升Web操控性。

注:HTTP/2(超文本传输协议第2版,最初命名为HTTP 2.0),是HTTP协议的的第二个主要版本,HTTP/2的目标包括异步连接复用,头压缩和允诺意见反馈管线化并保留与HTTP 1.1的完全语义兼容。Google Chrome、Mozilla Firefox、Microsoft Edge和Opera已支持HTTP/2,并默认启用。Internet Explorer自IE 11开始支持HTTP/2,但仅限于Windows 10 Beta,并默认情况激活。

标准答案2——常用严重错误

未能采用免费的Web操控性工具(如Google PageSpeed、云智慧监控宝 )展开最基本的Web操控性检查。

Dean Hume / @DeanoHume / http://deanhume.com

软件开发人员,《Fast http://ASP.NET Websites》作者,该书旨在改善高交易量中文网站的操控性。

标准答案1——强化提议

如果只能优先选择一个各方面展开强化的话,那肯定是相片了!根据HTTP Archive的统计数据,相片占据了整个Web页面大小的60%多比例,因此专注于这一块是说得通的。

标准答案2——常用严重错误

最常用的严重错误也是很简单的严重错误,包括:未强化相片、未关上GZIP,这些都是每个人都应该掌握的Web强化速效方法。

以上是《世界世界顶级Web操控性专家教你强化出高操控性中文网站》第一部分内容,后面还有十几位研究者的经验分享,敬请期待!

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务