జావాస్క్రిప్ట్ పర్ఫార్మన్స్

如何加速您的 JavaScript 代码。

减少循环中的活动

编程经常会用到循环。

循环每迭代一次，循环中的每条语句，包括 for 语句，都会被执行。

能够放在循环之外的语句或赋值会使循环运行得更快。

差的代码：

var i;
for (i = 0; i < arr.length; i++) {

更好的代码：

var i;
var l = arr.length;
for (i = 0; i < l; i++) {

循环每次迭代时，坏代码就会访问数组的 length 属性。

好代码在循环之外访问 length 属性，使循环更快。

减少 DOM 访问

与其他 JavaScript 相比，访问 HTML DOM 非常缓慢。

假如您期望访问某个 DOM 元素若干次，那么只访问一次，并把它作为本地变量来使用：

ఇన్స్టాన్స్

var obj;
obj = document.getElementById("demo");
obj.innerHTML = "Hello";

亲自试一试

缩减 DOM 规模

请尽量保持 HTML DOM 中较少的元素数量。

ఈ పద్ధతి ఎల్లప్పుడూ పేజీ లోడ్ ను పెంచి, రెండరింగ్ ను (పేజీ ప్రదర్శన) వేగవంతం చేస్తుంది, ముఖ్యంగా చిన్న పరికరాలపై.

ప్రతిసారి డాక్యుమెంట్ ఆర్బిటరీ (DOM) ను శోధించడం లో ప్రయత్నిస్తే (ఉదాహరణకు getElementsByTagNameచిన్న డాక్యుమెంట్ ఆర్బిటరీ (DOM) ను ప్రయోజనపడుతుంది.

అవసరమానికి లేని వేరియబుల్స్ నివారించండి

మీరు నిర్థారించని విలువలను నిర్వహించకుండా కొత్త వేరియబుల్స్ సృష్టించకూడదు.

సాధారణంగా ఈ కోడ్ ను పునఃస్థాపించవచ్చు:

var fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName;

ఈ కోడ్ ను ఉపయోగించండి:

document.getElementById("demo").innerHTML = firstName + " " + lastName

జెస్క్రిప్ట్ లోడ్ పరిమితి

ప్రక్రియాపాఠాన్ని పేజీ కింది ప్రాంతంలో ఉంచండి, బ్రౌజర్ మొదటిగా పేజీని లోడ్ చేస్తుంది.

脚本在下载时，浏览器不会启动任何其他的下载。此外所有解析和渲染活动都可能会被阻塞。

HTTP 规范定义浏览器不应该并行下载超过两种要素。

一个选项是在 script 标签中使用 defer="true"。defer 属性规定了脚本应该在页面完成解析后执行，但它只适用于外部脚本。

如果可能，您可以在页面完成加载后，通过代码向页面添加脚本：

ఇన్స్టాన్స్

<script>
window.onload = downScripts;
function downScripts() {
    var element = document.createElement("script");
    element.src = "myScript.js";
    document.body.appendChild(element);
}
</script>

వినియోగించకండి విధులు

వినియోగించకండి విధులు కీలక పదం. ఇది వేగాన్ని ప్రభావితం చేస్తుంది. ఇది కూడా జావాస్క్రిప్ట్ స్కోప్ ను కలుషించగలదు.

స్ట్రింగెంట్ మోడ్ లోఅనుమతించబడలేదు విధులు కీలక పదం.