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

心得技巧
WEB页面中的结构化数据表示的方式:表格
中国人和外国人对网页颜色识别的差异
研制开发互联网产品需要遵循的三条规律
以用户为中心的设计总结:7年之梦
WEBJX收集12个以冰冷海水为主题网站设计实例
交互设计理论:自然描述和自然任务
Mobile Web设计中的建议和禁忌
什么是元数据(Meta Date)
设计观点:非专业不复杂
用户体验设计分析:用户习惯那点事
网页设计参考:50个杰出的公司网站设计
工作分享:脆弱的用户体验
用户体验也讲究拒绝用户
设计之处:交流沟通之关于讨教的问题
WEBJX收集30个优秀的网页表单制作实例
用户体验设计:送别人礼物和用户体验的关系
B2C运营:顾客终身价值与新老顾客成本
什么是UI?为什么要做UI?如何做UI?
展望2010年:海外最新Web相关的技术
网页设计师参考:规范CSS网站布局实例

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


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

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

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

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

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

hx.gif

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