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

今天我的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