rogeryi + 关注
阿里,UC 内核团队高级技术专家

MotionMark 浏览器图形性能测试套件深入分析

发布时间:2019-09-29 12:22:22 浏览:722 评论 :0

[MotionMark][1] 是 Apple 开发的一个浏览器图形性能测试套件,用来[测试和评估 Safari/WebKit 的图形性能][2],这里的图形性能并不仅仅包括光栅化和合成,而是涵盖了完整的浏览器渲染流水线,包括 DOM API,样式计算,排版等。 MotionMark 虽然不能涵盖浏览器图形性能的所有方面,但是作为衡量浏览器图形性能的其中一项指标,还是有不错的参考价值。Ch

canvas 性能 线程 阿里技术协会 浏览器 测试 API 性能测试 chrome safari Skia MotionMark

渲染流水线中的光栅化

发布时间:2019-09-20 13:38:50 浏览:871 评论 :0

Rasterization,光栅化,又称为栅格化,它用于执行绘图指令生成像素的颜色值。光栅化是渲染流水线中的一个重要环节,但是不同的 UI Toolkit 和不同浏览器渲染引擎使用的光栅化策略并不一样,本文主要讨论各种不同的光栅化策略和它们各自的优劣。 ## 渲染流水线 ![rasterization_1.png](https://i.loli.net/2019/08/16/8aHV5

android 性能 阿里技术协会 同步 浏览器内核 渲染引擎 flutter Skia

Chromium Viz 浅析 - SkiaRenderer & SkiaOutputSurface

发布时间:2019-08-02 10:42:55 浏览:1382 评论 :0

