How to implement cache on a simple website?

Question

I have just finished building a front-end website that has couple images here and there that might slow down the first draw and load time.

I have not written backend code and I want to implement caching system on the front end side. Is there anything I can do to improve the speed of my assets. or implement any cache mechanism.

if your website is available online , so check your site using gtmetrix. it can help you to finding problems and give you some caching notes... — Netlog, Apr 25 '19 at 13:13
No cache can help with the _initial_ load … the browser must load any resource _before_ it can cache it. — 04FS, Apr 25 '19 at 13:14

score 1 · Accepted Answer · answered Apr 25 '19 at 13:14

To get you started here - if the resources that are used in your html page are static and resource location is also static i.e. fixed URL, then your browser will take care of the caching after the 1st time the site is loaded.

You can take a look at following links -

https://medium.com/@codebyamir/a-web-developers-guide-to-browser-caching-cc41f3b73e7c

What's the best way use caching data in js on client side?

Hope this helps. Happy coding. :)

How to implement cache on a simple website?

1 Answers1