网站前台页面优化

1.样式、动作、数据的分离，采用外部文件的方式引入javascript和css可以缩短加载时间，而且浏览器都会缓存外部文件。

2.压缩静态资源文件，包括css、javascript和图片，通常全站都引用相同的css和js，所以压缩会较大程度提高网站的性能。图片的压缩前后大小变化是非常明显的，特别是大图片（几M的）位于全站首页，很有可能导致服务器挂掉。如果有必要也可以压缩HTML自身的页面。
3.使用良好的结构，删除不必要的html元素，尽量使用css布局来代替表格布局。
4. 适当使用ajax来加载和刷新局部数据，使用json而不是xml格式传输数据。json是一种轻量级的数据交换格，本身就是javascript的子集，操作起来非常简便。
5. 对资源使用多个域来增加链接，因为浏览器在单个域都有并发连接的数量限制。如果是多个独立域，那浏览器就开多个线程同时去加载数据。图片服务器的域名可以是一些垃圾域名，如：主站www.8qiu.cn 图片的服务器的域名可以是www.8qiuimg005.cn。
6. 使用 PNG 格式的图像，png兼有gif和jpg的色彩模式，且非常适于网络传输，但又能保留所有与图像品质有关的信息的解决方案。
7. 不要加载不需要的资源
8. 瘦身cookie，虽然相对其他它可能是很小的文件，但是浏览器仍然需要下载它们。较大的 cookie 所需的下载时间更长，进而增加了浏览器加载网页的时间。
9. httpwatch、httpfox、firefox的工具的使用，查看headers, cookies, caching和 POST提交的数据，查看js等其他静态资源的加载时间。进而做出针对性的优化


转自[url]http://www.8qiu.cn/index.php/archives/53[/url]