跳至主要内容

从原来的AMP更快:AMP + SSR =⚡

发布时间:2019年9月26日下午10时29 PDT
<原创博客是在这里可以在博客上找到并翻译评审的参与给了乔(WEBTECH GDE)>
AMP正式被认为可以应用到当前页面的AMP安普页面可以更快地加载在服务器端渲染(SSR)技术的支持。我们的测试结果,著名的 FCP指标 显示在高达50%的速度大幅增加。谷歌AMP缓存已经来到采取这种技术一会儿的优势,但现在开发者可以在自己的域名使用此技术!如果您使用AMP提供关键环境的网站,额外的优化程序的安装就显得尤为重要。即使是AMP页面的运行和“配对AMP设置“非AMP的网页,用户使用这种技术时,不使用AMP缓存,如使用Twitter的应用程序,以确保用户获得最佳性能你可以。
SSR 是用于提高FCP(第一contentful漆)时为客户端框架呈现页面,如反应或Vue.js.的技术客户端呈现的缺点是,你必须下载页面上的所有必要的JavaScript,第一次呈现。所以,直到用户浏览网页的实际内容将被推迟。为了缓解这一问题,反应,并根据要求呈现给DOM提前两个搜索服务器Vue.js支持。然后,在客户端JavaScript拿起渲染,这是(重新)水合的过程。其结果是,用户将能够更快地查看内容。
AMP SSR是 AMP样板代码 的工作原理是去除和渲染来自服务器的页面布局。的AMP样板代码存在的目的是为了防止内容跳转页面加载时。此代码隐藏页面内容,直到AMP架构将被下载和页面布局成立。因此,直到你下载了同样的问题,即JavaScript和其他客户端框架AMP页面已经经历渲染块的问题。如果删除AMP SSR的锅炉板代码 的FCP时间快50%  以下是对SSR版本AMP文件,该文件是如何不同(进行了详细的描述比较 官方指南 参考)。



通过在html元素的变换属性可以通过在服务器端的AMP页面渲染识别。
<HTML安培转化= “自我; V = 1”>
注:AMP缓存是建立自己的标志,例如,在谷歌AMP缓存添加以下内容:
<HTML安培转化= “谷歌; V = 1”>


如果这个属性被设置为处理AMP验证是SSR工艺为有效AMP。该SSR工艺优化安普AMP,因为它违反规范的规则,作废的文件,这就是为什么你需要看到这种情况下,一个新的标志。适用于所有标志和优化文档也不错继续被视为有效。
要了解更多关于AMP SSR 的AMP的视频频道的描述 看或 AMP SSR引导 阅读。

SSR是治疗AMP的方法?

文章不应该说是正确的SSR AMP手工处理。相反,使用的是同样的工作工具编译器自动将文件转换为AMP SSR版本。理想情况下,用户会提前之前这样的转换请求文档制作。但是,您可以运行转换请求(必须缓存结果,这样你就不必反复运行转换操作)。
为AMP SSR目前可用的工具,原因有二:
  1. 优化器AMP :文库的NodeJS用于产生优化的AMP。 快速 ,如果你正在驾驶一个网站,以 表达中间件 might'd会感兴趣。
  2. 打包AMP 。签名交换 有用的命令行工具与报价走。

注意:这些工具并非如进行SSR,AMP架构预装,头重新安排 其他优化 执行。

Next.js支持

最新版本Next.js 9个 支持AMP SSR没有默认配置颇为期待点。 Next.js 9必须首先呈现当前AMP安普页面和混合AMP页面基本上优化。因此Next.js是构建AMP网页的绝佳选择。

下一步?

我们计划留在未来的两大举措。
1. AMP架构(v0.js)到主机本身的选项。是的,这是正确的。更多的是cdn.ampproject.org不会瑜伽可以下载AMP英寸这将jinige两个优点:
  • 更快的互动: 当您下载AMP架构cdn.ampproject.org就没有必要建立一个HTTPS连接到一个。
  • 容易QA: 当你想切换到AMP的新版本,您可以控制。

然而, 对于隐私的原因 ,AMP缓存请注意,重新写脚本URL AMP原来的高速缓存提供高速缓存AMP页面匹配。
2. WordPress的集成:官方AMP WordPress插件V1.3支持AMP SSR默认。

AMP SSR为大家

当您发布页面,您必须发布呈现在服务器端的AMP安普页。 CSS和HTML或类似地减小, AMP优化  转到转换器 必须在生成的正常部分运行/呈现的链。只有提高渲染性能是有很大的区别发生在FCP时间,更重要的是,在用户体验的差异。