**关于 Viz 的系列文章** [Chromium Viz 浅析 - 介绍篇][1] [Chromium Viz 浅析 - 合成器架构篇][2] ---- Chromium 关于光栅化和合成的一些主要性能优化项目包括 OOPD (Out of Process Display Compositor,进程外 Display 合成器), OOPR (Out of Process R

架构 性能优化 线程 阿里技术协会 GPU service 浏览器内核 Chromium Skia

Chromium Viz 浅析 - 合成器架构篇

发布时间:2019-04-29 10:04:45 浏览:2126 评论 :1

**关于 Viz 的系列文章** [Chromium Viz 浅析 - 介绍篇][1] ---- ## Mojo 快速入门 因为后面的内容需要读者对 Mojo 有一定了解,如果以前没接触过的话,这部分内容提供了一个快速的入门。 简单的说 Mojo 是一个 Client/Service 的通讯机制,支持跨进程。一个 Mojo 链接建立的过程一般如下: 1. Cli

android 架构 线程 阿里技术协会 浏览器 service 浏览器内核 网页渲染 浏览器渲染引擎 浏览器合成器架构

Chromium Viz 浅析 - 介绍篇

发布时间:2019-04-11 13:30:47 浏览:1562 评论 :0

很遗憾 Chromium 的工程师没有写一篇 How Viz Works 的文章来详细解析 Viz 这个重要的模块,能找到的一些相关文档都比较零散,所以我打算自己来写,不过个人研究深度有限,无法包括所有的细节,还请读者见谅。 计划写两到三篇文章,第一篇文章对 Viz 做一个概要的介绍,和它在 Chromium 整个合成器架构里面的角色。因为 Viz 的代码变动很快,所以文章的内容只是针对当前

架构 阿里技术协会 模块 GPU service 网页渲染 浏览器渲染引擎 浏览器合成器架构

How cc Works 中文译文

发布时间:2019-01-15 09:32:53 浏览:1557 评论 :0

Chromium 的工程师们写了两篇技术文章 [How Blink Works][1] ([中文译文][2]) 和 [How cc Works][3],分别介绍了 Chrome 浏览器内核内部的两个重要模块 Blink 和 cc 内部设计和实现的一些细节。对于想要了解 Chromium 内核内部实现的同学,这两篇文章提供了不错的入门指引。在征得作者同意后,我将其翻译成中文,以馈读者。 文中部

前端与交互设计 线程 阿里技术协会 多线程 Render GPU 浏览器渲染 合成器

How Blink Works 中文译文

发布时间:2018-12-28 11:01:50 浏览:1530 评论 :1

Chromium 的工程师们写了两篇技术文章 [How Blink Works][1] 和 [How cc Works][2],分别介绍了 Chrome 浏览器内核内部的两个重要模块 Blink 和 cc 内部设计和实现的一些细节。对于想要了解 Chrome 内核内部实现的同学,这两篇文章提供了不错的入门指引。在征得作者同意后,我将其翻译成中文,以馈读者。 文中部分术语觉得难以翻译成合适的中

架构 javascript 线程 c++ 阿里技术协会 脚本 Core Blink 浏览器内核 网页渲染

Chrome 图片解码与 Image Decoding Hint

发布时间:2018-10-16 10:30:36 浏览:2869 评论 :0

我在之前的一篇文章[Chrome 图片解码与 Image.decode API][1],说明了为什么图片解码可能会导致非合成器动画的阻塞和如何使用 Image.decode API 来避免动画的阻塞。不过虽然 Image.decode API 给页端提供了更灵活的控制图片解码时机的能力,但是使用起来较为复杂,也容易误用,而 Image Decoding Hint 属性则更简单,容易使用,同时也满足

android 前端与交互设计 性能优化 阿里技术协会 浏览器 Image 同步 API chrome 浏览器渲染

Chrome 图片解码与 Image.decode API

发布时间:2018-09-12 06:12:04 浏览:2255 评论 :0

在这篇文章里面,我会对 Chrome 是何时对图片进行解码进行说明,并结合 Chrome 的渲染流水线说明为什么图片解码可能会造成动画卡顿,而新的 Image.decode API 是如何让我们控制图片解码的时机,通过预先解码来避免动画卡顿。 为了让读者更好地了解本文的内容,请阅读我之前的文章 —— [浏览器渲染流水线解析与网页动画性能优化][1]。 ## 图片解码 ### 图片

前端与交互设计 性能优化 线程 阿里技术协会 浏览器 Image request API chrome 浏览器渲染

BlinkOn9 - Layered APIs

发布时间:2018-05-18 14:46:19 浏览:1327 评论 :0

前端与交互设计 javascript 性能 模块 web 浏览器 API web开发

BlinkOn9 - WebAssembly

发布时间:2018-05-14 11:40:47 浏览:1149 评论 :0

> 作者在 4 月 18~19 期间和同事一起在湾区参加了为其两天的 BlinkOn 9 会议。每次 BlinkOn 都是了解当前 Blink & Chrome 和 Web 技术演进现状和发展方向的一个不错机会,两天的会议下来大概听了 6 ~ 7 场分享,有些主题是之前已经有所了解,这次又更新了最新的进展信息;有些主题则是完全陌生,在这次 BlinkOn 上才第一次知悉。作者接下来会撰写一系列文章

前端与交互设计 javascript native 性能 阿里技术协会 web 浏览器 API 多线程 chrome github WebAssembly

BlinkOn9 - Viz Update

发布时间:2018-05-08 15:46:57 浏览:1624 评论 :0

Image static chrome update 浏览器内核 浏览器渲染

BlinkOn9 - Blink Rendering

发布时间:2018-05-08 15:39:52 浏览:1416 评论 :0

作者在 4 月 18~19 期间和同事一起在湾区参加了为其两天的 BlinkOn 9 会议。每次 BlinkOn 都是了解当前 Blink & Chrome 和 Web 技术演进现状和发展方向的一个不错机会,两天的会议下来大概听了 6 ~ 7 场分享,有些主题是之前已经有所了解,这次又更新了最新的进展信息;有些主题则是完全陌生,在这次 BlinkOn 上才第一次知悉。

性能优化 性能 线程 浏览器 list 浏览器内核 浏览器渲染

BlinkOn9 - WebAssembly

发布时间:2018-04-26 15:49:12 浏览:2413 评论 :0

作者在 4 月 18~19 期间和同事一起在湾区参加了为其两天的 BlinkOn 9 会议。每次 BlinkOn 都是了解当前 Blink & Chrome 和 Web 技术演进现状和发展方向的一个不错机会,两天的会议下来大概听了 6 ~ 7 场分享,有些主题是之前已经有所了解,这次又更新了最新的进展信息;有些主题则是完全陌生,在这次 BlinkOn 上才第一次知悉。

javascript native 性能 web 浏览器 API 多线程 前端开发 chrome github web开发 WebAssembly BlinkOn