Synchronous DOM mutations are when a script alters the DOM in a synchronous manner, meaning it occurs in the same thread as the rest of the code and the browser will not continue to render until the mutation is complete. An example of a synchronous DOM mutation is when a script adds a new element to the DOM, such as a new DIV. The browser will wait for the script to finish before it continues to render the page.