1. 云栖社区>
  2. 全部标签>
  3. #浏览器渲染#
浏览器渲染

#浏览器渲染#

已有0人关注此标签

内容分类:
博客 | 问答 | 视频 | 资料 |

How cc Works 中文译文

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

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

Chrome 图片解码与 Image Decoding Hint

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

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

Chrome 图片解码与 Image.decode API

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

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

BlinkOn9 - Blink Rendering

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

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

1
GO