当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页加载速度优化实例

心得技巧
网页设计心得:设计师理解搜索结果页SERP
网页搜索框内容为空的5种处理方式
搜索结果SERP设计:个性化会影响用户行为
网页设计心得:网页搜索框更像搜索框
注重用户体验:电子商务网站空搜索设计
用户体验:在什么时候设计网站确认页面
用户体验:网站确认页面以何种形式表现
用户体验:网站确认页面设计注意事项
应对极端并微小的错误的网页用户体验设计
基于Twitter的实时搜索引擎:Tweetfeel.com
用户体验设计:掩饰密码还是明文密码
用户体验:交叉销售和向上销售
网页底部的版权声明写法要注意
UCD设计师:挖掘商业价值纬度
论设计师的分工和配合
网站设计用色:色彩基本知识
参考:整理HTML,CSS和Javascript在线手册
何时慢的用户体验更好?
八个简单的图片设计技巧
产品设计师应该具备的几种能力

心得技巧 中的 网页加载速度优化实例


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 106 ::
收藏到网摘: n/a

网站首页代码已经达到1000多行,另外17k大小的主css文件与几个内部,外部的js文件(速度主要是内容的N多图片下载及外部的JS文件所拖累的)

所以第一步就是整理所有的JS文件,把整个外部JS代码包含到一个JS文件中,由HTML引用,这样第一次下载后就会在客户端浏览器里缓存,从而加快一定的页面显示速度.

第二步,JS在HTML中的引用位置, 把响应时间长的JS文件放到页面头部,当整个JS文件下载完毕后,整个文档也几乎同时下载完成,与把JS放到页尾的速度感觉上还是提升很大的.

第三步,优化CSS文件,把冗余的代码清除,拆分成两个CSS样式表文件

hx.gif

下载页面整个过程1.08m.进一步优化中.