I am working on a Angularjs project, I want to implement Leverage Browser Caching of images for optimisation of the website. Is there any way to implement this in an angularjs project.
Browser caching is done by the server
As well as Linx8 answer, you can find out more about it from Google browser caching.
Cache-Control defines how, and for how long the individual response can be cached by the browser and other intermediate caches. To learn more, see caching with Cache-Control.
ETag provides a revalidation token that is automatically sent by the browser to check if the resource has changed since the last time it was requested. To learn more, see validating cached responses with ETags.
In short, the browser repsonds the resources (images, stylesheets, scripts) with the following tags: Cache-Control and Etags. These header state how and how long it should be cached for, or if it has been modified since. When a user revisits the site, he can grab it from the cache instead of making a HTTP GET request to web server, saving time and cost. The recommended minimum cache time is of one week and preferably up to one year (stated by rfc2616).