css - Android 股票浏览器上的移动 Web 应用程序运行缓慢

标签 css css-transitions single-page-application

开发了一个移动网站,该网站在使用 Jelly Bean OS ( 4.0 - 4.3 ) 的 S3\S4 设备的 android 库存浏览器上特别不响应\慢。 但是在相同的设备上,chromium 浏览器的性能更好。 在具有 Kitkat OS 的设备上,甚至在 Iphone 设备上,速度在各自的 native 浏览器上也很好。

使用的技术是单页应用程序框架以及 Knockout.js、Sammy.js、Require.js、Router.js 等核心库以及 HTML5 和 CSS3。还实现了 CSS3 过渡。而且我们也在使用 css.less 文件

我们遇到的主要问题是 a. 增加了 View 的加载时间 b. 转换缓慢,用户有一段时间无法与应用程序交互。 c. 当用户点击 View 上的 Action 按钮或者试图在页面之间导航时响应时间很慢

任何关于为什么应用程序在版本 ( 4.0 - 4.3 ) S3/S4 设备库存浏览器上可能很慢的帮助将不胜感激。

最佳答案

每个浏览器都有自己的运行方式,主要取决于它使用的浏览器引擎。像 Chrome 浏览器使用 Webkit 引擎。它还取决于如何包装这些引擎以使其在默认情况下具有最佳性能。它对于垃圾收集实现也有效。我会建议你优化你的代码。处理 JavaScript 内存泄漏和悬挂的 DOM 对象。

This blog会有帮助。

关于css - Android 股票浏览器上的移动 Web 应用程序运行缓慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28862609/

相关文章:

css - 如果 :pseudo elements are not available?,还有哪些其他方法可用于裁剪/剪辑背景图像

css - 背景过滤器在圆 Angular 中留下人工制品

javascript - 将应用程序从 Angular 5 更新到 Angular 8 会导致样式问题

javascript - UglifyJS 附加文件而不删除空格

html - 基础页脚不是整页宽度

php - 溢出-x/y 在 IE 中不起作用

html - 更改选项上选择标签的大小

javascript - CSS 按位置或变换移动元素?

CSS 转换错误

javascript - 一个复杂的应用能有多少 "single paged"?