One common challenge encountered during frontend development is the persistence of cached data in web browsers.

While browser caches efficiently save time by storing assets and eliminating the need to download them on every website visit, they can pose problems during development when changes are made to the code.

How to Force a Full Reload in Safari with All Assets#

In Safari, resolving this issue is a straightforward process.

Ensure that Developer Tools are enabled by pressing CMD + ,. Next, navigate to the Advanced tab, and at the bottom of the window, select Show features for web developers. Now you can close this settings window.

To perform a full reload, simply press CMD + OPT + R (Safari 11+). This action reloads the current page, bypassing any cached data present in Safari.

Conclusion#

By incorporating this simple tip into our workflow, we can enhance efficiency in frontend development, particularly when dealing with assets.

It can be frustrating not to see updated images, leading us to question our code. However, in many cases, it’s just the cache doing its job.

I trust this brief post proves helpful in resolving such issues.

Until next time!