Тестирование увеличения производительности сжатия кода JavaScript - PullRequest
6 голосов
/ 24 мая 2011

Я использовал 5 компрессоров JavaScript для сжатия библиотеки JavaScript (JSMin, компрессор YUI, Packer, компилятор закрытия и UglifyJS)

Теперь я знаю, что компилятор закрытия является победителем в уменьшении размера файлов.Тем не менее, я также хочу проверить прирост производительности.Что было бы хорошим способом сделать это?

Я сделал простую тестовую страницу, которая использует все публичные методы библиотеки.Есть ли инструмент для проверки скорости этой тестовой страницы?Например.запустить его X раз в браузере и вернуть среднюю скорость загрузки.

Спасибо за ваши ответы!

Ответы [ 4 ]

1 голос
/ 08 июня 2011

В этом нет необходимости быть сложным:

<html>
<head>
    <script>
    var time = new Date();
    </script>
    <script src="..."></script>
    ... more scripts ... 
</head>

<body>
<script>
    document.write("Time: " + String((new Date() - time)/1000) + " seconds");
</script>
</body>
</html>

Скрипты в <head> обычно загружаются последовательно, поэтому это должен быть разумный метод для измерения времени выполнения скрипта.Если у вас есть сценарии, выполняющие форму <body onload="...">, то выполняйте вычисление прошедшего времени в конце этой функции, а не в конце тела.

Этот метод не будет измерять время выполнения для "асинхронных" функций, выполняемых с помощью setTimeout или setInterval, но они не должны учитываться во время загрузки.

Альтернатива и, возможно, более простой вариант - использовать встроенный в Chrome или веб-инспектор Safari профилировщик javascript.

0 голосов
/ 24 мая 2011

Используйте PageSpeed ​​или YSlow в Firefox или HTTPAnaylser в IE, чтобы проверить разницу во времени.

0 голосов
/ 25 мая 2011

Это действительно зависит от того, что вашей аудитории больше всего нравится на сайте. Время появляться на экране? Время загрузки завершено? Анимация плавности? Интерактивная отзывчивость? Или сырая скорость расчета?

Вы должны профилировать свой сайт, сжатый различными минифайерами в зависимости от наиболее важных показателей.

Примечание: Компилятор Closure в простом режиме дает только минимальное ускорение. Размер файла уменьшается, но программа JavaScript остается прежней. Чтобы значительно сократить код и оптимизировать скорость, вы должны использовать расширенный режим.

0 голосов
/ 24 мая 2011

Я подозреваю, инструмент PageSpeed ​​ - это то, что вы ищете.

...