Save-Data标头应用-优快云博客

Yesterday someone at Shopify let me know on Twitter that they started reducing page weight if the Save-Data header is on.

昨天，Shopify的某人在Twitter上让我知道，如果打开Save-Data标头，他们便开始减轻页面重量。

@tkadlec http://shopify.com is now Save-Data aware. About a 13% reduction in page weight, https://webpagetest.org/video/compare.php?tests=190828_NC_2480ff19108ef9d64a3cbb0a3061b15c,190828_1B_bd8a98e3b3ed3758c5586c4bc371e004

@tkadlec http://shopify.com现在知道保存数据。页面重量减少约13％， https://webpagetest.org/video/compare.php?tests=190828_NC_2480ff19108ef9d64a3cbb0a3061b15c , 190828_1B_bd8a98e3b3ed3758c5586c4bc371e004

Early data shows 20% of Indian/Brazilian requests contain this header so happy days #webperf 🎉

早期数据显示20％的印度/巴西请求都包含此标头，因此很高兴#webperf🎉

I love seeing companies paying attention to the Save-Data header. I’m not one to get super excited about headers normally (I leave that to Andrew Betts), but I’m pretty excited about this one.

我喜欢看到公司关注Save-Data标头。我不是一个通常对标头感到超级兴奋的人(我将其留给了Andrew Betts )，但是我对此感到非常兴奋。

The Save-Data is a header that gets passed along by a browser when the user has turned on some sort of data saving feature in that browser. Companies spend millions of dollars on surveys and research every year trying to figure out what their customers want. The Save-Data header is one of those rare times when the customers are explicitly telling us what they want: to use the site, but without using so much data.

保存数据是当用户在浏览器中打开某种数据保存功能时，浏览器会传递的标头。公司每年花费数百万美元进行调查和研究，以弄清客户的需求。当客户明确告诉我们他们想要什么时，Save-Data标头就是其中一种罕见的情况：使用站点但不使用太多数据。

There aren’t a lot of real-world examples of sites optimizing for when the Save-Data header is enabled. That’s a shame because it’s looking like it may be more common than we think.

启用保存数据标头后，没有很多针对站点进行优化的实际示例。真可惜，因为它看起来可能比我们想象的更普遍。

In that tweet, Brendan noted that:

布伦丹在那条推文中指出：

Early data shows 20% of Indian/Brazilian requests contain this header so happy days #webperf 🎉

早期数据显示20％的印度/巴西请求都包含此标头，因此很高兴#webperf🎉

20% is a pretty substantial number, but it’s not far off from what I’ve seen and heard from others.

20％是一个相当大的数字，但与我从别人那里听到和听到的并不遥远。

I had someone from a large global travel company tell me that out of their roughly 6 million daily unique visitors, about 20% of them have Save-Data turned on.

我有一家大型的全球旅行公司的人告诉我，在每天大约600万的唯一身份访问者中，大约有20％启用了Save-Data。

Tim Vereecke has talked quite a bit about Save-Data and how, on his site, he sees about 50% of end-users passing the header and about 10% of those having it enabled.

Tim Vereecke谈到了Save-Data，以及如何在他的站点上看到大约50％的最终用户通过标头和大约10％的启用标头的人。

I’ve been tracking Save-Data here, on this site, using custom data in SpeedCurve, like so:

我一直在这里使用SpeedCurve中的自定义数据跟踪保存数据，如下所示：

if ("connection" in navigator) {
    LUX.addData('save-data',navigator.connection.saveData);
}

So far, around ~4% of all sessions have Save-Data enabled. While nowhere near the percentage seen the companies above have seem (which makes sense, given the more focused audience) that’s still nothing to sneeze at.

到目前为止，所有会话中约有4％启用了保存数据。尽管上述公司所占的百分比似乎相差无几(考虑到目标人群更加集中，这是有道理的)，但仍然不容小。

And here’s the thing: if my site—a site read overwhelmingly by people in tech who are far more likely to have decent devices and networks—is seeing 4% of folks have Save-Data enabled, I imagine there are a lot of major publishers and e-commerce shops who are seeing a much larger percentage. They probably don’t yet realize it, but I’ll bet it’s there.

就是这样：如果我的网站(被技术人员更可能拥有体面的设备和网络而广为阅读的网站)看到4％的人启用了Save-Data，我想应该有很多主要的发布商以及电子商务商店所占的百分比更高。他们可能还没有意识到，但是我敢打赌它就在那里。

I would love to see more data on this. So please, if you have data to share, let me know!

我希望能看到更多这方面的数据。因此，如果您有数据要共享，请告诉我！

Because while the web keeps getting heavier and we keep moving further away from page weight as a primary performance metric, the data I’ve seen so far indicates folks who want low-data experiences are far more common than we may think.

因为尽管网络越来越沉重，并且我们一直在远离页面权重作为主要性能指标，但到目前为止，我所看到的数据表明，想要低数据体验的人们比我们想象的要普遍得多。