diff --git a/web/src/utils/debounce.js b/web/src/utils/debounce.js
new file mode 100644
index 0000000..8357420
--- /dev/null
+++ b/web/src/utils/debounce.js
@@ -0,0 +1,9 @@
+export function debounce(func, timeout = 500) {
+  let timer
+  return (...args) => {
+    clearTimeout(timer)
+    timer = setTimeout(() => {
+      func.apply(this, args)
+    }, timeout)
+  }
+}
diff --git a/web/src/views/UserPresence.vue b/web/src/views/UserPresence.vue
index bdce10f..c849e5f 100644
--- a/web/src/views/UserPresence.vue
+++ b/web/src/views/UserPresence.vue
@@ -269,6 +269,7 @@
 <script>
 import gql from 'graphql-tag'
 import Avatar from '../components/Avatar'
+import { debounce } from '../utils/debounce'
 
 export default {
   name: 'UserPresence',
@@ -291,11 +292,11 @@ export default {
   },
 
   watch: {
-    search(newValue) {
-      if (this.$route.query.search != newValue) this.updateQuery()
+    search() {
+      this.updateQuery()
     },
-    onlyServants(newValue) {
-      if (this.$route.query.onlyServants != newValue) this.updateQuery()
+    onlyServants() {
+      this.updateQuery()
     }
   },
   mounted() {
@@ -362,12 +363,14 @@ export default {
       }[status]
     },
     updateQuery() {
-      this.$router.replace({
-        query: {
-          search: this.search,
-          onlyServants: this.onlyServants
-        }
-      })
+      debounce(() =>
+        this.$router.replace({
+          query: {
+            search: this.search || undefined,
+            onlyServants: this.onlyServants || undefined
+          }
+        })
+      )()
     }
   }
 }