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

文章标签
performance

159 篇文章
{
,

}
文章“优先使用 `defer` 而不是 `async`”的直接链接
JavaScript 性能

优先使用 `defer` 而不是 `async`

Steve Souders

比较 ASYNC 和 DEFER 的瀑布图,我们可以看到使用 DEFER 使 DOM Interactive 更早触发,并允许渲染更快地进行。

即使<script async></script>在实际应用中更常见,defer通常更可取…

Avatar of Chris Coyier
Chris Coyier 发表于 2016 年 12 月 14 日
文章“悬停预渲染?”的直接链接
InstantClick 感知性能 性能 预渲染

悬停预渲染?

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

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

…
Avatar of Chris Coyier
Chris Coyier 发表于 2016 年 12 月 7 日
文章“创建缓存感知的 HTTP/2 服务器推送机制”的直接链接
缓存 HTTP/2 性能 服务器推送

创建缓存感知的 HTTP/2 服务器推送机制

如果您一直在阅读有关 HTTP/2 的内容,那么您可能已经听说过服务器推送。如果没有,这里简单介绍一下:服务器推送允许您在客户端请求另一个资源时抢先发送资源。…

Avatar of Jeremy Wagner
Jeremy Wagner 发表于 2017 年 1 月 15 日
文章“在您的网站上添加和利用 CDN”的直接链接
CDN 性能 PHP

在您的网站上添加和利用 CDN

如果您在一段时间内一直从事 Web 开发,您就会知道 Web 需要速度。事实很简单:速度很重要,更快被认为更好。

提高性能的一个“简单方法”是使用…

Avatar of David Attard
David Attard 发表于 2017 年 1 月 25 日
文章“延迟加载响应式 Adsense 广告”的直接链接
Adsense 广告 延迟加载 性能

延迟加载响应式 Adsense 广告

您一直在努力优化您的网站。您已经做了诸如延迟加载 Google 地图之类的事情,并且想知道是否还有其他您可以做的事情。例如,我们能否做些什么来改进…的加载?

Avatar of Osvaldas Valutis
Osvaldas Valutis 发表于 2019 年 3 月 8 日
文章“使用 `requestIdleCallback` 进行协作调度”的直接链接
JavaScript 性能

使用 `requestIdleCallback` 进行协作调度

Potch

如果您绝对必须在主线程上执行任务(修改 DOM 或与仅限主线程的 Web API 交互),您现在可以请求浏览器为您提供一个安全执行的时间窗口…

…
Avatar of Chris Coyier
Chris Coyier 发表于 2016 年 11 月 8 日
文章“何时是考虑 Web 性能的正确时机?”的直接链接
性能

何时是考虑 Web 性能的正确时机?

Web 性能至关重要,但最近我感觉这个话题只被前端开发人员提起,并且只在项目结束时才成为讨论的重点。因此,每当我听到关于…的解决方案时…

Avatar of Robin Rendle
Robin Rendle 发表于 2016 年 8 月 31 日
文章“使用 WebP 图片”的直接链接
图片 性能 picture WebP

使用 WebP 图片

我们都经历过这种情况:您正在浏览一个网站,上面有很多美味食物的大图片,或者可能是您一直在关注的新奇玩意。这些图片吸引着您的感官,对于内容作者来说,它们在…

Avatar of Jeremy Wagner
Jeremy Wagner 发表于 2023 年 1 月 23 日
文章“提升前端性能的案例研究”的直接链接
HTTP/2 性能

提升前端性能的案例研究

在De Voorhoede,我们尽最大努力为我们的客户提升前端性能。说服每位客户遵循我们所有的性能指南并非易事。我们尝试通过与…

Avatar of Declan Rek
Declan Rek 发表于 2017 年 3 月 4 日
  • 更新
  • 1
  • ...
  • 16
  • 17
  • 18
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.