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

文章标签
performance

159 篇文章
{
,

}
文章的直接链接 更多关于 content-visibility
无障碍 content-visibility 性能

更多关于 content-visibility

早在 2020 年 8 月,当 CSS 中的 content-visiblity 属性逐渐进入 Chrome 浏览器时,Una Kravets 和 Vladimir Levin 撰写了关于它的文章,并且 我们也对其进行了报道。最奇怪的部分是,为了获得性能上的提升……

Avatar of Chris Coyier
Chris Coyier 于 2020 年 10 月 28 日
文章的直接链接 核心 Web 指标工具
核心 Web 指标 开发者工具 Lighthouse 性能

核心 Web 指标工具

我仍然认为 Google 设计的 核心 Web 指标 非常聪明。当我刚开始关注性能时,一切都是:减少请求!缓存内容!缩小文件大小!虽然这些都与网页性能密切相关,但它们……

Avatar of Chris Coyier
Chris Coyier 于 2020 年 10 月 26 日
文章的直接链接 思考功耗与网站
性能

思考功耗与网站

Gerry McGovern 询问我是否对能源消耗和网站有任何见解。他有一本书,毕竟是关于数字对地球的成本。他想知道网络技术的细节,比如……

如果你这样做

…
Avatar of Chris Coyier
Chris Coyier 于 2020 年 9 月 21 日
文章的直接链接 优化 CSS 以加快页面加载速度
性能

优化 CSS 以加快页面加载速度

一篇简单的文章,其中包含 Tomas Pustelnik 提供的一些性能数据。它很好地提醒我们,CSS 是网页性能思考中的一个关键部分,并且有一个重要的原因

每当 [浏览器] 遇到任何外部资源(CSS、JS、图像,

…
Avatar of Chris Coyier
Chris Coyier 于 2020 年 9 月 17 日
文章的直接链接 content-visibility:提升渲染性能的新 CSS 属性
content-visibility 性能

content-visibility:提升渲染性能的新 CSS 属性

Una Kravets 和 Vladimir Levin

[……]你可以使用另一个名为 content-visibility 的 CSS 属性来自动应用所需的容器。content-visibility 确保你获得浏览器能够提供的最大性能提升,而你作为开发者只需付出最少的努力。

…
Avatar of Chris Coyier
Chris Coyier 于 2020 年 9 月 14 日
文章的直接链接 radEventListener:客户端框架性能的故事
性能 React 状态管理

radEventListener:客户端框架性能的故事

React 非常流行,流行到足以受到不少批评。然而,这些对 React 的批评并非完全没有道理:React 和 ReactDOM 总共大约 120 KiB 的最小化 JavaScript,这无疑会导致缓慢的 启动时间。当……

Avatar of Jeremy Wagner
Jeremy Wagner 于 2020 年 8 月 19 日
文章的直接链接 让 Jamstack 变慢?挑战接受。
Jamstack Lighthouse 性能

让 Jamstack 变慢?挑战接受。

“Jamstack 速度很慢。” 你不常听到这句话,对吧?尤其是当 Jamstack 的主要卖点之一就是性能时。但确实,即使是 Jamstack 网站也可能像其他网站一样遇到性能问题……

Avatar of Steve Keep
Steve Keep 于 2020 年 7 月 15 日
文章的直接链接 我们需要更多包容性的网页性能指标
性能

我们需要更多包容性的网页性能指标

Scott Jehl 认为,诸如 首屏内容绘制 和 最大内容绘制 等性能指标并没有真正捕捉到每个人使用网站的完整体验

这些指标通常被吹捧为可用性或意义的衡量标准,但它们是

…
Avatar of Robin Rendle
Robin Rendle 于 2020 年 7 月 10 日
文章的直接链接 性能相关链接 II
性能

性能相关链接 II

我手里正好有一些很棒的性能相关链接,所以像个好博主一样把它们发布出来……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 8 月 30 日
  • 更新
  • 1
  • ...
  • 4
  • 5
  • 6
  • ...
  • 18
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.