Tre*_*ham 7 javascript performance mobile jquery
我有一个涉及大量JS代码的站点(~100K包括jQuery).当我在手机或平板电脑上浏览类似的网站时,我常常对它们的缓慢感到失望.我希望我的网站在移动设备上表现良好(在页面加载时间和响应能力方面),而无需开发单独的"移动友好"版本的网站或交换大部分代码.
当然,有无数的性能技术适用于所有环境.我想听听事情我可能想的性能,我会移动/蜂窝环境做不希望在桌面/宽带环境的事情.
以下是我正在寻找的几个例子:
jQuery.fx.off = true为跳过动画box-shadow,text-shadow和border-radius还有什么？
延迟是移动环境中的杀手，因此首先要关注的事情之一是减少请求，例如：
内联 CSS 和 JS，然后将它们分开并缓存在本地存储中（Bing mobile 就是这样做的）
或者内联 JS 并包裹在注释中，然后删除注释并评估 JS（移动 gmail 曾经这样做 - 不知道是否这样做）
对图像使用 data-uri
从 jquery 切换到像 zepto.js 这样更精简的框架
不要使用大的 -ve 偏移量来隐藏视图中的项目。
如果您找到 Velocity EU 的@standardista 演示文稿，它包含一系列其他想法。