请教老师一个问题，前端如何降低资源的重复访问

Question

rt，就那图片来说，老师是把小图片转base64，大图片用对象存储+cdn。

图片是每访问一次，就要计算一次价格。电商还有一个场景，除了图片，还有一个短介绍的视频，长度大概在几秒钟左右，每次请求，就会访问一次，这样价格就会比较高，比如刷新次数多了，每次就重新发送请求。

https://vod.300hu.com/vod/product/dcecf885-1e09-46b4-b2d2-73a072cb242a/1087_4532_1_f3d1430f2_f.mp4?source=1&h265=1088_3000_1_510521746_f.mp4

这种情况下，怎么处理会比较好呢？

比如cdn设置缓存，还是base64放到用户浏览器缓存，懒加载之类的

Answer 1

木 易 2025-03-04 15:08:01

视频可以使用cache api： Windows.cache。但是需要检查浏览器是否支持。

Answer 2

木 易 2025-03-04 15:00:34

浏览器是有缓存的，相同图片url，已经访问过的，一段时间以内是304，也就是浏览器缓存。所以相同图片使用相同url，走304是最简单的优化。