首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
iframe的懒加载和预加载
订阅
七月份的尾巴就是我
更多收藏集
微信扫码分享
微信
新浪微博
QQ
9篇文章 · 0订阅
高清大图加载优化
之前在项目中遇到了加载高清大图的场景,处理不好占用大量内存,造成性能问题,影响用户体验。 如何去解决加载高清大图这个难点呢?先看看iOS中的图片加载流程。 国外有文章对图片的工作流写的很清楚,这里是链接。 性能问题的一般是发生在解码图片这个步骤上,SDWebImage是提前强解…
Android图片加载优化方案
关于Android开发中图片的压缩、上传、列表展示以及大图展示全流程的优化方案,旨在解决图片在各个不同场景中,最快最好的展示给用户
一次Web端大量图片同时加载卡顿问题的优化之旅
由于业务的需要,笔者最近需要实现一个大量图片同时加载的需求。在实现这个需求的过程中,笔者遇到了很多的坑,也总结了一些优化方案。这里将笔者使用或准备使用的优化方案总结一下。 在描述如何解决问题,我们现在先来申明,问题是什么? 笔者的需求大概是在某个页面显示 1~1000张,200…
小程序实现图片模糊预加载--超详情教程
最近在做的小程序项目设计大量图片的展示,小程序已经提供了图片的懒加载功能,但是由于图片本身比较大加上要展示的图片比较多,如何以一个比较友好的方式展示未加载完成的过程就是一个必须解决的问题了。 由于小程序没有提供 Image 这个 js 对象,所以在小程序中实现预加载不能直接像原…
前端加载超大图片(100M以上)实现秒开解决方案
对于几百M或上G的大图而言,不管对图片进行怎么优化或加速处理,要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程,以便于存储和处理。
将微前端做到极致-无界微前端方案
现存微前端方案在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题,或无法支持,需要一种更加完美的解决方案。
预加载系列二:让File Prefetching丝丝润滑无痛无痒
所谓 File Prefetching 就是在一个页面加载成功后,默默去预加载后续可能会被访问到的页面的资源。 前端资源预加载其实没啥新鲜的,我们倒腾这个事情的过程却是很有有意思也很有启发性。 第一个版本,简单粗暴有点痛 1、建一个独立的页面,里面索引了各种需要预加载的cs…
懒加载和预加载
懒加载也叫延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式。用户滚动到它们之前,可视区域外的图像不会加载。这与图像预加载相反,在长网页上使用延迟加载将使网页加载更快。在某些情况下,它还可以帮助减少服务器负载。常适用图片很多,页面很长的电商网站场景中。 能提升…
[译] React 16.6 懒加载(与预加载)组件
React 16.6添加了一个新的特性: React.lazy(), 它可以让代码分割(code splitting)更加容易。 接下来通过一个股票App Demo, 来学习如何使用React.lazy这个新特性并了解为什么要使用它。 我们创建了一个股票Web App,App展…