通过:塞巴斯蒂安奔驰,谷歌开发者顾问博凯特

发布时间:2019年9月26日下午10点23分PDT
<原创博客是在这里可以在博客上找到并翻译评审的参与给了乔(WEBTECH GDE)>
出版商:安德鲁·沃特森,谷歌AMP项目产品设计师


这篇文章是写在AMP设计团队的文章。
我们是一个团队的产品设计师和研究人员来负责创建一个有用的和易于访问AMP组件和成熟的整个体验。如果你想确保我们正在做的事情和一些基础成就 的GitHub  贡献者松弛 探索丰富多彩的活动与工作组中的用户界面和可访问性的进展。


AMP是提高Web用户体验日常使用帮助 创建一个网站开发  更快的工作 中最重要的途径之一 其优点是,你只有AMP和完善Hansang幕后走向台前。我们可以将速度提升到网站,而不必使用AMP开发商单独做任何事情。
性能最佳实践,但总是会被应用到AMP的各个方面, 实际速度 只是故事的一半。虽然工程师们继续努力应对技术细节,设计团队,我们 认识到速度 ,你开始改善。等待yigetjiman永远是我们的生命,AMP工程师的一部分,我们无法控制一部分(例如, Facebook的帖子  YouTube视频 或)就不能在AMP页面,如果一个大容量的更快速的创建。但是, 大量的证据 不同感觉 的情况等,根据不同的环境,通过 点出现明显的。如果你已经以某种方式使用AMP页从2015年开始将是AMP是熟悉的负荷指标。
原来AMP负荷指示符
从今天开始,我们将使用新的负载指示灯。
新的AMP负荷指示符
我们会告诉来这里。我们已经决定启动三个目标:


  1. 并认为,更快的加载。
  2. 显示的内容信息,无论是已知的,以飨读者。 自2016年,因为负载指示灯一直采用不同的广告被显示在页面AMP,人们可以立即广告和共享内容进行区分。我们希望扩大这一指标加载视频,微博,Facebook的帖子等等,越来越多类型的内容。这是为了防止例如有我等着,只要视频加载的耐心,而不是结束,这种情况是不会看电影。
  3. 现代化的设计。 对于这个目标,不能用数字来量化,很多人觉得AMP团队,让你觉得你变得更直观复杂装载机我们sseudeon。


我们也被要求不仅保持中性时尚的设计。随AMP UI也应该与任何AMP页面的设计很好地匹配。这意味着,利用壮观的颜色和正在复苏也应避免表现风格。
我们期待以后的一段时间等于多少内容带负载时预测目标2500个Web用户为10种负载指示灯的设计表明了“杆”抛出了一个问题,创建原型。还有人估计在很短的时间,所以并不好,但重要的是,预测的准确度有重要的发展趋势。参与者预测,我们对负载时间几乎是1秒几原型报告新设计的推出比常规选项,例如作为基本喷丝机需要更少的或显示现有AMP加载。我们选择基于一些意见,吸引了在这个数据和设计过程的极大兴趣不同的设计。
我们已经来到了以下三个原则:
  1. 有时,它是没有更好的装载机。 当用户显示实现micheo前装载机意识到,他们正在等待你想要成为heutteu等待您的关注使它看起来像一个网站的缓慢的运行速度。
  2. 保持兴奋。 情况反复看到相同的微调可能已经看到超过一百万次的页面加载不利于用户等待的时间。
  3. 保持一致性。 当每个负载多个条目以独特的设计和定时在网页上显示已经分散和凌乱的笔记。


我们必须适应不同大小,内容类型图标,设计,以适应背景,以满足最终规则。在头两个原则的情况下,我们遇到了通过提供跨多个步骤的装载机动画。也就是说,初步断定显示一个旋转的纺丝形成一个循环,直到下一个所示的一个,最后在加载内容,动画不会出现在没有任何中间。因此,在没有内容加载时,加载程序中未示出,当小于0.5秒时,负载时间微调不会充满全3.5秒不重复的。
内容类型的图标的例子 我们的设计已经满足了所有三个目标。换句话说,它出现了认知速度和信心eotdago设计变更令人鼓舞的数据更加细化,完善,使读者可以知道是否要显示的内容。
有迹象表明,需要为了保持AMP为开发人员提供的灵活性,以解决一些额外的细节。我们希望避免与AMP的加载内容之前显示一个新的设计占位符图片,消息或自定义负载指示能力的冲突。如果您的内容仅仅是一个占位符图像,因为我们仍然没有任何信息的读者会想通知显示会弹出一个突出的特殊版本加载指示灯与屏幕上的彩色图像。如自定义消息或负载指示灯,如果而是更复杂,会出现占位符我们的设计没有看到任何基本的装载机不与开发者的设计相冲突。
各种内容类型的图标 虽然我们继续生活与提供加载指标在未来数周的AMP页的只有百分之几,以及网站的效果统计新有限实验 回馈社会各界人士 将密切关注也进行最后的呼叫牵引工作。我们的目标是部署这个观点在所有AMP页的所有组件的基础上建立了一个新的装载机。
Deusigil希望考虑到这一新的设计,我会很感激,如果你给我们的慷慨支持,以改善Web用户体验一步一下子提高一步,一个小细节。

