随笔分类 - 网站前端优化

摘要:二、我们从代码方面来探讨有如下方法1.减少http请求数图片,css,script,flash,等等这些都会增加http请求数,减少这些元素的数量能减少响应时间。CSS Sprites技术能减少图片的请求数,把零散的小图片放到一起,运用background-position来改变背景图片的位置,前提是html元素事先定义好宽高,其实就像一个遮罩,移动背景就会看到不同的景象。内嵌图像 用data:URL scheme的方式把图片内容代码直接嵌入html代码中,这样会增大html代码的体积,改进的方式是把内嵌图片嵌入到css中(css被缓存),这样就会更好的减少http请求数而且不增大html的体 阅读全文
posted @ 2011-10-31 23:33 chinaifne 阅读(419) 评论(0) 推荐(0) 编辑
摘要:4.避免重定向重定向会减慢用户体验,它会延迟所有的东西直至到达新页面。一个最浪费的重定向经常会发生而我们的开发者又会经常忽略的就是比如 http://astrology.yahoo.com/astrology的结果是重定向到http://astrology.yahoo.com/astrology/ 在Apache里用Alias 或者mod_rewrite或者DirectorySlash解决。从一个旧网站跳转到新网站也是经常要用到重定向,还有就是连接一个网站中的不同部分和在某些情况下(比如不同浏览器,不同的用户帐号类型,等等)的用户导 向。用重定向很简单,而且只需要一点额外的代码,虽然在这些情况 阅读全文
posted @ 2011-10-31 23:12 chinaifne 阅读(377) 评论(0) 推荐(0) 编辑
摘要:随着WEB2.0时代来,给网络的带来了空前的发展。前端用户体验变得越来越显的重要,从而来弥补B/S结构的用户交互型差的一些弊端,可是这样会带来一个问题就是会增加客户端的压力,比如大量运用JS代码,大家都知道JS代码是运行在客户端的,会影响到整个网页的在浏览器的解析效率,这样也可能暗示着会增加客户端的流量,所以不管是从服务器负载角度还是站在用户的角度来看,对客户端的代码进行优化都显得尤为重要!本文主要内部和外部两方面来阐述WEB前端优化的方法。希望能给读者一些体会和启发。首先,我们通过一个雅虎的统计图表来看看打开http://yahoo.com/的http的流量数据:我们可以发现一个页面的从第一 阅读全文
posted @ 2011-10-31 23:10 chinaifne 阅读(564) 评论(0) 推荐(0) 编辑