-
Notifications
You must be signed in to change notification settings - Fork 8.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
【图片加载】优化图片加载的速度,适配移动端小屏幕 #2372
Comments
@tangly1024 我想,我在wordpress 上的做法,不知道在notionnext 上有沒有辦法直接移植,在wordpress 上加載要快我是把image 和其他的一些assets (像JS CSS 檔等靜態的assets) offload 到AWS S3 之類的對像儲存設備中,並設定好CDN,訪問時用rewrite rule把OSS 上取得assets... 在wordpress 有很多插件可以做到,如wp offload media/ keyCDN/ super cache/ wp rocket... 之類的 |
可以处理通过识别浏览器宽度,给与用户一个合适的图片尺寸。 Notion文件上传Notion图片上传使用的是aws对象存储,其支持通过url指定参数来获取不同尺寸的参数; 其中的 width=800 就是图片宽度,修改此值即可实现图片尺寸的替换。替换成 width=300 就能获取更小的图片 Notion内置第三方图片源除此之外,notion内置的第三方图片服务例如 upsplash。 它也支持图片参数请求,以下图片url中的width是800; 替换url中的宽度为100后如下效果 实际尺寸的考量方案我想为了最好的体验,可以这样做:
|
为什么提出这个新的特性改动
本来网速就慢了, 如果图片加载原图那就更慢了, 我简单的试了一下, 无论是手机还是电脑, 加载的图片大小都是固定的, 能否实现根据页面的大小来自动调节加载图片的大小, 比如手机屏幕尺寸本来就小, 加载出的图片大小还是 config.js 中设置的大小, 这对于网速的影响还是有的. 要是可以根据页面来自动加载图片的大小就好了
描述一下你推荐的解决方案
无, (PS: 对这个就不是很懂了, 其实可以简单的预设几种图片加载的大小的方案,比如大中小三种方案, 根据检测网页或者标签的大小, 自动选择预设的图片的大小 , 然后返回)
描述一下你考虑过的其它替代解决方案
无,
补充说明
无, 如问题描述
The text was updated successfully, but these errors were encountered: