Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Check whether network response is coming from server or Chrome cache

In Google Chrome, how you can check which files are served from the browser cache, and which comes from the server?

like image 886
Vishwajeet Avatar asked Oct 30 '12 13:10

Vishwajeet


People also ask

How can I tell what Network my browser calls?

In common web browsers like Google Chrome or Firefox, you can "right-click" and then click "Inspect" or "Inspect Element" to open the developer tools in your browser. Then, in Developer Tools, navigate to "Network" and re-load the page.

How do I know if my browser is not using cache?

When you're in Google Chrome, click on View, then select Developer, then Developer Tools. Alternatively, you can right click on a page in Chrome, then click Inspect. Click on the Network tab, then check the box to Disable cache.

How does the browser know if its cached page is the current version on the server?

Browsers will usually get this information through HTTP headers sent with the page. For example, the Last-Modified header tells the browser how old the page is.


2 Answers

In Chrome Developer Tools switch to the Network tab and on the Size column it will either give you the size of the downloaded content or say (from disk/memory cache).

Cached requests

like image 134
James Avatar answered Sep 28 '22 02:09

James


If you can't see the size column then you may need to close this window

close the headers, preview, response tab

The size column will tell you if the response is coming from cache or over the network.

like image 32
joshuakcockrell Avatar answered Sep 28 '22 03:09

joshuakcockrell