Как ускорить свой код JavaScript.
Уменьшить активность в петлях
Циклы часто используются в программировании.
Каждый оператор в цикле, в том числе for заявления, которое выполняется для каждой итерации цикла.
Поиск отчетов или заданий, которые могут быть размещены за пределами цикла.
Плохой код:
for (i = 0; i < arr.length; i++) {
Лучше код:
l = arr.length;
for (i = 0; i < l; i++) {Плохой код обращается к свойству длины массива каждый раз, когда цикл повторяется.
Чем лучше код обращается к свойству длины вне цикла, и делает прогон цикла быстрее.
Уменьшить DOM Доступ
Доступ к HTML DOM является очень медленным, по сравнению с другими операторами JavaScript.
Если вы ожидаете, чтобы получить доступ к элементу DOM несколько раз, получить доступ к нему один раз, и использовать его в качестве локальной переменной:
Уменьшить размер DOM
Сведите количество элементов в HTML DOM малого.
Это всегда будет улучшить загрузку страниц, а также ускорить рендеринг (страницы дисплея), особенно на небольших устройствах.
Каждая попытка поиска DOM (как getElementsByTagName) выиграют от меньшего DOM.
Избегайте ненужных переменных
Не создавать новые переменные, если вы не планируете, чтобы сохранить значения.
Часто вы можете заменить код следующим образом:
var fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName;
С этим:
document.getElementById("demo").innerHTML = firstName + " " + lastName
Задержка JavaScript Загрузка
Ввод ваших скриптов в нижней части тела страницы, позволяет браузеру загрузить страницу в первую очередь.
В то время как сценарий загрузки, браузер не будет запускать любые другие загружаемые файлы. Кроме того, все синтаксического анализа и визуализации активности может быть заблокирована.
Спецификация HTTP определяет, что браузеры не должны загрузить более двух компонентов параллельно.
В качестве альтернативы можно использовать defer="true" в теге сценария. Атрибут Defer указывает, что сценарий должен выполняться после того, как страница завершения разбора, но он работает только для внешних скриптов.
Если это возможно, вы можете добавить свой скрипт на страницу с помощью кода, после загрузки страницы:
пример
<script>
window.onload = downScripts;
function downScripts() {
var element = document.createElement("script");
element.src = "myScript.js";
document.body.appendChild(element);
}
</script>Избегайте использования с
Избегайте использования с ключевым словом. Это оказывает негативное влияние на скорость. Он также загромождает областей JavaScript.
С ключевым словом не допускается в строгом режиме.