云式博客

客户提示响应图像- Chrome 67修改

通过 2018年7月26日

TL;DR

Chrome35介绍客户端提示工具简化响应图像.
云型快速部署数个客户提示驱动功能
- 使用w_aut中,图像可安装到布局宽度自特征首发以来,它比基准流出42%(51KB)的中位字节减量
- 带dpr_aut高DPR显示器用户60%使用高DPR图像(65%桌面!95%移动)同时保证默认为1x基准图像
- 造型q_aut认知保存数据提示保存更多字节
一个月前提出了关注客户提示s遍历网站追踪用户的潜力结果台式计算机Chrome 67/即时/停止向第三方和子域发送客户提示res.www.aaaalireno.com并images.example.com.
我们能够提供点反馈Chrome团队确保云端客户提示电源特征手机Chrome工作.桌面 Chrome一上台即恢复工作特征策略规格工作实现完成

客户端提示 Again

2015年 Chrome35加支持客户提示客户端提示系酷哥脱机客户提示系统可用简化响应图像所需的HTML,确保图像高DPR显示并改进#webperf.写时 Chrome 35+是唯一使用此标准浏览器云形应用支持w_aut,dpr_aut并q_aut参数.

刷新记忆四大客户提示

视图港-Width:这是浏览器窗口宽度CSS像素移动设备上,宽度几乎总为屏幕大小的100%,通常约320像素
DPR:这是设备像素比移动设备比通常介于2至4台式显示器也越来越多DPR二进制
宽度:这是屏幕显示图像的实际宽度设备像素注解:此宽度只有在同时添加属性
保存数据:这个标志对手机特别有用表示服务器应帮助减少数据面向完整性,提示移位NetInfo插件.)

客户端提示为我最近做了些什么

w_aut通常将图像字节减少42%

w_aut贝斯特登录入口官网下载确保终端用户接收图像资源大小适配图像布局大小通常,这意味着缩放图像,减少图像字节并加速体验

举个例子,如果缩略图只填取屏幕的三分之一,可使用下文HTML备注属性

无客户端提示用户(如Firefox或Safari上用户)不重排图像多数开发商设置回溯大小,例如w_aut:100:500.然而,如果你将 Chrome发送的字节与客户提示对比到其他浏览器(“简单脑”),你可以看到中位用户下载42%或51KB图像大增

不同的图像可以看到不同的积存某些图像默认小化其他人大点以上为终端用户经验累积分布函数Y轴表示用户请求百分位数(广受欢迎的图像计数比不受欢迎的图像多倍数)。X轴系保存字节百分比和客户提示用户保存的字节量与非客户提示用户比较

如你所见,用客户提示可大幅缩放图像字节大小响应图像对性能很重要

60%用户拥有高DPR屏幕

视网膜显示器应用iPhone4移动桌面制造者提高物理像素密度以获取高质量经验避免网页在这些设备上出现真正小点,逻辑像素数向网络开发者展示的CSS像素数保持恒定(通常约320CSS像素)。可乘以设备像素比(DPR)获取实物理像素数

当前约60%用户有高DPR显示器讽刺的是,多半移动设备拥有这些奇特显示器:95% Android设备比65%桌面

网络上内容多为设计DPR:1并因此必须使用“上标式”填充显示器上的额外像素产生子类经验,对图标和标识可能无关紧要英雄图像营销运动产品图像艺术之类您想通过匹配设备DPR提高经验

当然,你不会想寄DPR:3图像对ax设备不必要,因为它会导致不必要的字节通过添加dpr_aut参数可自动增强基于设备用户经验:

Google隐私团队例行评审引起关注客户端提示可用于指纹用户具体地说,个人可以在网站间识别,没有cookie,但通过将屏幕尺寸与屏幕尺寸相联视图港-Width并DPR属性。可能是因为客户提示器曾启动www.example.com中发送www.example.com域名并分域名第三方名images.example.com并evil.zombies.com.贝斯特登录入口官网下载多重无关网页启动客户提示并加载子资源evil.zombies.com,evil.zombies.com似能用这些提示寻找奇特识别用户,

视像素2像素大小对每台设备都是一样的,你可能会想方设法用客户端提示识别个体并,如何请求细节像Viewport-Width:320,DPR:2并宽度:500指模使用

好问题客户端提示不透露个人信息尽管如此,在某些情况下-特别是在桌面上-视图港-Width奇异-这些值可与其他细节并发,例如IP地址,使你比原创更加独特举个例子,如果你没有浏览器窗口设置全屏,你可能有略微不同视图港-Width值比大多数用户高组合浏览器宽度和WiFiIP地址evil.zombies.com可被动识别并指纹你遍历多页无关网页

我们原则上理解这一关切,但想看看在实践中它长什么样取现有值视图港-Width发现99%用户归40标准视图港宽度长尾视港宽度非常长-有数千种不同的值

注意2.6% Android值大都可能是 ChromeBooks

何去何从WeNow改名词

Chrome团队决定在所有跨源域采取行动并发布残疾客户提示即使是www.example.com开通客户提示,桌面 Chrome目前不寄送images.example.com或res.www.aaaalireno.com.

幸运的是客户端提示分享收益并立案提示移动式设备仍应发送客户提示特征的重大收益多面向移动用户,隐私问题大都面向桌面用户Chrome团队同意并决定离开移动/Android Chrome目前不变)

当前计划经Google和W3C支持,向开发者提供精密隐私控件特征策略API.Chrome设置时,桌面客户端跨源提示将重新启动-云化特性将再次为每个人服务

另一种变化:Spets现在需要TLS浏览器发送客户端提示幸运的是,80%用户已经从TLS受益20%类别中,是什么阻阻阻你不采TLS

做什么我现在就做

然然服务中断云化客户仍能实现客户提示值以下是快速行动计划

移到TLS更改所有连接云https://res.www.aaaalireno.com.
最小化启动程序w_aut并q_aut.仍为移动Chrome用户工作,这些用户通常从这些特征中得益最大。
图像取远小于全视图端宽度时,请确定添加.
等待特征策略时考虑使用云型avaScriptSDK-它能制造w_aut并dpr_autURLs再次工作(支付性能代价)-或执行a标值响应图像解决方案代价复杂

万一总字节对用户比速度重要, JavaScriptSDK可成为大缓冲求解法,需要最小加值修改客户提示srcset设置工作类带浏览器预加载器JavaScriptSDK必须环绕它工作,故意延迟图像加载直到它知道每个图像的布局大小即便它保存千字节使用Jaavascript响应图像成本秒考虑您的用户需要谨慎