Jump to step by step browser examples.<\/a><\/p>\n<\/blockquote>\nHave you ever heard someone say, “Clear your browser cache.”, or “You need to refresh your browser cache.” or “Force reload your browser cache”? Removing the cached (saved static website assets) files in your browser (Chrome, Safari, Firefox, Edge, etc) allows you to see the most recent changes made by your web developer or designer.<\/p>\n
Quick Refresh<\/h2>\n
You can try a quick way to refresh your browser cache by using one of the below keyboard combinations:<\/strong><\/p>\nWindows: Control + F5 (hold down the control key and press F5).<\/strong><\/p>\nMac:<\/strong> Command + R<\/strong> (hold down the command key, next to the spacebar, and press the “R” key.)<\/p>\nLinux:<\/strong> F5<\/strong> (just press the F5 key).<\/p>\nWhy browser cache exists<\/h2>\n
Browser caching creates a better web experience for the page visitor. Three important things happen, very quickly, when you access a website on the internet, whether accessing by typing in a URL or by clicking on a link.:<\/p>\n
\n- REQUEST<\/strong> – A request is initiated (sent) FROM your browser (Google chrome, Safari, Firefox, Edge, etc) of the web server hosting the web page you want to visit.<\/span><\/span><\/li>\n
- REPLY<\/strong> – The request is answered by the web server “replying” with the data (“content” from the website), by sending it over the internet to your browser. Your web browser then interprets the data and displays the “content”, images, text, HTML css, java scripts, etc., in the browser window for you to view.<\/li>\n
- STATIC ASSETS CACHED<\/strong> – The “static content” or “Assets” that are needed to be loaded from the website to your computer are saved on your computer in something called “cache” or “browser cache” file. The content that is saved is known as “static content”.<\/li>\n<\/ul>\n
The process of saving static content into the web browser or “local” cache, decreases load times for subsequent visits to the site. The browser doesn’t have to reload the cached assets (static content) as they are already stored locally from previous visits.<\/p>\n
<\/p>\n
When to clear your browser cache?<\/h2>\n
When you make a change to static files on your website, and then go to view those changes in your browser, you’ll see that the old files are still being displayed on the site. When you clear or refresh your web browser’s cache, the old cache files are deleted. Revisiting the page again will force the new, static files to be reloaded into the cache file (refreshed) and the changes to the page are displayed in your browser.<\/p>\n
[\/et_pb_text][et_pb_image src=”data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA4MCIgaGVpZ2h0PSI1NDAiIHZpZXdCb3g9IjAgMCAxMDgwIDU0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0VCRUJFQiIgZD0iTTAgMGgxMDgwdjU0MEgweiIvPgogICAgICAgIDxwYXRoIGQ9Ik00NDUuNjQ5IDU0MGgtOTguOTk1TDE0NC42NDkgMzM3Ljk5NSAwIDQ4Mi42NDR2LTk4Ljk5NWwxMTYuMzY1LTExNi4zNjVjMTUuNjItMTUuNjIgNDAuOTQ3LTE1LjYyIDU2LjU2OCAwTDQ0NS42NSA1NDB6IiBmaWxsLW9wYWNpdHk9Ii4xIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KICAgICAgICA8Y2lyY2xlIGZpbGwtb3BhY2l0eT0iLjA1IiBmaWxsPSIjMDAwIiBjeD0iMzMxIiBjeT0iMTQ4IiByPSI3MCIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDgwIDM3OXYxMTMuMTM3TDcyOC4xNjIgMTQwLjMgMzI4LjQ2MiA1NDBIMjE1LjMyNEw2OTkuODc4IDU1LjQ0NmMxNS42Mi0xNS42MiA0MC45NDgtMTUuNjIgNTYuNTY4IDBMMTA4MCAzNzl6IiBmaWxsLW9wYWNpdHk9Ii4yIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KICAgIDwvZz4KPC9zdmc+Cg==” _builder_version=”4.22.1″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row module_id=”top_toggle” _builder_version=”4.22.1″ _module_preset=”default” background_enable_color=”off” custom_padding=”28px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.22.1″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n
Step by Step – Browser by Browser<\/h2>\n
[\/et_pb_text][et_pb_toggle title=”Chrome” icon_color=”#0c71c3″ use_icon_font_size=”on” icon_font_size=”24px” open_icon_color=”#0c71c3″ open_use_icon_font_size=”on” open_icon_font_size=”24px” _builder_version=”4.22.1″ _module_preset=”default” title_font=”|600|||||||” title_font_size=”24px” body_font_size=”1rem” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n
Text Instructions:<\/strong><\/h3>\nHere’s how to do it step by step for different platforms:<\/p>\n
– Windows<\/strong>: Open Chrome and click on the three dots icon in the top right corner. Select More tools > Clear browsing data. Choose a time range and check the box for Cached images and files. Click on Clear data.<\/p>\n– Mac:<\/strong> Open Chrome and go to the menu bar. Select Chrome > Clear browsing data. Choose a time range and check the box for Cached images and files. Click on Clear data.<\/p>\n– iPhone<\/strong>: Open Chrome and tap on the three dots icon in the bottom right corner. Select Settings > Privacy > Clear browsing data. Check the box for Cached images and files. Tap on Clear browsing data.<\/p>\n– Android:<\/strong> Open Chrome and tap on the three dots icon in the top right corner. Select Settings > Privacy and security > Clear browsing data. Choose a time range and check the box for Cached images and files. Tap on Clear data.<\/p>\nKeyboard Shortcuts:<\/strong><\/h3>\nWindows: Ctrl+Shift+Del – <\/strong>This will open the Clear browsing data window. In the window, you can choose what type of data you want to clear, such as browsing history, cookies, cached images and files, etc. You can also select the time range for which you want to clear the data, from the last hour to all time. Click on the Clear data button and wait for Chrome to finish the process.<\/p>\nMac: Cmd+Shift+Del – <\/strong>This will open the Clear browsing data window. In the window, you can choose what type of data you want to clear, such as browsing history, cookies, cached images and files, etc. You can also select the time range for which you want to clear the data, from the last hour to all time. Click on the Clear data button and wait for Chrome to finish the process.<\/p>\n <\/p>\n
[\/et_pb_toggle][et_pb_toggle title=”Safari” icon_color=”#0c71c3″ use_icon_font_size=”on” icon_font_size=”24px” open_icon_color=”#0c71c3″ open_use_icon_font_size=”on” open_icon_font_size=”24px” _builder_version=”4.22.1″ _module_preset=”default” title_font=”|600|||||||” title_font_size=”24px” body_font_size=”1rem” body_line_height=”1.8em” global_colors_info=”{}”]<\/p>\n
Text Instructions:<\/strong><\/h3>\nWindows – <\/strong>Open Safari and click on the gear icon > Reset Safari. Check the box for Remove all website data and click on Reset.<\/p>\nMac – <\/strong>Open Safari and click on Safari > Preferences > Privacy > Manage Website Data. Then click on Remove All or select specific websites and click on Remove.<\/p>\niPhone or iPad – <\/strong>Go to Settings > Safari > Clear History and Website Data. Tap on Clear History and Data to confirm.<\/p>\nThat’s it! You have successfully cleared your browser cache on Safari. Enjoy browsing faster and more securely.<\/p>\n
Keyboard Shortcuts:<\/strong><\/h3>\nWindows: Ctrl+Alt+E – <\/strong>to open the Clear Browsing Data dialog box. You can choose what types of data you want to delete, such as history, cookies, or cache. Then click Clear Now to confirm.<\/p>\nMac: Command+Option+E – <\/strong>You can also go to Safari > Preferences > Privacy and click Manage Website Data to see more details about the cached data and remove them selectively.<\/p>\n[\/et_pb_toggle][et_pb_toggle title=”Firefox (Mozilla)” icon_color=”#0c71c3″ use_icon_font_size=”on” icon_font_size=”24px” open_icon_color=”#0c71c3″ open_use_icon_font_size=”on” open_icon_font_size=”24px” _builder_version=”4.22.1″ _module_preset=”default” title_font=”|600|||||||” title_font_size=”24px” global_colors_info=”{}”]<\/p>\n
Text Instructions:<\/strong><\/h3>\n1. Click on the three vertical dots in the upper right of your Chrome browser.<\/p>\n
2. Hover over ‘More Tools’<\/p>\n
3. Click ‘Clear Browsing Data…’<\/p>\n
4. Select the timeframe (how far back to clear cached data) from the dropdown.<\/p>\n
5. Select all or some of the checkboxes that correspond to your cache clearing needs.<\/p>\n
Keyboard Shortcuts:<\/strong><\/h3>\nFor Windows, press Ctrl+Shift+Delete t<\/p>\n
Windows: Ctrl+Shift+Del –<\/strong> to open the Clear Recent History dialog box. You can choose the time range and the items you want to clear, such as cookies, history, or cache. Then click Clear Now and you’re done.<\/p>\nMac: Command+Shift+Delete – <\/strong>to open the same dialog box. The steps are similar to Windows, except you click Clear History instead of Clear Now.<\/p>\n[\/et_pb_toggle][et_pb_toggle title=”Edge” icon_color=”#0c71c3″ use_icon_font_size=”on” icon_font_size=”24px” open_icon_color=”#0c71c3″ open_use_icon_font_size=”on” open_icon_font_size=”24px” _builder_version=”4.22.1″ _module_preset=”default” title_font=”|600|||||||” title_font_size=”24px” global_colors_info=”{}”]<\/p>\n
Text Instructions:<\/strong><\/h3>\n\n- Open Edge and click on the three dots icon in the top right corner.<\/li>\n
- Select Settings from the menu that appears.<\/li>\n
- On the left side, click on Privacy, search, and services.<\/li>\n
- Under the Clear browsing data section, click on Choose what to clear.<\/li>\n
- Select the time range and the types of data you want to clear, such as cached images and files, cookies, browsing history, etc.<\/li>\n
- Click on Clear now and wait for the process to finish.<\/li>\n<\/ol>\n
Keyboard Shortcuts:<\/strong><\/h3>\nWindows: Ctrl+Shift+Del<\/strong><\/p>\nMac: Cmd+Shift+Del<\/strong><\/p>\n <\/p>\n
[\/et_pb_toggle][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
There are times when you need to clear your web browser cache. Read on to understand when and why you might need to clear your web browser cache.<\/p>\n","protected":false},"author":2,"featured_media":2521,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"
In this quick post, I will explain how to refresh your browser cache as well as show when and why it may be necessary.<\/p>
When accessing a website on the internet by typing in a URL or clicking on a link, three important things happen very quickly:<\/p>
- A request is made FROM your browser (popup info describing the browser in this context) of the web server hosting the website.<\/li>
- The request is answered by the web server \"replying\" with the data (\"content\" from the website), by sending it over the internet to your browser. Your web browser then interprets the data and displays the \"content\", images, text, cookies,scripts, etc., in the browser window for you to consume.<\/li>
- Whenever possible, the \"static content\" that is needed to be loaded from the website to your computer is saved on your computer in something called \"cache\" or \"browser cache\". The content that is saved is known as \"static content\".<\/li><\/ol>
The process of saving static content into the web browser or \"local\" cache helps to decrease load times the next time you visit the site, because the browser doesn't have to reload the cached assets (static content) as they are already stored locally.<\/p>
![\"Browser](\"https:\/\/charleshutchinson.com\/wp-content\/uploads\/2020\/10\/Browser-Cache-Ex-1024x329.png\")
<\/p>","_et_gb_content_width":"","footnotes":""},"categories":[75,76],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/charleshutchinson.com\/wp-json\/wp\/v2\/posts\/490"}],"collection":[{"href":"https:\/\/charleshutchinson.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/charleshutchinson.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/charleshutchinson.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/charleshutchinson.com\/wp-json\/wp\/v2\/comments?post=490"}],"version-history":[{"count":0,"href":"https:\/\/charleshutchinson.com\/wp-json\/wp\/v2\/posts\/490\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/charleshutchinson.com\/wp-json\/wp\/v2\/media\/2521"}],"wp:attachment":[{"href":"https:\/\/charleshutchinson.com\/wp-json\/wp\/v2\/media?parent=490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charleshutchinson.com\/wp-json\/wp\/v2\/categories?post=490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charleshutchinson.com\/wp-json\/wp\/v2\/tags?post=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}