diff --git a/services/web/frontend/js/ide/editor/Document.js b/services/web/frontend/js/ide/editor/Document.js
index 01769c5081..e2f6555ce2 100644
--- a/services/web/frontend/js/ide/editor/Document.js
+++ b/services/web/frontend/js/ide/editor/Document.js
@@ -704,21 +704,36 @@ export default Document = (function () {
           v: version,
         })
       })
+
+      let docChangedTimeout
       this.doc.on('change', (ops, oldSnapshot, msg) => {
         this._applyOpsToRanges(ops, oldSnapshot, msg)
-        window.dispatchEvent(
-          new CustomEvent('doc:changed', { detail: { id: this.doc_id } })
-        )
-        return this.ide.$scope.$emit('doc:changed', { doc_id: this.doc_id })
+        if (docChangedTimeout) {
+          window.clearTimeout(docChangedTimeout)
+        }
+        docChangedTimeout = window.setTimeout(() => {
+          window.dispatchEvent(
+            new CustomEvent('doc:changed', { detail: { id: this.doc_id } })
+          )
+          this.ide.$scope.$emit('doc:changed', { doc_id: this.doc_id })
+        }, 50)
       })
+
       this.doc.on('flipped_pending_to_inflight', () => {
         return this.trigger('flipped_pending_to_inflight')
       })
-      return this.doc.on('saved', () => {
-        window.dispatchEvent(
-          new CustomEvent('doc:saved', { detail: { id: this.doc_id } })
-        )
-        return this.ide.$scope.$emit('doc:saved', { doc_id: this.doc_id })
+
+      let docSavedTimeout
+      this.doc.on('saved', () => {
+        if (docSavedTimeout) {
+          window.clearTimeout(docSavedTimeout)
+        }
+        docSavedTimeout = window.setTimeout(() => {
+          window.dispatchEvent(
+            new CustomEvent('doc:saved', { detail: { id: this.doc_id } })
+          )
+          this.ide.$scope.$emit('doc:saved', { doc_id: this.doc_id })
+        }, 50)
       })
     }