惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

阮一峰的网络日志
阮一峰的网络日志
博客园 - 司徒正美
D
DataBreaches.Net
宝玉的分享
宝玉的分享
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 【当耐特】
人人都是产品经理
人人都是产品经理
博客园 - Franky
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
IT之家
IT之家
博客园 - 三生石上(FineUI控件)
J
Java Code Geeks
腾讯CDC
博客园_首页
The Cloudflare Blog
S
SegmentFault 最新的问题
C
Check Point Blog
美团技术团队
爱范儿
爱范儿
大猫的无限游戏
大猫的无限游戏
Hugging Face - Blog
Hugging Face - Blog
T
The Blog of Author Tim Ferriss
A
About on SuperTechFans
Blog — PlanetScale
Blog — PlanetScale

Fgaoxing

MiniGFM:3KB的轻量Markdown渲染库 Go反射:性能瓶颈与零拷贝优化 至全体朋友 Goh:一款Go语言的预编译快速模板引擎。(Benchmark排名第一) 【预告】关于函数传参时栈的变化 【谈谈当下】青少年口中的垃圾话语 【LSP】微型滚动动画库 推一下 Vercel 加速节点 网站优化小窍门 【显微镜下的世界】0x1 【Hexo】优化教程 【CDNN】CDNN再添一员 【FastJump.js】简单的快速跳转技术 BiliBili崩了 【New Bing】New Bing免代理申请和使用 simplest-server Python实现文件查重 放开想,越离谱越好 2022 夏季应用推荐
懒加载的妙用:缓存篇
Fgaoxing · 2023-05-07 · via Fgaoxing

很多网站都用了一项技术:懒加载(Lazyload)

用于增加速度,减少请求量,尽管如此每次查看图片还是需要等待他加载完,这很耗时间,如下

https://cdn2.chuqis.com/gh/fgaoxing/myimg/e3263eddea3f75ba4cbab3fabaaaff63.png

https://cdn2.chuqis.com/gh/fgaoxing/myimg/254514013d87e1d985e08b6144100f49.png

但是如果先呈现,后加载,不就可以了吗。

这时候就有人跳出来了,

开什么玩笑呢,不加载,怎么呈现?

问得好,其实很简单,我只要把图片存在用户电脑就行了,问题在于怎么存,如果要是使用SW,一旦写错,基本上网站就废了,所以这个不考虑,但是SW但来了一个东西,没错就是Cache,它可以缓存请求,当然也可以存储数据,其实可以直接存储二进制,不过我还是转换成base64存储,由于比较复杂,我就不展示了,

你访问本网站就可以感受到,代码后续放出来