Improving Performance
A webpage with videos, animations, and transitions, especially if you have it opened on multiple devices can seriously hamper performance even on the beefiest dev machines. Here are some steps you can take to improve performance:
Click the Performance icon in the toolbar and select the settings to toggle.
When you have disabled some web elements, Sizzy will helpfully point it out with a 🟡 yellow dot on the Performance icon.
Additionally, you can turn on low power mode, choose whether DevTools will stay in memory, or disable hardware acceleration.
Open the hamburger menu on the top-left and navigate to Sizzy → Preferences.
In the Preferences window, click on Performance in the left column. Toggle the settings you wish to modify, and click Save when done.
If you are strapped for RAM (and who isn't?), you can choose what to keep in memory. Open the Settings screen by clicking on the ⚙ gear icon in the app header, and navigate to the Performance section. Tweak the settings to your liking and save your changes.
If you are facing graphical performance issues, and/or glitches, disabling hardware acceleration can be a potential fix. In the Performance section of settings, turn on the Disable hardware acceleration toggle.
Try to work in Focus Mode, Full Mode, or Resizable Mode most of the time, as they only show a single device at a time. Use Responsive Mode only when checking the responsiveness of your website on multiple devices.
The Full Mode and Resizable Mode buttons are located on the right side of the Workspace Toolbar.
To focus on a single device, use the Focus Mode by clicking the 3 dot menu and selecting Focus.