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

文章标签
perceived performance

5 篇文章
{
,

}
文章“如何点击显示图片”的直接链接
图片优化 延迟加载 感知性能 性能

如何点击显示图片

网络上的大多数图片都是多余的。如果我冒昧地说一句,99% 的图片根本没有多大帮助 (尽管也有一些例外情况)。这是因为图片通常不会补充它们所对应的文本……

Avatar of Robin Rendle
Robin Rendle 于 2021年5月27日 发布
文章“同时解决 FOIT 和 FOUT”的直接链接
字体加载 font-display 感知性能 性能

同时解决 FOIT 和 FOUT

来自 Divya 的设置 的许多内容

使用网络字体时可能会出现两种问题:不可见文本闪烁 (FOIT) 和非样式文本闪烁 (FOUT)……如果我们要比较它们,FOUT 是

…
Avatar of Chris Coyier
Chris Coyier 于 2018年12月21日 发布
文章“使用 React 构建骨架组件”的直接链接
感知性能 React

使用 React 构建骨架组件

构建单页应用程序 (SPA) 的优势之一是页面间导航速度极快。不幸的是,我们组件的数据有时只有在导航到特定部分后才可用……

Avatar of Mathias Rechtzigel
Mathias Rechtzigel 于 2018年10月22日 发布
文章“使用 Paint Timing API”的直接链接
Paint Timing API 感知性能 性能 渲染

使用 Paint Timing API

对于 Web 性能爱好者来说,这是一个美好的时代,Chrome 60 中 Paint Timing API 的出现证明了这一点。Paint Timing API 是新兴的 Performance API……的另一个补充。

Avatar of Jeremy Wagner
Jeremy Wagner 于 2017年8月21日 发布
文章“悬停预渲染?”的直接链接
InstantClick 感知性能 性能 预渲染

悬停预渲染?

InstantClick 是一个非常流行的 JavaScript 库(在我输入时,有 4,344 个星标)。其核心思想是

在访问者点击链接之前,他们会将鼠标悬停在该链接上。在这两个事件之间,通常会经过 200 毫秒到 300 毫秒(测试

…
Avatar of Chris Coyier
Chris Coyier 于 2016年12月7日 发布

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

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

© 2024 . All rights reserved.