文章标签
34 篇文章
Jetpack 提升图片性能的四大方法
我们一直在与 Jetpack 合作，它是我们的赞助商。这是一个很棒的合作，因为作为拥有大量自托管 WordPress 网站的人，Jetpack 对我来说是一个无需多言的插件。Jetpack 可以做很多好事…
w 描述符和大小：幕后
Eric Portis 深入探讨了浏览器如何在提供 <img srcset="" sizes""> 标签时决定下载哪个图片。值得注意的是，浏览器可以根据自己的意愿来决定。
…故意不指定的行为让浏览器能够为一个开放式问题提供创新的答案。
视频作为图片的回退
Safari 11.1 发布了一个奇怪但非常实用的功能：能够在 <img /> 标签中使用视频源。这个想法是，它与 GIF 完成相同的工作（静音、自动播放、循环），但性能提升巨大。提升了多少？“20 倍”…
#155: 响应式图片、WordPress 和 Cloudinary
Eric Portis 加入我，一起深入探索响应式图片的世界。
我们从基础开始。响应式图片专门指 HTML 中的图片，它们的存在是为了追求更好的性能。图片可能是导致… 的罪魁祸首
使用 Cloudinary 在 WordPress 中实现响应式图片，第 2 部分
在本系列的第 1 部分中，我提供了一些关于响应式图片的背景知识，描述了如何将 srcset 和 sizes 属性添加到 img 元素中，以便根据…向网站用户提供大小合适的图片文件。
使用 Cloudinary 在 WordPress 中实现响应式图片，第 1 部分
在这篇文章中，我们将简要回顾响应式图片的历史，以及为什么它们对高性能网站如此重要。然后，我们将了解 WordPress 如何帮助自动化这一过程，最终我们将看到如何通过利用 Cloudinary 使整个情况变得更好。