网站打开速度优化-前端篇

今天我的www.phpsong.com的博客上线了，但是第一天上线就被人攻击，我直接吐血，强烈吐槽这个黑客

减少http请求

具体的方式为

1.多个小图片合成一个大的图片然后又定位的方式取图片，专业点的叫法CSS sprites

2.多个css合并减少个数，最好只有一个css 文件

3.多个js合并减少个数。

4.可以把部分图片设置成内嵌图片

使用CDN缓存图片

国内有很多免费的CDN如，百度的su.baidu.com,国内的CDN都要域名备案的，

使用多个域名

目前的游览器支持多个域名并发连接的，下图是各个游览器的并发连接数





如果网站地址为www.phpsong.com，那么图片地址为img.phpsong.com,js地址为js.phpsong.com,css为css.phpsong.com

多个域名不是越多越好，因为，每个域名都要有dns解析的时间，这里还有一点就是，静态文件要用别的域名，原因是，www.phpsong.com有cookie头，css.phpsong.com没有cookie所以速度更快

压缩CSS和JS大小

网上和很多工具可以压缩css和js的，这里提供一个链接http://tool.chinaz.com/Tools/CssFormat.aspx

js和css的位置

css要放到head里这样页面加载到外部的css那行代码,外部的css就可以加载了，页面加载和css加载同步进行

js代码要放到最后，游览器的加载的过程中遇到<script>标签就先加载完js才能往下加载，也就是阻塞页面

如无特别说明，本站文章皆为原创，若要转载，务必请注明以下原文信息:

转载保留版权：PHP小松个人博客» 网站打开速度优化-前端篇

本文链接地址：http://www.phpsong.com/120.html