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

文章标签
lazy loading

17 篇文章
{
,

}
文章“原生延迟加载”的直链
iframes images 延迟加载 性能

原生延迟加载

IntersectionObserver 使延迟加载 变得更加容易 而且比以前更高效,但要真正做到正确,你仍然需要删除src等,这很麻烦。它绝对不像

<img 
…
Avatar of Chris Coyier
Chris Coyier 在 2019 年 7 月 10 日 上
文章“防止延迟加载图片导致内容重排”的直链
延迟加载

防止延迟加载图片导致内容重排

您了解 延迟加载图片 的概念。它可以防止浏览器加载图片,直到这些图片出现在(或即将出现在)浏览器的视窗中。

有许多基于 JavaScript 的延迟加载解决方案。GitHub 上有超过 3,400 …

Avatar of James Steinbach
James Steinbach 在 2019 年 12 月 18 日 上
文章“延迟加载图片的完整指南”的直链
延迟加载 性能

延迟加载图片的完整指南

想知道延迟加载图片是如何工作的吗?这很重要,因为延迟加载可以真正加快页面的加载速度,并减少您的网站和用户的数据流量。
Avatar of Rahul Nanwani
Rahul Nanwani 在 2022 年 1 月 4 日 上
文章“Web 上的原生延迟加载”的直链
chrome 延迟加载

Web 上的原生延迟加载

一项名为“Blink LazyLoad”的 Chrome 新功能旨在通过延迟加载页脚下方图片和第三方<iframe></iframe>来显著提高性能。

这项大胆实验的目标是提高以下内容的整体渲染速度 …

Avatar of Ben Schwarz
Ben Schwarz 在 2019 年 7 月 10 日 上
文章“在 WordPress 中延迟加载 Gravatars”的直链
images jQuery 延迟加载 WordPress

在 WordPress 中延迟加载 Gravatars

大多数 WordPress 主题在评论线程中显示用户的 Gravatars。这是一种通过用户使用的电子邮件地址关联显示用户图片的方式。这是一个不错的功能,现在几乎成为了一种设计模式。

每个 …

Avatar of Chris Coyier
Chris Coyier 在 2017 年 4 月 4 日 上
文章“延迟加载 Disqus 评论”的直链
评论 disqus JavaScript 延迟加载

延迟加载 Disqus 评论

最近,我一直痴迷于通过延迟加载来优化性能。最近,我写了关于如何 延迟加载 Google 地图 以及如何 延迟加载响应式 Google Adsense。现在轮到 Disqus 了,这是一种在您的网站上嵌入评论的服务 …

Avatar of Osvaldas Valutis
Osvaldas Valutis 在 2016 年 12 月 8 日 上
文章“延迟加载响应式 Adsense 广告”的直链
adsense 广告 延迟加载 性能

延迟加载响应式 Adsense 广告

您一直在努力优化您的网站。您已经做了诸如 延迟加载 Google 地图 之类的事情,并且一直在想是否还有其他可以做的事情。例如,我们是否可以做些什么来提高以下内容的加载速度 …

Avatar of Osvaldas Valutis
Osvaldas Valutis 在 2019 年 3 月 8 日 上
文章“延迟加载图片”的直链
延迟加载

延迟加载图片

更新: 这篇文章很旧。如果您现在要延迟加载图片,我建议您查看

  • 延迟加载图片的完整指南
  • Web 平台的原生延迟加载
  • 自己动手实现延迟加载的技巧
…
Avatar of Chris Coyier
Chris Coyier 在 2020 年 1 月 26 日 上
  • 较新的
  • 1
  • 2

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.