笔者使用QQ浏览器频率较高,因此经常会对网页滑动较低的帧率敏感;同时使用的Edge则十分丝滑,为了探究浏览器帧率并试图使浏览器平滑滚动,特做以下测试。
浏览器种类丰富,各有各的优点所在,本文以浏览器运行时网页滑动的帧率为测试对象,测试四款主流浏览器网页滑动时的帧率,测试浏览器包含QQ浏览器,Firefox,Chrome,Edge。
1.测试
- QQ浏览器
fps为32.8 - Firefox删除线格式
平均fps为50.61 - Chrome
fps为52.2 - Edge
fps为59.4
通过上图所示,QQ浏览器帧率较低其中一个因素为GPU raster off(device)(gpu 光栅化在此设备上不支持),而Chrome和Edge帧率较高则是因为该项on。顺滑程度如下排列:
QQ浏览器<Firefox<Chrome<Edge
2.设置
- QQ浏览器
qqbrowser://flags/查找Smooth Scrolling,选择Enabled - Firefox
设置->常规->使用平滑滚动 - Chrome
chrome://flags/Smooth Scrolling, Impulse-style scroll animations, Percent-based Scrolling选择Enabled - Edge
edge://flags/Smooth Scrolling, Impulse-style scroll animations选择Enabled.
希望大家能够选择合适自己帧率的浏览器,拥有良好的浏览体验!