Cleaning The Browser Cache

Introduction

Browser cache is a really useful function for all daily web visitors. If you are a novice in website development or you are just a regular user who likes to check some websites from time to time you may wonder what a browser cache is? As previously said, cache is a great tool which makes user experience browsing the web faster and more convenient. Cache is a temporary storage of the browser which stores some files of websites you have already visited. It ensures that the second time you visit the same website browser wouldn’t need to download all the data again. This makes browsing experience a lot faster for the user.

However, cache may also cause trouble sometimes. Especially for website developers who are editing their websites and need to see the changes on the web right away. If for example, a background image of the website was stored on browser cache after visiting the website once, the same image may still be displayed even after developer changes it to another one. And this is the time when you want to clean your browser cache.

In this tutorial, we will learn how to clear browser cache for various desktop browsers including Google ChromeMozilla FireFoxMicrosoft EdgeOperaSafari.

We will use the latest version of each browser as of 2016 summer, but similar steps should apply to other versions also.

 

What you’ll need

Before you begin this guide you’ll need the following:

  • A browser installed on your computer.

Browser 1 — Google Chrome

  1. When You have Google Chrome opened click the 3-striped button in the upper right corner of the screen.
  2. From there, click Settings.
    Settings location
  3. Once inside Settings, click History in the left sidebar.
  4. Now click on Clear browsing data….
    Clear browsing data location
  5. You will see many options to check. However, we need to clean the cache in this tutorial. Check Cached images and files.
  6. Also, if you only want to clean the cache of the past hour or day, you can select a different option in the drop-down box Obliterate the following items from:
  7. Just click Clear browsing data and wait for the window to close.
    Clean cache instructions

Browser 2 — Mozilla Firefox

  1. When You have Mozilla Firefox opened click the 3-striped button in the upper right corner of the screen.
  2. From there, click Options.
    Settings location
  3. Once inside the Options, click Advanced in the left sidebar.
  4. Now click on Network in the upper navigation bar.
    Advanced, Network locations
  5. Under Cached Web Content section, you will see how many bytes/megabytes of cached content is stored on your computer. To clear the cache click Clear Now.
    Clear now location

NOTE! You may wish to click the button a couple of times until you see that 0 bytes of cached content is stored on your computer:
0 bytes

  1. (Optional) You can make Mozilla FireFox uncacheable browser quite easily. From the same Options -> Advanced -> Network page, under Cached Web Content section there is an option Override automatic cache management. Check the checkbox and fill in 0 in Limit cache to… field.
    uncacheable browser

IMPORTANT! Use this with caution, because when you do not allow content to be stored on cache, website loading time will increase, which will make an impact on general browsing experience.

Browser 3 — Microsoft Edge

  1. When You have Microsoft Edge opened click the 3-dotted button in the upper right corner of the screen.
  2. From there, click Settings.
    Settings location
  3. Once inside Settings, you should see a section named Clear browsing data. Click Choose what to clear button.
    what to clear location
  4. You will see many options to check. However, we need to clean the cache in this tutorial. Check Cached data and files.
  5. Now click Clear.
    Clean cache instructions
  6. After waiting for a bit you should see All clear! message which means that your cache was cleared successfully.
    All clear message

Browser 4 — Opera

  1. When You have Opera opened click Menu button in the upper left corner of the screen.
  2. From there, click Settings.
    Settings location
  3. Once inside the Settings, click Privacy & Security in the left sidebar.
    Privacy & Security location
  4. Now click on Clear browsing data….
    Clear browsing data location
  5. You will see many options to check. However, we need to clean the cache in this tutorial. Check Cached images and files.
  6. Also, if you only want to clean the cache of the past hour or day, you can select a different option in the drop-down box Obliterate the following items from:.
  7. Just click Clear browsing data and wait for the window to close.
    Clean cache instructions

Browser 5 — Safari

  1. When You have Safari opened click button named Safari in the upper left corner of the screen.
  2. From there, click Preferences.
    Settings location
  3. Once inside Preferences, click Privacy in the upper navigation bar.
    Privacy location
  4. Under section Cookies and website data, you will see Remove All Website Data… button. Click it!
    Clean cache instructions
  5. A confirmation window will appear asking if you really want to remove data stored by websites. Click Remove Now.
    Remove now location

NOTE! Safari clears both cache and cookies of your browser.

Conclusion

You have learned how to clear the cache of various browsers so you will never have to be stuck with old website content showing up. Kindly note, that cleaning cache doesn’t have to be a daily task, because the browser itself overrides and deletes data from cache storage automatically. Clearing browser cache is useful when you cannot see updated content on your website or the website seems to be down from your end, etc.

Email Application Settings

Your email application can be set up to retrieve email from the email server using one of two different protocols: IMAP or POP. The protocol you’ll use mostly depends on the number of devices you’ll use to access your email.

  • IMAP For incoming mail, this is for people who access their email on multiple devices or if multiple users access the same account. When you read, reply, delete, forward, or otherwise manage your email, the changes are made on the server and sync with your webmail and other IMAP-connected email clients. IMAP is limited to 20 connections per IP address, but that shouldn’t be an issue for most users.
  • POP Use POP if you want to download and remove your email from the server and store them on your device. It’s a great option if you want to manage your email through one main interface, frequently manage your email offline, or need more storage space than your mail server allows. Do not use POP if you want to access your email from multiple devices.

