Friday, November 28, 2014

Angular.js performance tip: Disabling Debug Data

While reading through the Angular.js documentation I stumbled over the following great performance tip:
By default AngularJS attaches information about scopes to DOM nodes, and adds CSS classes to data-bound elements. The information that is not included is:
As a result of ngBind, ngBindHtml or {{...}} interpolations, binding data and CSS class ng-class is attached to the corresponding element.
Where the compiler has created a new scope, the scope and either ng-scope or ng-isolated-scope CSS class are attached to the corresponding element. These scope references can then be accessed via element.scope() and element.isolateScope().
Tools like Protractor and Batarang need this information to run, but you can disable this in production for a significant performance boost with:
myApp.config(['$compileProvider', function ($compileProvider) {
$compileProvider.debugInfoEnabled(false);
}]);
If you wish to debug an application with this information then you should open up a debug console in the browser then call this method directly in this console:
angular.reloadWithDebugInfo();
The page should reload and the debug information should now be available.

For more see the docs pages on $compileProvider and angular.reloadWithDebugInfo.
Nice! Glimlach

2 comments:

Georges said...

Might be good to specify that this is 1.3.x and not at all 1.2.x ;-)

Anyway, thanks for the tip!

Diệu Ngọc said...

Với sự phát triển của thương mại điện tử, quý khách hàng muốn mua những mặt hàng tại Nhật Bản. Nhưng vì khoảng cách, thời gian, tiền bạc, những điều bất thuận lợi làm quý khách không thể mua được những món hàng tại xứ sở hoa anh đào này. Vậy hãy sử dụng:
ship đồ từ nhật về việt nam
dịch vụ ship hàng từ nhật về việt nam
nhận ship hàng từ nhật về tphcm
nhận ship hàng từ nhật về hà nội
nhận ship hàng từ nhật về việt nam
dịch vụ vận chuyển hàng từ nhật về việt nam
. Dịch vụ mua hàng - order hàng -chuyển hàng từ Nhật về Việt Nam nhanh chóng, an toàn, tiết kiệm được nhiều chi phí.
Hoặc quý khách có thể sử dụng dịch vụ fado mua sắm các mặt hàng tại amazon Nhật hoặc Mỹ.