Your website has several different types of content that can be cached: HTML, Images, CSS, and JS are the main file types for consideration.
- HTML is the set of instructions required to load the page.
- Images are any images or icons you load.
- CSS is the style instruction for how to load images, text, and content on the page.
- JS is small scripts your browser will run when it is instructed to by the HTML.
You can view your hit rates, volume of requests, and time to serve for each of these different content types.
Why is it important?
Understanding which types are being requested the most, require the most time to serve, and are being cached most frequently helps you understand where your quick wins are to get started optimizing your cache configurations.
Most of the time, images and CSS will be the easiest place to boost cache rate. HTML, on the other hand, can be more difficult to cache successfully but often provides the largest performance and scalability wins as the hit rate increases.
How do I see my wins?
There are two dashboards in Grafana under Real Time > Monitoring to understand content type caching.
The request performance dashboard shows throughput and time to serve by status on the Analysing Request Performance Grafana.
The asset cache hit rates dashboard shows the hit rate by content type on the Cache Hit Rates by Asset Type Grafana.