Оптимизация кода Java. Script Выполнили: Студенты факультета ИВТ Сергеев Сергей Кислицын Александр гр. 41 -12
Основные пункты Уменьшение DOM запросов Уменьшение числа локальных переменных Исключение лишних символов Разбитие кода на равномерные функции Разнообразие функций
Document Object Model document. get. Element. By. Id("my. Field"). style. background. Color="#CCC"; document. get. Element. By. Id("my. Field"). style. color="#FF 0000"; document. get. Element. By. Id("my. Field"). style. font. Weight="bold"; var my. Field=document. get. Element. By. Id("my. Field"); my. Field. style. css. Text="background-color: #CCC; color: #FF 0000; font -weight: bold"; var my. Field=document. get. Element. By. Id("my. Field"); my. Field. style. background. Color="#CCC"; my. Field. style. color="#FF 0000"; my. Field. style. font. Weight="bold";
DOM: Промежуточный буфер. DOM Document Fragment К О Д
Память Переменные (function init(){ for(var i=0, n=1; i<10; i++) n+=n; alert(n); for(var i=0, m=1; i<10; i++) m*=m; alert(m); })(); v (function init(){ for(var i=0, n=1; i<10; i++) n+=n; alert(n); for(var i=0, n=1; i<10; i++) n*=n; alert(m); })(); Замыкание Var global_public_var="handsome"; function mega_func() { var secret_var = "vinchi" alert('Hey, ' + global_public_var)} mega_func(); v
Распределение по функциям
Заключение Логика и оправданность v Детальное рассмотрение критических мест v Вынесение во внешние файлы и их сжатие v Функции-обёртки v Старый-новый код v v Литература. Николас Закас «Java. Script. Оптимизация производительности» , 255 стр, 2012, изд. «Символ»
Результат Bad (Very. Bad) 2. 72 (86905) 2. 639 (91025) 2. 631 (90346) 2. 627 (85829) 2. 64 (88195) Normal 2. 468 2. 484 2. 459 2. 53 2. 501 Good 0. 103 0. 104 0. 103 0. 1
Спасибо за внимание