Javascirpt文件置于网页底部不见得好
作者:bea
昨天转载了一篇《快速提高网页加载速度14招》,里面有一条经验就是将网页的Javascript脚本置于网页的底部,今天我将网站的CSS样式全部修改为横写了。修改了部分广告位置,也将所有的Javascript外部文件在网页底部包含进来的。 但是,问题出现了,当我将网页上传到服务器后然后再打开滑动滚动条的时候发现网页滚动是不连贯的。可是网页的加载速度确实加快了不少。 最后还是将网页的Javascript文件放到了网页头部来引用,问题解决没有出现滑动滚动条不连贯的现象,看来还是J
昨天转载了一篇《快速提高网页加载速度14招》,里面有一条经验就是将网页的Javascript脚本置于网页的底部,今天我将网站的CSS样式全部修改为横写了。修改了部分广告位置,也将所有的Javascript外部文件在网页底部包含进来的。
但是,问题出现了,当我将网页上传到服务器后然后再打开滑动滚动条的时候发现网页滚动是不连贯的。可是网页的加载速度确实加快了不少。
最后还是将网页的Javascript文件放到了网页头部来引用,问题解决没有出现滑动滚动条不连贯的现象,看来还是JS文件引起的。
为了不影响用户体验,决定还是将外部JS文件放在头部来包含,虽然放到底部可能在一定程度上提高了网页加载速度,但是第一还是要考虑用户体验的。
所以,总结的经验就是别人的经验不一定都适合你,要自己亲自去尝试,看看效果,选择适合自己当前项目的经验来优化才是最好的。
有用 | 无用猜你喜欢
您可能感兴趣的文章:
- 网页回到顶部 点击返回网页顶部代码
- jquery ajax json传递数据浅析
- jQuery ajax get post传值传参用法
- Jquery页面跳转:刷新页面,Jquery网页跳转
- js dom操作的一些心得笔记
- js性能优化:减小js体积大小
- 火狐8 firebug firefox8无需安装firebug
- js代码怎么用 什么是js代码
- Jquery实现从一个页面跳转到另一页面
- event.cancelBubble与event.stopPropagation()区别
- event.stopPropagation Jquery阻止事件冒泡
- 网站文字内容不能复制解决办法
- JS修改css样式style浅谈
- 将XML对象转化成字符串Firefox下方法
- Javascript function类型
- web页面优化之动态加载js和文件
- 提高网页加载速度之精简JS代码
- Javascript写的一个页面日历效果
- Javascript写的倒计时效果代码