`

(转)高性能JavaScript的几点

 
阅读更多

 

     随着web应用的复杂度日渐提高，JavaScript代码量也变得越来越多，所以JavaScript在浏览器中性能应得到更多的关注。这事又因为JavaScript的阻塞特性而变得复杂。要提高JavaScript的性能一方面需要浏览器方面提升优化自身的JS引擎，另一方面作为JS程序开发员应该编写高效的JS代码来提高web程序的性能。本文立足于后一种情况。这将是一系列的文章，有关优化你JS代码的一些建议，本系列文章的观点大都提取自《高性能JavaScript》一书。首先从JS代码的加载和执行开始

 

  1.  脚本加载和执行会阻塞其它资源的下载，应该尽量将<script>标签放到<body>标签底部。确保在脚步执行前页面已经完成渲染。
  2. 合并脚本，减少<script>标签的数量，以减少http请求的次数。
  3. 无阻塞的下载脚本(页面加载完成之后才去加载执行JS代码)：
              方法: 1.为<script>标签添加defer属性，表明不涉及修改dom操作，可以延时载。
                              如：<script type=”text/javascript” src=”file.js” defer></script>
                         2.动态脚步元素。利用DOM动态创建script标签，到指定位置。
                         3.XMLHttpRequest脚本注入。利用ajax下载JavaScript代码并注入到页面中。

 

分享到：
| 浅析tomcat nio 配置
评论
发表评论

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

相关推荐

    高性能javascript设计

    要理解如何实现高性能JavaScript，我们需要深入探讨以下几个核心知识点： 1. **数据结构与算法选择**：JavaScript中的对象、数组、字符串等都有不同的性能特征。例如，哈希表（对象）用于快速查找，数组则适合顺序...

    [高性能JavaScript编程].(High.Performance.JavaScript).Nicholas.C.Zakas.中英对照版.pdf

    《高性能JavaScript编程》是由Nicholas C. Zakas所著的一本深入探讨JavaScript性能优化的书籍。这本书以中英对照的形式，为读者提供了丰富的JavaScript性能优化技巧和实践方法，旨在帮助开发者构建更快、更稳定的...

    高性能JavaScript和构建高性能WEB站点PDF电子书

    首先，关于高性能JavaScript，本书涵盖了以下几个关键知识点： 1. **代码结构与组织**：优化代码结构可以减少执行时间和内存占用。书中会讲解如何合理地组织函数和模块，避免全局变量污染，以及利用闭包和作用域来...

    JavaScript关于提高网站性能的几点建议(一)_.docx

    JavaScript是构建现代网页和应用程序的关键技术之一，但过度或不当使用JavaScript可能会对...以上这些策略可以帮助开发者在使用JavaScript构建高性能网站时，平衡功能与性能之间的关系，为用户提供更流畅的浏览体验。

    javascript高级教程.pdf

    10. **性能优化**：理解V8引擎的工作原理，学习如何编写高性能的JavaScript代码，包括减少内存占用、避免阻塞主线程和优化渲染等。 11. **TypeScript**：虽然不是JavaScript的标准部分，但TypeScript是它的超集，...

    汉字转拼音的JavaScript插件

    在开发这种插件时，开发者需要考虑以下几点： 1. **兼容性**：确保插件能在不同的浏览器和设备上正常工作，这可能需要对不同的JavaScript API有深入的理解。 2. **性能**：实时转换大量的汉字可能会对页面性能造成...

    javascript高级编程v3

    JavaScript高级编程通常涉及以下几个关键知识点： 1. **基础语法**：包括变量声明（var, let, const）、数据类型（基本类型与引用类型）、运算符、流程控制（条件语句、循环语句）、函数以及作用域等。 2. **面向...

    JavaScript 高级程序设计（第3版）【附源代码】

    本书主要涵盖了以下几个关键知识点： 1. **基础语法**：从变量、数据类型、操作符、流程控制到函数，书中详细阐述了JavaScript的基础语法结构。包括动态类型、变量作用域、闭包等概念，这些都是理解和编写...

    JavaScript权威指南（JavaScript犀牛书一本）

    9. **性能优化和调试**：指导开发者如何写出高性能的JavaScript代码，并提供了调试技巧和工具。 10. **错误处理**：讨论了异常处理机制，以及如何有效地定位和修复程序错误。 通过这本书，无论是初学者还是有经验...

    编写高性能JavaScript(译)

    总结来说，编写高性能JavaScript代码时，应考虑以下几点： 1. 了解并利用JavaScript引擎的内部工作机制，如V8引擎的优化措施和垃圾回收机制。 2. 避免在代码中使用delete操作符，特别是不要修改热对象的结构。 3. ...

    Javascript高级应用与实践.pdf

    不过，根据文件标题“Javascript高级应用与实践.pdf”，我们可以推测文档内容大致会涉及以下几个方面，尽管具体的细节无法得知： 1. JavaScript基础知识回顾：JavaScript是前端开发中最为核心的技术之一，文档可能...

    搭建高性能站点

    这里，我们将深入探讨几个核心知识点，帮助你理解如何打造一个高性能的站点。 1. **负载均衡**：当网站面临大量用户访问时，单一服务器可能无法承载。通过负载均衡技术，我们可以将流量分散到多个服务器上，从而...

    javascript

    8. **函数和闭包**：理解函数的定义、调用和作为值传递，以及闭包的概念，对于编写模块化和高性能的JavaScript代码至关重要。 9. **ES6新特性**：如箭头函数、模板字符串、解构赋值、Promise等，提高了代码的可读性...

    高性能web建议

    根据提供的文件内容，可以提取出以下几点关于高性能web站点建设的知识点： 1. 前端性能优化的重要性：文档中提到了高性能web站点建设的一个关键观点，即“90%的性能问题都可能出之于前端而不是后端”。这意味着在...

    Pro JavaScript Techniques（jQuery之父作品：精通Javascript英文原版+源码）

    6. **性能优化**：探讨如何编写高性能的JavaScript代码，包括避免阻塞渲染、减少内存消耗、优化循环和函数调用等。 7. **JavaScript库和框架**：虽然jQuery是John Resig的杰作，但书中可能还会介绍其他JavaScript库...

    从零开始学JavaScript

    初学者在开始学习JavaScript时，通常需要了解以下几个重要知识点： 1. JavaScript基础语法：包括变量声明、数据类型、运算符、控制结构（if...else语句，switch语句，循环语句等）、函数的定义与使用等。 2. DOM...

    JavaScript 编写的游戏

    编写JavaScript游戏时，主要涉及以下几个关键知识点： 1. **DOM操作**：JavaScript可以操作Document Object Model (DOM)，这是HTML和XML文档的结构表示。在游戏开发中，我们可能需要使用DOM来创建、更新或删除游戏...

    JavaScript资料收集(很全)

    10. **Node.js**：JavaScript也可以用于服务器端开发，Node.js就是一个运行在服务器端的JavaScript环境，它支持非阻塞I/O，适合构建高性能的网络应用。 在学习过程中，你可以通过阅读文档、编写代码练习和参与开源...

    javascript object to json string

    在使用`JSON.stringify()`时，需要注意以下几点： - `undefined`、函数和循环引用的对象不能被转换，它们会被忽略或抛出错误。 - 如果对象包含日期，JSON.stringify()会将其转换为字符串，丢失日期类型的信息。 - 在...

Magicbox
Global site tag (gtag.js) - Google Analytics