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

心得技巧
网页制作试题 看看你都会做吗?
创建吸引访问者的网站内容的14种方法
网页制作与包子的关系(心得分享)
整理了一些自认为不错的国内设计网站
网页设计师应该具有的素质和能力水平
比较文档位置
网页设计总结
网页摹仿和抄袭的心得论
设计网页前端界面必备的技能
网页应该设计为多少像素才合适?
国内中文域名的普及掀起了新一轮高潮
浏览器IE8将全面兼容Web网页标准
网页设计教学或学习计划
网页改版是家家难念的经
网页设计:当标题不能显示完整的时候
网页设计经验和技巧总结
IE8采用多兼容模式正常显示网页
三步解决IE地址栏ICON显示问题
网页设计师的成长经历
网页设计的尺寸和网页中广告设计的规则

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


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

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

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

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

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

hx.gif

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