发布时间:2019年9月26日下午8点32分PDT


<原创博客是在这里可以在博客上找到并翻译评审的参与给了gimtaekmin(机器学习GDE)>
为了支持如发票处理,申请审核和企业合同,应当先进行数字化处理各种类型的内容,如照片,文档和笔记的分析操作。该谷歌云提供多种方式供客户进行数字化的内容。还可以使用该API训练机器学习提前或者您也可以申请文件理解基于人工智能AutoML套房。


在这篇文章中,我们将了解云AutoML基于文档处理的目的(文档标记)的标记文件。文档标记拉出字段(或标签),例如具有从文档(或值)或客户帐号有意义的响应,总的关键-这意味着在一对值的形式配置。 “标签”是要分析的主题和“值”是对应于该标签实际结果。通过下面的示例中使用AutoML,让我们拔出所需的文档处理诸如签名,密封,文档类型的图像中的正方形区域的密钥信息。


现有的解决方案



即使仅仅在几年前,这是数字化文件,简单的方法来扫描文档并将其保存为一个云的形式的图像。目前,它可以更好的工具和技术,特别是数据的结构分析提供文件一大堆感谢转换为机器学习和从他们那里得到有用的信息。


直到最近,你可以使用一个以规则为基础的正则表达式或算法(基于规则)如OCR只对文件中预定的数字化文档。这可能是很难申请一个新类型的文件,也可能是匹配关键字或基于文本的NLP模型的问题。物体识别(目标检测),并认识对象(实体识别)已经在这方面也获得了很多的关注,在过去几年中取得显著的改善。 AI的服务集合称为云AutoML也能提供高品质的机器学习模型为广大客户提供机器学习的知识最少。


GCP的解决方案:大规模AutoML

做基础的三种模式,以解决具体的业务问题,可以是 各种 可能AutoML服务。例如,它具有以下结构:在数字化文件的情况下。

云的AI解决方案suite.png

这种类型的结构,不仅容易理解容易将它们在生产环境中部署。所有的组件都是可扩展性和无服务器(无服务器)的形式,并且是基于在生产环境中现有的GCP。
  1. 它标记的文档 -如果有一个已经标注的数据 AI平台数据标签服务 都可以使用。
  2. OCR以及物体检测 - 视觉API 的最新除了家人AutoML AutoML远景目标检测 可以实现这一功能。
  3. 合并和加工特性 -诸如使用基于简单的解决方案Jupyter keonteyineohwa膝上型或Python中,有几种不同的方式来执行此功能。
  4. 物体识别 -最新的除了家庭AutoML AutoML自然语言 ,新的特征 物取出 是可施行的功能。
  5. 可以以类似的方式来处理特性来执行的功能- 处理之后


全管道使用云作曲家Kubernetes引擎或谷歌(构建 GKE 可以使用部署)。但一些业务限制(例如,对于GCP摄入管道自定义设置而建,从法律文件中提取规则,然后从文档解析,修改等敏感信息)在一个额外的定制要求,除了上面提到的架构开发,的。有关这些要求的更多信息和帮助是 销售团队 ,你可以联系。


创造价值

我们拥有彼此,以实现各种其他目的,如学习机解决方案,企业的每一个或具有技术上的优势,我们用这样一个解决方案,许多客户的用户体验的改善,降低运营成本,总体误差降低。正如本文中描述的解决方案可应用于各种领域,如医疗保健,金融服务及媒体。例如,有以下实施例。
  • EHR自动提取(电子病历)的知识。
  • 中创建的收据-值对的主键。
  • 在财务文件导入场。
  • 客户投诉文本的理解。
  • 标记银行支票,文件和其他数据。



接下来的步骤



