perf: only rerender changed sync service

src/cache.js

@@ -76,3 +76,5 @@ var BaseView = Backbone.View.extend({
     };
   },
 });
+
+BaseView.prototype.postrender.call(window);

src/options/app.js

@@ -26,7 +26,6 @@ var app = new App();
 if (!Backbone.history.start())
   app.navigate('', {trigger: true, replace: true});
 
-BaseView.prototype.postrender.call(window);
 $(document).on('click', '[data-feature]', function (e) {
   var target = e.currentTarget;
   _.features.hit(target.dataset.feature);
@@ -36,12 +35,12 @@ $(document).on('click', '[data-feature]', function (e) {
 var scriptList, syncData;
 function initMain() {
   scriptList = new ScriptList;
-  syncData = new Backbone.Collection;
+  syncData = new SyncList;
   var port = chrome.runtime.connect({name: 'Options'});
   port.onMessage.addListener(function (res) {
     switch (res.cmd) {
     case 'sync':
-      syncData.reset(res.data);
+      syncData.set(res.data);
       break;
     case 'add':
       res.data.message = '';

src/options/model.js

@@ -42,3 +42,10 @@ var ScriptList = Backbone.Collection.extend({
     });
   },
 });
+
+var SyncModel = Backbone.Model.extend({
+  idAttribute: 'name',
+});
+var SyncList = Backbone.Collection.extend({
+  model: SyncModel,
+});

src/options/views/sync-service.js

@@ -4,6 +4,10 @@ var SyncServiceView = BaseView.extend({
   events: {
     'click .sync-start': 'retry',
   },
+  initialize: function () {
+    BaseView.prototype.initialize.call(this);
+    this.listenTo(this.model, 'change', this.render);
+  },
   _render: function () {
     var it = this.model.toJSON();
     it.enabled = _.options.get(it.name + 'Enabled');

src/popup/app.js

@@ -18,8 +18,6 @@ var app = new App();
 if (!Backbone.history.start())
   app.navigate('', {trigger: true, replace: true});
 
-BaseView.prototype.postrender.call(window);
-
 !function () {
   function commandClick(e, model) {
     chrome.tabs.sendMessage(app.currentTab.id, {