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

文章标签
performance

159 篇文章
{
,

}
文章“Web 性能检查清单”的直接链接
性能

Web 性能检查清单

前几天,我意识到 Web 性能是一个巨大的主题,涵盖了非常多的内容——从最小化资源到使用某些文件格式,在构建网站时,这可能需要牢记很多内容。它……

Avatar of Robin Rendle
Robin Rendle 发表于 2020 年 4 月 1 日
文章“维护性能”的直接链接
字体加载 性能

维护性能

来自 Dave 的真实谈话

我,Dave Rupert,一个关心 Web 性能的人,一个阅读 Web 性能博客的人,一个花费大量时间试图了解最佳实践的人,一个共同主持…

…
Avatar of Chris Coyier
Chris Coyier 发表于 2020 年 3 月 27 日
文章“获取静态”的直接链接
Eleventy 性能 静态网站生成器

获取静态

在这篇文章中,Eric Meyer 认为性能比以往任何时候都更加重要——尤其是对于包含面向公众的关键信息的网站:…

Avatar of Robin Rendle
Robin Rendle 发表于 2020 年 3 月 26 日
文章“关于性能的链接 I”的直接链接
性能

关于性能的链接 I

我打开了几个浏览器标签页,所有标签页都与 Web 性能相关,哎呀,如果通过博客记录它们可以让我获得一些成果的话。它们都很好!…

Avatar of Chris Coyier
Chris Coyier 发表于 2021 年 8 月 30 日
文章“构建 Node.js 工具以记录和比较 Google Lighthouse 报告”的直接链接
Lighthouse Node 性能

构建 Node.js 工具以记录和比较 Google Lighthouse 报告

在本教程中,我将逐步向您展示如何在 Node.js 中创建一个简单的工具,以通过命令行运行 Google Lighthouse 审计,以 JSON 格式保存他们生成的报告,然后比较它们,以便 Web…

Avatar of Luke Harrison
Luke Harrison 发表于 2020 年 3 月 16 日
文章“当 CSS 阻塞时”的直接链接
性能 预加载

当 CSS 阻塞时

Tim Kadlec:

我见过一种特定的模式[用于加载非关键 CSS],即预加载/polyfill 模式。通过这种方法,您将所有样式表加载为预加载,然后使用它们的 onload 事件将它们更改回样式表,直到

…
Avatar of Chris Coyier
Chris Coyier 发表于 2020 年 2 月 27 日
文章“使用功能策略进行浏览器内性能 lint”的直接链接
功能策略 图像优化 Lint 性能

使用功能策略进行浏览器内性能 lint

这是 Tim Kadlec 的一个巧妙的想法。他使用Modheader扩展程序在他的浏览器中切换自定义标头。它还可以让他看到图像何时太大,并且需要以某种方式进行优化。这是一个…

Avatar of Robin Rendle
Robin Rendle 发表于 2020 年 2 月 26 日
文章“执行此操作以改善您网站上的图像加载”的直接链接
纵横比 图像 性能

执行此操作以改善您网站上的图像加载

在下面嵌入的视频中,Jen Simmons 解释了如何通过使用宽度和高度属性来改善图像加载。问题在于,当图像首次加载时,会有很多卡顿,因为img自然会…

Avatar of Robin Rendle
Robin Rendle 发表于 2020 年 2 月 19 日
文章“使用 CSS Contain 属性帮助浏览器优化”的直接链接
contain 布局 性能

使用 CSS Contain 属性帮助浏览器优化

我们必须做的事情越来越多,以帮助浏览器实现最佳性能。

  • 响应式图像语法有几个。例如,需要告诉浏览器图像在我们的
…
Avatar of Chris Coyier
Chris Coyier 发表于 2020 年 2 月 10 日
  • 较新
  • 1
  • ...
  • 6
  • 7
  • 8
  • ...
  • 18
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.