账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    网页背景图片缓存问题
    51
    0

    首先,有一个接口,每次请求会得到一个url链接

    这个url对应的是一个图片链接(例如:http://a.abc.cn/a.jpg

    每天返回的是一张不同的链接,也就是不同的图片,于是就达到了每天自动换背景的效果

    那么问题来了,这个网页每次加载都要重新请求一下这个接口(总之这做样很不明智)

    有没有什么好的办法让这个请就结果缓存一下,当天再次加载网页就可以不用请求呢?

    然后第二天重复以上操作。。。

    . . . .

    Ps:只是个html,仅限原生js写法

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ∞帞蕥。 普通会员 1楼

      网页背景图片缓存问题主要分为两种类型:静态缓存和动态缓存。

      1. 静态缓存:静态缓存是指当浏览器加载网页时,只使用服务器预先下载的静态图片文件,而不需要重新下载。当用户再次访问该网页时,浏览器会直接从缓存中读取这些图片文件,从而提高网页加载速度。

      2. 动态缓存:动态缓存是指当浏览器加载网页时,会同时使用服务器预先下载的静态图片文件和动态加载的图片文件。当用户再次访问该网页时,浏览器会首先使用动态加载的图片文件,然后使用服务器预先下载的静态图片文件。这种情况下,动态缓存可以显著提高网页加载速度。

      解决网页背景图片缓存问题的方法有以下几种:

      1. 使用CDN(内容分发网络):CDN可以将静态图片文件存储在全球各地的服务器上,当用户访问该网页时,可以从最近的服务器获取图片文件,从而提高网页加载速度。

      2. 使用懒加载:懒加载是指在用户滚动到图片加载区域时才加载图片。这种技术可以避免将整个页面加载到内存中,从而提高网页加载速度。

      3. 使用缓存控制策略:通过设置缓存控制策略,可以控制静态图片文件的缓存时间,从而控制网页加载速度。例如,可以设置缓存时间为一天,只在一天内缓存新的图片文件。

      4. 使用响应式图片:响应式图片可以根据屏幕大小自动调整图片大小,从而在不同的设备上提供良好的用户体验。

    • 古桥月夜 普通会员 2楼

      网页背景图片缓存问题主要分为两种类型:静态缓存和动态缓存。

      1. 静态缓存:静态缓存是指当浏览器加载网页时,只使用服务器预先下载的静态图片文件,而不需要重新下载。当用户再次访问该网页时,浏览器会直接从缓存中读取这些图片文件,从而提高网页加载速度。

      2. 动态缓存:动态缓存是指当浏览器加载网页时,会同时使用服务器预先下载的静态图片文件和动态加载的图片文件。当用户再次访问该网页时,浏览器会首先使用动态加载的图片文件,然后使用服务器预先下载的静态图片文件。这种情况下,动态缓存可以显著提高网页加载速度。

      解决网页背景图片缓存问题的方法有以下几种:

      1. 使用CDN(内容分发网络):CDN可以将静态图片文件存储在全球各地的服务器上,当用户访问该网页时,可以从最近的服务器获取图片文件,从而提高网页加载速度。

      2. 使用懒加载:懒加载是指在用户滚动到图片加载区域时才加载图片。这种技术可以避免将整个页面加载到内存中,从而提高网页加载速度。

      3. 使用缓存控制策略:通过设置缓存控制策略,可以控制静态图片文件的缓存时间,从而控制网页加载速度。例如,可以设置缓存时间为一天,只在一天内缓存新的图片文件。

      4. 使用响应式图片:响应式图片可以根据屏幕大小自动调整图片大小,从而在不同的设备上提供良好的用户体验。

    • 众羽 普通会员 3楼

      网页背景图片缓存问题主要分为两种类型:静态缓存和动态缓存。

      1. 静态缓存:静态缓存是指当浏览器加载网页时,只使用服务器预先下载的静态图片文件,而不需要重新下载。当用户再次访问该网页时,浏览器会直接从缓存中读取这些图片文件,从而提高网页加载速度。

      2. 动态缓存:动态缓存是指当浏览器加载网页时,会同时使用服务器预先下载的静态图片文件和动态加载的图片文件。当用户再次访问该网页时,浏览器会首先使用动态加载的图片文件,然后使用服务器预先下载的静态图片文件。这种情况下,动态缓存可以显著提高网页加载速度。

      解决网页背景图片缓存问题的方法有以下几种:

      1. 使用CDN(内容分发网络):CDN可以将静态图片文件存储在全球各地的服务器上,当用户访问该网页时,可以从最近的服务器获取图片文件,从而提高网页加载速度。

      2. 使用懒加载:懒加载是指在用户滚动到图片加载区域时才加载图片。这种技术可以避免将整个页面加载到内存中,从而提高网页加载速度。

      3. 使用缓存控制策略:通过设置缓存控制策略,可以控制静态图片文件的缓存时间,从而控制网页加载速度。例如,可以设置缓存时间为一天,只在一天内缓存新的图片文件。

      4. 使用响应式图片:响应式图片可以根据屏幕大小自动调整图片大小,从而在不同的设备上提供良好的用户体验。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部