前端开发经验总结系列之网站性能优化

减少HTTP请求次数

合并图片、CSS、JS，改进首次访问用户等待时间。

把CSS放到顶部

把JS放到底部

避免使用CSS表达式

将CSS和JS放到外部文件中

目的是缓存，但有时候为了减少请求，也会直接写到页面里，需根据PV和IP的比例权衡。

精简CSS和JS

删除重复的JS和CSS

重复调用脚本，除了增加额外的HTTP请求外，多次运算也会浪费时间。在IE和Firefox中不管脚本是否可缓存，它们都存在重复运算JavaScript的问题。

可缓存的AJAX

“异步”并不意味着“即时”：Ajax并不能保证用户不会在等待异步的JavaScript和XML响应上花费时间。

使用GET来完成AJAX请求

当使用XMLHttpRequest时，浏览器中的POST方法是一个“两步走”的过程：首先发送文件头，然后才发送数据。因此使用GET获取数据时更加有意义。

减少DOM元素数量

是否存在一个是更贴切的标签可以使用？人生不仅仅是DIV+CSS