The Problem
When I uploaded my site to my server, it doesn’t display correctly, some of the styling changes or images are not showing the latest versions.
Why This Happens
This is caused by something called browser cache. Browser cache is a temporary storage location on your computer for files downloaded by your browser to display websites. Files that are cached locally, such as html files, CSS style sheets, JavaScript scripts, as well as graphic images and other multimedia content. Cache is used to reduce bandwidth usage on both the user and server side and allows the page to load faster. Browser cache is especially useful when you have a slow or limited Internet connection.
Sometimes, cached versions of a website can cause issues, for example, when the browser does not download a fresh copy, even though the site was updated since last caching it. Browser cache lies at the heart of many website related problems.
The Solution
The easiest way to fix this issue is to enable the cache busting export option when you export your project. When enabled, cache busting adds unique suffixes to the file paths of the CSS and JS files used within your site. Once your new site is hosted, these suffixes force the visitor’s browser to re-load the code from the server and create a new cached version of the resource.
If you are still experiencing cache issues we recommend trying to force reload the page in your browser.
Safari
Hold the ⌥ key and press the Reload button in the toolbar, or alternatively use the keyboard shortcut ⌘+⌥+R.
Chrome & Firefox
Hold the ⇧ key and press the Reload button in the toolbar, or alternatively use the keyboard shortcut ⌘+⇧+R.