云翔网络 SEO服务公司,公司使命助力中小企业在各大搜索引擎实现SEO营销!
您的当前位置:主页 > SEO技术 > 正文

Web性能优化:What?Why?How?

分类:最新SEO新闻 编辑:百度SEO 时间:2019-07-12 点击:
要提升性能?W性能黄金准则:只有~的最终用户响应时间花在了下载文档上,其余的~时间花在了下载页面组件上 都需要研究,通过科学的研究我们就可以找到事物的发展规律 要感谢雅虎的工程师总结的条前端优化法则,使得我们可以站在巨人的肩膀上 建立在协议之上,在协议中,协议提供可靠的连接服务,采用三次握手建立一个连接 ):这首诗 你真的是哥哥,一萧一剑走江湖,千古情愁酒一回 剑:晴儿,你真的是晴儿 (啪啪啪啪啪啪啪啪啪啪啪啪啪 )归正传,这个过程也是需要消耗时间的,在百度首页找到一个极端的例子:而等待的时间通常也大于内容下载的时间,这里同样找到一个极端例子:由此我们可以得出结论:一个请求绝大多数的时间消耗在了建立连接跟等待的时间,优化的方法是减少请求 如何提高性能、减少请求一般来说要减少请求通常从两个方面下手:减少图片的请求、减少脚本文件与样式表的请求图片的减少通常有两种方式:、内联图片、 :多张图片合并成一幅单独的图片,使用的属性,将元素的背景图片放到图片中的期望位置上 使用这项技术的优点是他降低了下载量,合并后的图片比分离的图片和更小,因为它降低了图片自身的开销(颜色表、格式信息等等) 项目中是一项体力活,因为开发过程中需要对这张大图进行维护(添加、减少图片),张鑫旭同学的文章中有介绍如何管理图片可以作为参考(这里) 如果需要在页面中背景、链接、导航栏提供大量的图片,绝对是一种优秀的解决方案(干净的标签、较少的图片、较短的响应时间) 内联:通过使用:模式可以再页面中包含图片而无需任何额外的请求 就是以下的浏览器不支持这种方式,而在数据大小上有限制,只能支持以内的数据 对于小的图片来说可以直接内联到页面中,但对于大图片内联到页面里会导致页面变大,聪明的做法是使用,将内联的图片作为背景使用,并放到外部样式表中,这意味着数据可以缓存在样式表内部 使用外部样式表增加了一个请求,但样式可以被浏览器缓存,得到额外的收获 一点需要注意:是有损压缩 :字体,这是近年来新流行的一种以字体代替图片的技术 可以适应任何分辨率而不会出现图片模糊问题,与图片相比它具有更小的容量,更高的灵活性(像字体一样可以设置图标大小、颜色、透明度、状态、反转等),以上的浏览器都支持该技术 在使用之前你首先要确定你选则的字体库是否是收费 内容可以参考这篇文章:图标字体化浅谈减少脚本与样式表的请求主要原则就是合并 在实际开发中我们遵循化的原则将代码分散到许多小文件中,按照软件开发的原则这是完全正确的,但对于上线页面来说,每一个文件都会产生一个请求,严重影响性能 和一样将这些小文件合并到一个文件中,可以减少请求的数量并缩短最终用户响应时间 在过程中我们还需要使用工具精简(移除不必要的字符以减小文件大小缩减下载时间)和混淆(除了移除不必要字符外,还会改写源代码,比如函数和变量名使用更短的标量名)代码 对于M或M进行模块化开发的同学,在合并过程中通常会将依赖的其他模块打包到一个文件中,而模板通常以字符串的方式内联到文件中 目前最常用的前端工具就是,这里有一篇初步应用的文章:前端打包模块依赖

相关文章:

云翔SEO优化,专业提供SEO网站优化,整站优化,网站优化,关键词优化,快速排名服务,SEO培训教程,网络营销推广等SEO服务

Copyright @ 2016-2022 ynseo.com.cn 云翔网络 版权所有

工信部备案:滇ICP备15003631号-4

Top