在线咨询
QQ咨询
服务热线
服务热线:0371-55155098
TOP
首页 高性能网站建设的14条原则

高性能网站建设的14条原则

来源:互联网 | 时间:2021-02-06 15:17 | 浏览:986

我今天一般看看《High Performance Web Sites》。本书的中文版是《高性能网站建设指南》。
本书还有一个关于个别问题深入研究的高级章节《Even Faster Web Sites》,中文译名《高性能网站建设进阶指南》。
本书给出了14个网站性能改进的原则,每个原则都是独立的,有实例。这些原则中的大多数非常实用,适用于现场建筑师和前端工程师。这对前端工程师来说更为重要。
这次我看到了原版。我缺乏Web开发的实践经验,而且我很着急。因此,可能存在遗漏和不恰当的表达。我希望大多数网民会毫不犹豫地纠正我。
原则1减少HTTP请求的数量
构建请求并等待响应需要时间,因此请求数越少越好。减少请求的一般想法是合并资源并减少显示页面所需的文件数量。
1.图像地图
通过设置


标签的usemap属性及其用途 标签可以在单个图像上分成多个区域,指向不同的链接。与使用多个图像相比,构建链接减少了请求的数量。
2. CSS Sprite(CSS纹理集成/纹理展平/纹理定位)通过设置元素的背景位置样式来完成。通常用于界面图标。典型的可以参考TinyMCE编辑器上方的小按钮。多个小图像基本上是从具有不同偏移的单个大图像定制的,因此加载接口上的许多按钮实际上只需要请求一次(请求大图像一次),从而减少HTTP请求的数量。
3.内联图片

src没有指定外部图像文件的URL,而是直接放置图像信息。例如,src=“data: image/gif; base64,R0lGODlhDAAMAL .”在某些特殊情况下很有用(例如,小图片仅用于当前页面)。
原则2使用多线CDN
提供多种访问您的站点(如国内电信,中国联通,移动),多个地理位置(北,南,西),以便所有用户都可以快速访问。
原则3使用HTTP Cache
较长的Expires标头会添加到不经常更新的资源(例如静态图形)中。缓存后,这些资源将来可以重新传输很长时间。
原理4使用Gzip压缩
使用Gzip压缩HTTP消息,减小大小并减少传输时间。
原则5将样式表放在页面的前面
首先加载样式表,以便更早地开始页面呈现并加快用户页面的加载。
原则6将脚本放在页面末尾
原因与5相同,首先处理页面显示,先前完成页面渲染,稍后执行脚本逻辑,以便更快地加载用户页面。
原则7避免使用CSS表达式
过于复杂的JavaScript脚本逻辑,DOM查找和选择操作将降低页面处理效率。
原则8使用JavaScript和CSS作为外线资源
这似乎与原则1中的合并思想相悖,但事实并非如此:考虑到每个页面在页面性能方面引入了一个通用的JavaScript资源(例如jQuery或JavaScript库,如ExtJS) ,内联(我将JavaScript嵌入HTML)页面将超过外部(使用