21条网站加速方法.pptVIP

各地方子网站LOGO是靠上居左，偏小 21条网站加速方法 1、减少HTTP请求 图片、CSS、js、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件，页面里直接写入图片也是不好的做法，应该写进CSS里， 将小图拼合后利用background来定位。 2、过滤器的使用 如果需要透明背景图片，用PNG8图片，还可以用PNG32的图 。 3、设置头文件过期或者静态缓存 浏览器会用缓存来减少http请求数来加快页面加载的时间，如果页面头部加一个很长的过期时间，浏览器就会一直缓存页面里的元素。不过这样如果页面里的东西变动的话就要改名，否则用户端不会主动刷新，这项可以通过修改 分布式配置文件 来实现。 4、Gzip压缩 Gzip格式是一种很普遍的压缩技术，几乎所有的浏览器都有解压Gzip格式的能力，而且它可以压缩的比例非常大，一般压缩率为85%。 5、把CSS放顶部 让浏览者能尽早的看到网站的完整样式,不至于出现错乱页面。 6、把JS放底部 网站呈现完毕后再进行功能设置，当然这些JS要在你的加载过程中不影响内容表现。 7、避免CSS Expressions CSS表达式很可怕，这个只被IE支持的东西执行时候的运算量非常大，你移动一下鼠标它都要进行重计算的，但有时候为了做浏览器的兼容必须要用到。（用来把CSS属性和 Javas cript表达式关联起来， CSS属性的值等于Javas cript表达式计算的结果） 8、将JS和CSS外链 前面讲到了缓存这个事情，一些较为公用的JS和CSS，我们可以使用外链的形式，浏览网站的时候就不需要再进行下载了！ 9、将组件打包进一个多部分的文档中 就好像在邮件中加入附件一样，一个HTTP请求就够了，但是这一技术需要确保你的代理支持，iPhone就不支持。 10、减小JS和CSS的体积 写JS和CSS都是有技巧的，用最少的代码实现同样的功能，减少空白，增强逻辑性，用缩写方式等等，当然也有不少工具也能够帮你实现这一点。 11、避免重定向 再写入链接时，虽然“http://www. aoshu. com”和“http://www. aoshu. com/” 仅有一个最后的“/”只差，但是结果是不同的，服务器需要花时间把前者重定向为后者然后进行跳转 12、删除重复脚本 重复调用的代码浏览器并不会识别忽略，而是会再次运算一遍，这也是很大的浪费。 13、尽早的释放缓冲 当用户进行页面请求时，服务器端需要花费200到500毫秒时间来拼合html，将写在head与body之间，释放缓冲，这样可以将文件头先发送出去，然后再发送文件内容，提高效率。 14、预加载组件 提前加载以后可能用到的东西，和延迟加载并不冲突，它的目的是为后续请求提供更快的响应 15、减少DOM元素数量 复杂的页面结构意味着更长的下载及响应时间，更合理更高效的使用标签来架构页面，是好的前端的必备条件。（代码结构合理、语义化、减少多余代码） 16、减少iframe数量 需要更有效的利用 ifames。优点：有利于下载缓慢的广告等第三方内容，安全，并行下载脚本 缺点：即使为空也会有较大资源消耗 17、不要出现404页面 站点本身里（非搜索结果）出现404页面，无意义的404页面会影响用户体验并且会消耗服务器资源。 18、优化图片 将你的GIF转为PNG8会是个减小体积的好办法，另外有很多方法处理你的JPG及PNG图片以达到优化效果。 19、优化CSS Sprites 在CSS Sprites中竖直并尽量紧凑的排列图片，尽量将颜色相似的图片排在一起，会减小图片本身的大小及提高页面图片显示速度。（不是降低重量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好） 20、不要在HTML中缩放图片 图片要用多大的就用多大的，1000X1000的图片被width=”100″ height=”100″以后，本身的KB数是不会减少的。 21、保证组件在25K以下 iphone不能缓存25K以上的组件，并且这还是要在被压缩前。 谢 谢！ * * * *