Blur effect using CSS Backdrop filter too slow

Question

Hi I have added the blur filter in my navigation using Backdrop Filter

nav {
  backdrop-filter: blur(5px);
  width: 100%;
  height: 10vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  padding: 0 100px;
}

you can check here how slow it is

it is the only backdrop element I have used in the code rest all is pure CSS the issue is that it is making the site too slow

is there an way to make it fast if not

then please suggest some other methods to add background blur to the navigation without making its own element blur