JavaScript 和 Ajax 开发的最佳实践 -

lixg425

浏览: 484663 次
性别:
来自: 北京

最近访客更多访客>>

javaboy2010

fengzhou0920

leontius

Mr_冰凉

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

JavaScript 和 Ajax 开发的最佳实践

博客分类：

Javascript

javascript

    使用外部 JavaScript 文件
最大化 JavaScript 应用程序的金科玉律是尽可能使用外部 JavaScript 文件，而不是直接将 JavaScript 代码包含在 HTML 文件中。这么做不仅仅意味着不用在多个文件之间复制 JavaScript 代码，而且 JavaScript 代码会被 web 浏览器缓存，不必在每个子页面加载时重复加载一遍。第一个页面加载时特别慢，因为外部文件需要发送额外的 HTTP 请求到服务器。尽管如此，大多数应用程序中，第一次加载损失的性能远比子页面加载节省下的性能小得多。

   脚本放置和加载
当您阅读 HTML 书籍时，它很可能建议您将 <script> 标记放在页面的 <head> 元素内部。如果这就是您目前对 <script> 标记放置的认识，赶紧把它忘了吧！将 <script> 标记放在 HTML 页面顶部将会使页面直到 JavaScript 代码完全加载和执行后才能呈现。如果将它们放在 <head> 标记内部，只有到脚本加载并执行后，页面主体才会呈现，从而让用户觉得页面加载很慢。
为了最优化页面的性能，应该将 JavaScript 代码放在页面底部，如果可能，就在 </body> 标记之前。这样，web 页面其他部分（HTML、CSS、图片、Flash 内容等等）将会在脚本加载和执行前下载，从而会让用户觉得加载要快一些。
如果您的 web 页面或应用程序需要很多 JavaScript，将所有代码放在一个单独文件中可能会造成下载和执行时长时间等待。这些情况下，最好将 JavaScript 代码分别放到多个文件中，当页面加载完成后在需要时动态加载。LazyLoad JavaScript 库旨在提供动态脚本加载，并考虑到有关脚本执行顺序在跨浏览器时的不一致性。

分享到：

关于iFrame动态创建函数 | 使用Axis2的底层API开发Web Service

2012-10-21 23:55
浏览 831
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JavaScript 和 Ajax 开发的最佳实践

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JavaScript 和 Ajax 开发的最佳实践

评论

发表评论

相关推荐

js 之 页面定时跳转

json eval

IE8避免网页显示混乱

windows弹出窗体

JavaScript使用小技巧

Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）

Js中 关于top、clientTop、scrollTop、offsetTop的用法

再谈Iframe的问题

关于iFrame动态创建函数

1、javascript活跃博客和社区

javascript的domReady

javascript控制样式

JavaScript 创建类/对象的几种方式

js 刷新页面

javascript的document.write

select元素javascript常用操作

服务器端可控情形的Javascript跨域访问解决方法

DOM的基本方法

call與apply

JavaScript中的错误处理

最近访客更多访客>>

js 之页面定时跳转

Js中关于top、clientTop、scrollTop、offsetTop的用法