通过QQ浏览器内核查看浏览器性能优化

字数: 2742 | 6分钟阅读

客人演讲视频和PPT:

摘要

QQ浏览器内核体系结构小组负责人通过QQ浏览器X5内核在加载速度和流畅性方面的优化工作，将向您展示浏览器内核的工作原理，并展示了前端优化，以及更好的优化方向. 它还揭露了一些影响浏览器性能的未知技术内幕，并期待在Mobile Web场景中浏览器内核的后续优化方向和新功能.

背景腾讯浏览服务（TBS）

腾讯浏览服务是X5内核的深度集成，并且可以使用应用程序或小型SDK将X5内核集成到APP中. 在安全性，稳定性和HTML5功能增强方面，这对于X5内核具有强大的优势.

当前，我们的X5内核已在微信和QQ等公司内部和外部的1,000多个应用中使用，并且内核覆盖率超过97％.

内核进化

X5内核首次集成并在QQ浏览器中启动. 早在android2.2、2.3时代就启动了自己的内核. 一方面，该内核主要是为了解决各种加载和渲染性能问题，另一方面，它也希望能带来一些优化方面的经验，从而不断改善浏览体验的过程.

当涉及到android4.2时，JB版本内核已升级为支持硬件加速，并且内核性能得到了极大的提高. 该内核仍然基于传统的Webkit内核.

去年年初，我们将整个核心体系结构切换为Blink核心，并继续加快了该核心的迭代速度. 当前，每个人都在网上使用基于mlink的Blink版本. 我们希望通过持续的版本迭代和性能优化来促进业务发展，减少业务中的用户问题，并应用最新的内核功能.

需要在内核中进行哪些优化

对于页面，我们需要从Internet加载页面，对其进行解析和排版，然后最终进行渲染.

我们要求页面快速加载，给用户带来愉悦的体验，并使用户更好地消费产品.

页面交互的顺利完成也是内核的一项重要任务.

网页加载优化网页加载功能

网页加载通常是大小文件下载的爆发. 随着带宽的增加，网页的加载速度将从一开始就提高. 以后，无论带宽增加多少，加载速度都不会明显增加.

在加载文件或资源时，延迟与页面加载速度成线性关系. 延迟越短，加载速度就会越慢.

内核需要做的优化是减少页面连接过程中每个连接请求和每个内核工作的延迟.

页面加载速度优化指标

“快速”页面加载速度实际上是一种主观的用户体验. 经过一番探索，我们定义了以下指标:

1. 第一个字-页面最初包含内容时.

2，第一个屏幕-页面充满全屏的状态.

3. 完整的完成时间.

当前，重点是填充第一个屏幕的时间. 填充第一个屏幕的时间越短，用户体验就越好.

加载速度优化

尽快加载资源，以减少内核和网络加载资源的延迟.

网络层优化:

DNS缓存: DNS是一个相对耗时的阶段. 如果可以更好地进行DNS缓存，则可以大大减少连接延迟.

资源Socket并发控制和预连接: 通过Socket并发控制和预连接技术，一方面可以提高Socket重用率，另一方面可以保持Socket连接的活动状态. 这样可以使页面在加载过程中保持高速状态.

资源优先级: 我们希望可以快速加载第一个屏幕中的资源，并且可以降低第一个屏幕以外的资源优先级，并且将来会有一些延迟.

透明代理: 透明代理主要是为了解决移动网络下不同运营商环境下CDN部署不合理的情况，避免大的网络延迟. 在后台使用合理的透明代理可以解决这些不合理的应用程序情况并优化总体延迟. 在终端上，我们主要要做的是优化协议. 我们首先使用HTTP透明代理，然后切换到SPDY. 我们目前正在尝试使用HTTP2，并且将来可能会尝试使用最新的QUIC.

优化效果

图片显示了未优化网络与优化网络之间的比较. 可以看出，如果不进行优化，每个链接请求将相对较长，用户的并发性不是很好，并且总体耗时较长.

优化后，将减少每个链接的连接时间或解析时间. 大多数时间是下载资源的时间，并且连接请求处于并发状态，这最有利于通过网络进行加载.

前端推荐工具

PageSpeedInsight和Webpage Test这两个工具可以帮助您在加载方面找到网站的性能问题，甚至可以为CDN的不合理方面提供一些建议. 我建议您可以使用这些工具来评估网页的加载速度是否还有更多的优化空间.

在内核开发过程中，根据我们对业界的观察，当前，在Hybrid APP快速发展的条件下，很多时候不支持加载网页，而是将页面显示为APP.

内核的后续优化方向

在混合APP阶段，对加载速度提出了更高的要求.

它更接近Native APP的加载方法.

基于ServiceWorker加载

允许APP预先将业务资源放入内核缓存中，跳过shouldInterceptRequest并将移动QQ上的单个服务的首次显示性能提高约25％.

第一个屏幕标签

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/shumachanpin/article-299988-1.html