跳过主内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
image strategies

3 篇文章
{
,

}
文章的直接链接 Inline Image Previews with Sharp, BlurHash, and Lambda Functions
图像策略 图像

Inline Image Previews with Sharp, BlurHash, and Lambda Functions

当你加载一个网站或 web 应用时,是否厌倦了部分内容显示后,一些图像才加载——导致内容四处移动?这就是所谓的 内容重排,会导致用户体验非常糟糕,因为…

Avatar of Adam Rackis
Adam Rackis 于 2023 年 1 月 27 日 发布
文章的直接链接 Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby
Gatsby 图像策略 图像

Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby

Gatsby 在处理和管理图像方面做得很好。例如,它可以帮助你节省图像优化的时间,因为你无需手动优化每个图像。

通过插件和一些配置,你甚至可以设置…

Avatar of Ajay
Ajay 于 2019 年 11 月 18 日 发布
文章的直接链接 Tips for rolling your own lazy loading
图像策略 延迟加载 响应式图像

Tips for rolling your own lazy loading

当寻找方法来精简特别重的网页时,你可能听说过(甚至发出呼吁)“我们只需要使用延迟加载!”

延迟加载是一种流行的技术,它可以逐渐地按需请求图像,因为…

Avatar of Phil Hawksworth
Phil Hawksworth 于 2019 年 7 月 15 日 发布

CSS-Tricks 由 DigitalOcean 提供支持。

关注 web 开发的最新动态

通过我们的手工制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获得免费积分!
CSS-Tricks
  • 为我们写文章!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.