是否有适用于iOS和Android浏览器的性能指南
Are there performance guides for iOS and Android browsers?
作为一名Web开发人员,我还必须考虑Android和iOS的网络浏览器。这些浏览器的渲染引擎以及电源和内存的缺乏带来了很多复杂性。
所以我想知道,是否有针对这些浏览器的性能调优(HTML/CSS/Javascript)的综合指南?
我还没有找到专注于移动开发的实际指南。但是,我的编码实践是做你为桌面浏览器所做的一切,并尝试付出额外的努力:
- 通过使用 CDN、ETag、适当的到期日期等,最大限度地利用缓存。
- 最大限度地减少重排/重绘,它们是 CPU 密集型的
- 积极优化图像以最小化下载大小。
- 最大限度地减少服务器往返次数并包括 JS/CSS,因为大多数手机都在 3G/4G 和其他无线网络上使用。它们往往比有线宽带(电缆/DSL)具有更高的延迟。
- 不要使用动画 GIF、3D 变换等。
以下是一些阅读材料: https://developers.google.com/speed/docs/best-practices/rules_intro
相关文章:
- 为什么在许多浏览器中drawImage()的性能略好于createPattern()
- 在循环中附加事件处理程序时出现浏览器性能问题
- Javascript对象中的跨浏览器密钥查找性能
- 多年来浏览器的Javascript性能改进
- 是否有适用于iOS和Android浏览器的性能指南
- 分析生产中应用程序的浏览器性能
- 如何“性能检测”浏览器
- JavaScript锁定功能,以防止递归(浏览器冻结/性能)
- 对应用程序中浏览器的相对性能具有启发性
- 画布多个图像和移动浏览器性能
- node-webkit与chrome浏览器中应用程序的性能
- 哪个javascript UI框架是我对跨平台/浏览器性能的赌注
- 如何在浏览器中对代码进行性能测试
- 根据浏览器性能添加效果
- 如何调试客户端浏览器/HTML结构的性能问题
- 浏览器滚动条动画性能
- 为什么浏览器/客户端图像大小调整会对性能造成如此大的影响?
- 在nodejs和浏览器中使用console.log的性能成本是多少?
- 当拖动包含数千个子节点的Div元素时,提高浏览器性能
- 浏览器性能:' display:none ' vs .detach() '