In addition, we highly recommend securing your email connection using the Secure (with SSL) settings. These settings enable an SSL email certificate to encrypt the connection between your email client and the mail server to ensure that your mail is private and cannot be read by anyone but the intended recipient. Some networks don’t permit SSL connections, so we’ve listed the standard settings for your convenience.

Secure SSL/TLS Settings (Service Is Not Included With the Packages)

Username Your email address: john@example.com
Password The password for that email account.
Incoming Server mail.example.com*
Incoming Port 993 (IMAP) or 995 (POP3)
Outgoing Server mail.example.com*
Outgoing Port 465 (SMTP)
Authentication Password

*Replace example.com with your domain name.

Standard (without SSL/TLS) Settings

Username Your email address: john@example.com
Password The password for that email account.
Incoming Server mail.example.com*
Incoming Port 143 (IMAP) or 110 (POP3)
Outgoing Server mail.example.com*
Outgoing Port 25(SMTP) if port closed 587(SMTP)
Authentication Password

*Replace example.com with your domain name.

 

Email Client Setup Guides

The setup process is a bit different for each email client if you require any assistance contact our team and they will guide you through the process.

How to Defer Parsing of JavaScript in WordPress

Introduction

There are a few reasons why we should defer parsing of JavaScript in WordPress. The most important one is speed and performance. Generally, JavaScript is placed between the <head> </head> tags. When opening a website, it loads the code from top to bottom. This means that if you have lots of JS or long strings, it will take more time for the website’s content to appear, as it first waits for all the JavaScript to load.

By deferring parsing of JavaScript, the website would not wait for the JS code to load, which would result in a quicker loading time. Nowadays, optimizing a website for social media is crucial. Such features as Facebook, Twitter, Google+, Linkedin and other social network sharing buttons or feeds use JavaScript. However, we must keep in mind that content should be the priority, meaning that by deferring parsing of JavaScript we can greatly increase front-end user experience and SEO ranking. In this WordPress tutorial, we will cover several ways on how to defer parsing of JavaScript in WordPress.

Deferring parsing of JavaScript via functions.php

Alternatively, it is possible to carry out the task by editing one of WordPress core files. To defer parsing of JS, this code should be copied to the bottom of your theme’s functions.php file:

function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.js' ) ) return $url;
return "$url' defer ";
}
add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );

Testing the Changes

Once you’ve are finished with one of the above options, use the same website speed tool and test your website. Here are the performance results after deferring JavaScript parsing in WordPress:

Defer Parsing of Javascript WordPress success in GTMetrix website optimization score

Congratulations, by following these few easy steps, you have boosted your website’s performance for a quicker and better experience!

Conclusion

In this short guide, we have learned how to improve the speed and performance of your WordPress website by deferring parsing of JavaScript. Remember, the faster and smoother your site is, the more traffic and happier visitors you will have!

How to Remove Query Strings From JavaScript and CSS in WordPress

Introduction

Query strings are URLs that contain either ? or &. Static resources (such as JavaScript and CSS) are usually cached by proxies or CDNs. When a developer makes a change, it will not be rendered instantly due to caching effects, which is when query strings come into play. These strings are not cached, thus allowing updates to be rendered immediately. However, it will also increase the loading time of a webpage. Website optimization tools suggest removing query strings from static resources to increase website speed. This is especially useful for a WordPress site, as it will provide it with many benefits. Removing query strings from static resources will enable caching on proxy servers, thus increasing the overall WordPress site speed. Your CSS and JavaScript will make fewer server requests, thus decreasing the resource usage of your WordPress site. This will also give your WordPress site a SEO boost, as WordPress sites with better optimization generally have a higher rank on Google. The downside of query string removal in WordPress can be easily overcome by managing your cache, which will be further explained in this WordPress optimization guide.

Removing query strings from static resources (CSS, JavaScript) in WordPress via functions.php

IMPORTANT! Make sure to have a backup of functions.php file before making any changes. Query strings can be removed from WordPress by adding this code at the bottom of your functions.php file located in wp-includes directory:

// Remove query string from static files
function remove_cssjs_ver( $src ) {
if( strpos( $src, '?ver=' ) )
$src = remove_query_arg( 'ver', $src );
return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );

In some cases (depending on your WordPress configuration) this code can cause 500 Internal Server Error. In that case, please contact our WordPress Development Group

Countering the downside of query string removal in WordPress

Proper management of WordPress cache will allow you to deliver the latest files to all visitors without causing any issues. If you are using WordPress caching plugins, you will simply need to clear your WordPress cache after making a change. Same goes if you implemented browser caching for your WordPress site, clearing the browser cache will let you see the latest changes. These few tricks will let you counter the small disadvantage that removing query strings from static resources in WordPress may cause.

Testing the changes

For comparison, here are the results of GTMetrix analysis after removing query strings from static resources in WordPress: query-string-remove-Wordpress-analysis-2

Conclusion

In this short guide, we have learned how to increase the performance of your WordPress website by removing query strings from static resources such as JavaScript or CSS.