道非道 非常道

勤思、谨言、慎行、厚积、薄发

统计

web

天圆

经济 政治 军事

键康

[转]主题:web2.0前端优化

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等其他静态资源的加载时间。进而做出针对性的优化

posted on 2009-11-09 17:32 星期五 阅读(154) 评论(0)  编辑  收藏 所属分类: web 2.0


只有注册用户登录后才能发表评论。


网站导航: