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

心得技巧
新闻风格网站设计实例25个
下拉菜单和滑动菜单设计实例
网页小空间大图片的放置
网站设计经验 建设网站常犯错误汇总
将rar文件隐藏在图片中的实现方法
土豆网(tudou.com)前端概况
Tudou.com首页网页设计的制作方法
网页栅格系统研究:技术实现
英文文章:寻找创意灵感
推荐能找到设计灵感的网站
Web设计放弃闭塞思想而跳出网格之外思考
网页设计必备工具和生成器(英文软件)
网站作品:56个出色的现代网站设计
更好利用光影的五个网页设计技巧
让用户浏览网页速度更快的优化技巧
如何用doctype激活浏览器?
sIFR、typeface.js和cufon文本替换技术
网站设计师参考:获取灵感的CSS画廊
WEBJX收集18个网页设计者不可错过的论坛
设计参考:WordPress建站成功案例

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


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

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

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

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

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

hx.gif

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