Linux系统运维:http://www.linuxyw.com,QQ交流群:244914685

Linux系统运维

当前位置: 主页 > 架构 >

通过规范防止速度退化

时间:2013-04-20 15:52来源:www.itkoala.com 作者:itkoala 点击:
规范,是指群体所确立的行为标准,或行为准则,这里是指通过规范避免让网站速度变慢及对速度优化成果进行可持续的保持。因网络层、系统层的优化基本是一劳永逸,但前端和内容

转载请注明出处: Linux系统运维 http://www.linuxyw.com/linux/jiagou/20130420/68.html


规范,是指群体所确立的行为标准,或行为准则,这里是指通过规范避免让网站速度变慢及对速度优化成果进行可持续的保持。因网络层、系统层的优化基本是一劳永逸,但前端和内容是随时都会改变的,所以这里的规范偏重是让产生内容的角色来执行,结合以往的优化经验,汇总一些实用的规范如下表所示:
 

规范 优化说明 备注
图片优化规范 1) 页面图片必须经过质量压缩才能使用(推荐质量压缩比:60%-70%),不要在页面中直接写入图片;
2) 重点页面(首页、频道首页、底层页)要求div+css布局,同时做素材合并;
3) 基础项目产品的页面要求要求div+css布局,同时做素材合并;
图片占网页大小的605~80%,如果不注意,一张图片可以将速度拖慢50%
Css优化规范 1) 一个页面原则上只允许有一个css文件,且css文件放在页面<head>内;
2) 页面内联的css代码,原则上放置在页面<head>内;
3) 页面布局不能使用超过900px高的table;
4) 素材合并:对于超过5屏的页面,素材应该合并成多个文件,例如:前3屏的素材合并成一个文件,中间3屏的素材合并成一个文件,最后3屏的素材合并成一个文件;
Css是网页的灵魂,永远要确保你的css文件是干净、简洁的代码
Js优化规范 1) 页面首屏尽量不要出现js文件请求;
2) 页面通用功能(例如:焦点图、flash加载、图片滚动、文字滚动、投票调查、订阅、页卡切换、异步加载等)要求使用mat1域名下全站统一的js文件;
3) 任何js功能要求可以做到延迟加载,避免阻塞页面;
4) 超过10K的js代码不允许直接写入页面内,应该使用外联js文件;
5) 不允许在页面中使用document.write直接输出页面代码;
6) 禁止在首页、频道首页、底层页引用体积庞大的js公共库(例如:prototype、jquery、trimpath等),应该只使用精简过的js库代码;
7) 公共产品提供的接口js代码注意封装好自己的命名空间,避免代码命名冲突,且严格控制js文件大小和个数,通用要求:公共产品只能引用1个不超过20K的js文件;
Js是公认的网页性能杀手,Js数量和大小、逻辑、位置都可以影响网页首屏时间、总下载时间,任何产品形态,都要对Js特别关照,精益求精的进行优化
广告代码优化规范 1) 普通广告加载方法:首屏之后加载首屏内的广告代码及素材,第二屏之后加载第二屏内的广告代码及素材,依此类推;
2) 富媒体广告加载方法:富媒体广告代码必须在页尾加载,广告出现必须在页面全部加载完成之后;
3) 第三方广告代码加载与上述两种方式相同,必须要求第三方代码支持这两种加载方法;
互联网离不开广告,部门内、跨部门及第三方广告都可以轻而易举让之前的优化白费
Iframe优化规范 1) 尽量少使用iframe页面,原则上:内部内容不能使用iframe页面,外部内容尽量利用抓取系统将内容抓取到腾讯网服务器上;
2) 复杂功能的第三方iframe页面必须经过优化组审核并优化通过之后才能上线;
最好不要用Iframe
统计代码使用规范 1) 一个页面只允许包含一次统计代码,iframe页面内不允许包含统计代码;
2) 统计代码只允许放到页面首屏之后,不允许放到首屏内,首屏高度定义为(900像素);
统计代码也是主要的性能杀手,特别是国外第三方的
第三方代码优化规范 1) 尽量少直接使用第三方页面或代码,且必须遵守公司制定的第三方页面代码使用安全规定;
2) 简单页面可以直接通过发布系统抓取功能实现;
3) 第三方页面必须遵守上述“图片、CSS文件、JS文件优化”对页面进行优化;
最好不要嵌入第三方应用
公共平台使用规范 1) 页面服务器集群上只能存放文本文件(即页面、css文件、js文件),不能存放图片媒体文件(即图片、flash、mp3等);
2) 素材服务器集群上主要存放素材文件,包括素材图片、css文件、js文件、mp3、flash等;
3) 图片服务器集群上主要存放内容图片,不允许存放其他内容;
公共平台是按文件类型设计最优架构和网络环境,如果交叉合作会让性能下降,甚至是不可用

通过以下案例来说明一下,规范的重要性,百度百科是百度社区的拳头产品,但首页多次因编辑为了推广发布不规范的广告或图片导致速度下降50%~100%的情况,详细如下图所示。

 

本文来自linux系统运维http://www.linuxyw.com/linux/jiagou/20130420/68.html

顶一下
(0)
0%
踩一下
(0)
0%
分享按钮
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码: 点击我更换图片