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

心得技巧
设计参考:40个国外复古风格网站设计实例
设计技巧心得:字体与图像和谐一致
视觉效果吸引人的banner广告设计技巧
探察研究艺术和设计的真正差异
淘宝导航菜单中的残疾url
用户中心的设计UCD和网站设计的关系
精美的国外20个黑色背景网站设计实例
设计欣赏:60个强烈的质感的LOGO设计作品
职业设计师的简历:创意、干净、简单
用户体验设计理论:用户的阅读经验
设计的力量,应需而变
确保fold以下的内容能被有效展示的建议
系统完整的营销专题制作实例经验
用户体验设计要从接触品牌开始进行
精彩的国外30个全彩色的最佳网站设计实例
设计经验:不能忽视的遨游浏览器的兼容问题
设计参考:网页设计中的渐变文字应用实例
设计圈里面常见的缺乏诚信的行为
设计经验分享:如何设计文字标志
网页改版实力分享:支付宝首页改版

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


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

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

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

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

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

hx.gif

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