Production Performance Boost -thoughtram.io

เพิ่มประสิทธิภาพการทำงานของโค้ดบนเครื่อง Production

เวลาเราใช้ AngularJS ใน Application ของเราจะปรากฏ ng-scope อยู่ในส่วนที่ใช้งาน

AngularJS 1.3 มีการให้ความสำคัญกับ Performance ของ Production Code มากขึ้น

โดยเพิ่มคำสั่ง $compileProvider.debugInfoEnabled(false);

ลองเอา $compileProvider.debugInfoEnabled(false); ใส่ลงใน config

var app = angular.module('myApplication', []);

app.config(['$compileProvider', function ($compileProvider) {
    $compileProvider.debugInfoEnabled(false);
}]);

จะพบว่าส่วนต่างๆ ที่ angular เป็นคนเพิ่มเข้ามาเองจะไม่แสดงให้เห็น ซึ่งดีต่อการใช้งานบน Production Code

แต่ถ้าอยากให้แสดง debugInfo ก็สามารถเรียกผ่าน browser console ได้ โดยใช้คำสั่ง

angular.reloadWithDebugInfo();