首页 > 其他 > 详细

性能优化

时间:2015-10-11 22:57:15      阅读:339      评论:0      收藏:0      [点我收藏+]

# 性能优化 #      参考书:1.高性能网站建设指南 2.高性能网站建设进阶指南
---
性能优化可以从以下几个方面来优化:

一、网络

    1、DNS.  域名解析服务器
    
    2、CDN. 内容发布网络     将静态资源之外的放在主服务器,
                           配置不同的服务器,缩短距离

    3、加载:延时和预加载

二、浏览器

     1、http:超文本传输协议
    
       https:安全传输协议    效率不高,耗时高些


 2、请求和响应信息:

    请求信息:

    1>请求行:

    http协议版本信息(1.1/1.0),

    请求方法:get/post,

    路径等

     2>请求头:

    浏览器版本信息等

    3>空行
    
    4>请求参数

响应信息:

    1>状态行:  状态码等
    
    2>响应头:服务器和浏览器之间的通讯、缓存、cookie等
 
    3>空行

    4>响应消息体:呈现在页面的

缓存(cache):最佳的解决方案

  304页面没有发生任何修改(协议缓存);
  可以给静态资源等很少改的东西,设定一个缓存时间expires,解决频繁的访问,减少请求的时间

 解决缓存更新的问题:

    1>设定LastModified  最后修改时间

    2>E-Tag 数字加字母的标识的字符串

    3>加一种算法根据内容的索引产生的数字

三、代码

1、html

    布局:减少table布局;尽量减少嵌套层数

2、css

    a、选择器:尽量减少复合选择器,因为浏览器从右往左解析

    b、雪碧图:sprits技术(图片分割技术),不能太大

    c、合并和压缩:空格和回车的减少;合成一个css

    d、重绘和回流:回流:改变某个标签的样式,影响其他标签(如:宽高,字体大小等)
    浏览器内核即渲染引擎,解析DOM和css,两个树。减少回流次数

    e、简单的动画可以使用css3来代替js

    f、图标字体

3、js

    a、节点缓存,减少DOM操作
    b、合并和压缩

4、image

      a、合并和压缩

      b、将图片转化为base64

    
合并和压缩,雪碧图可以使用自动化构建工具Gruntjs和相应插件    


   

性能优化

原文:http://www.cnblogs.com/yyan/p/4870238.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!