有深的学习时间如何简化培训过程作为一个过渡分析(迁移学习)越来越需要。在这篇文章中指定的文件标签,也已经能够没有成千上万的图像的数字化文件已试验成功并部署在生产环境中。在基于数据的变化,但仍然很重要AutoML可以自动解决只用几千页的小图像的基本问题haejugo训练模型机器学习的解决方案。


这可以帮助客户处理文档是一两件事,是完全符合四人hagetdaneun谷歌允许任何人轻松地访问,组织和组织世界各地的有用信息,利用它的优势。分享此文章,我们会,我想如果更多的机构可以考虑过渡到云计算的机会。工具如云AutoML愿景,云AutoML自然语言 ,云存储构建了一个数据集,并可以用来帮助改善用户体验。

的标记在这篇文章中的文件的例子是一个简单的问题和固定目标的一个具体问题。而对于更为灵活和强大的文档处理和信息提取技术从谷歌   文档了解AI ,请参考解决方案。 AutoML可以通过Pateo酒店肥皂很容易地分布,甚至四个单独的机器学习的指标是端至端文献Unerstanding AI解决方案的关键元件。   我们的   网站 ,你可以了解更多信息。

评论

此博客中的热门博文

new coral products for 2020

2020 年第一帖,标记。 New Coral products for 2020 Thursday, January 2, 2020 Posted by Billy Rutledge, Director Google Research, Coral Team More and more industries are beginning to recognize the value of local AI, where the speed of local inference allows considerable savings on bandwidth and cloud compute costs, and keeping data local preserves user privacy. Last year, we launched Coral, our platform of hardware components and software tools that make it easy to prototype and scale local AI products. Our product portfolio includes the Coral Dev Board, USB Accelerator, and PCIe Accelerators, all now available in 36 countries. Since our release, we’ve been excited by the diverse range of applications already built on Coral across a broad set of industries that range from healthcare to agriculture to smart cities. And for 2020, we’re excited to announce new additions to the Coral platform that will expand the possibilities even further. First up is the  Coral Accelerator Module ,

Google Play 商店经过改进,可以更轻松地在更大的屏幕上浏览高质量的应用程序

  大屏幕继续增长,目前有超过 2.5 亿台 Android 平板电脑、可折叠设备和 ChromeOS 设备。随着需求继续以稳定和快速的速度增长,用户以比以往更多的方式与更大的屏幕互动,从社交媒体到玩游戏,再到多任务处理和工作。 Google Play 希望进行重大更改,让用户更轻松地发现和使用高质量的应用和游戏,从而充分利用他们的设备。 谷歌播放更改 Play 商店有三项更新:排名和宣传变化、低质量应用通知以及特定于设备的评分和评论。 排名变化和宣传潜力 最近,  除了 核心应用质量指南 之外,Google Play 还推出了大 屏幕应用质量指南 ,  以帮助您在大屏幕上打造出色的用户体验 。从支持纵向和横向模式等基本兼容性要求,到更多差异化要求(例如键盘、触控笔功能等),您可以查看整体功能。在接下来的几个月中,Google Play 针对大屏幕设备的推荐和排名逻辑将进行更新,以优先考虑符合我们的应用质量指南的高质量应用和游戏。这会影响您主页上的搜索结果和推荐,帮助用户找到最适合其设备类型的应用。我们还希望增加对 Google Play 应用介绍性内容的投资,以实现针对大屏幕优化的应用的特定公告。 通知用户安装低质量的应用程序 对于不满足 基本兼容性要求的应用,   我们希望更新我们当前的通知功能,以帮助大屏幕用户预测您的应用在安装后的外观和行为。此功能允许您主动警告用户未针对大屏幕设备优化的应用程序。我们目前正在研究有关此更改的更多详细信息,敬请期待今年晚些时候发布的未来更新。 按设备评分和评论 最后,   如前所述 ,在 不久的将来,我们将通过按设备类型(例如平板电脑和可折叠、Chrome OS、Wear 或 Auto 等)查看评分和评论来帮助用户找到更适合他们的应用程序。应用此功能后,Google Play 上显示的默认评分将显示为用户正在使用的设备类型的评分,让用户更好地了解他们在该设备上使用应用程序的体验。 您可以通过 Google Play Console 中的 设备类型分析 ,按设备 预览 评分和评论 。 通过按设备类型进行评分和评论分析的大屏幕优化 开始针对大屏幕进行优化的工具 针对大屏进行优化的开发人员已经 在用户参与度和留存率方面产生了 积极影响 。以下是一些资源和提示,可帮助您开始优化大屏幕。 通过 大屏应用质量检查表 检查 应用的兼容性等级