简体   繁体   English

如何提高iPad / iPhone上的网站性能?

[英]How to improve website performance on iPad/iPhone?

On an average computer animations work very smoothly. 平均而言,计算机动画非常流畅。 On iPad however jQuery animations like fade in (opacity from 0 to 1 over 0.5 sec) of 1920x1200px image seem to lag a bit. 但是,在iPad上,像1920x1200px图像的淡入(0.5秒内从0到1的不透明度)之类的jQuery动画似乎有点滞后。

Is there any way to speed that up? 有什么办法可以加快速度吗? Any acceleration? 有加速吗? Maybe I should disable processor consuming jQuery scripts for iPad? 也许我应该为iPad禁用消耗处理器的jQuery脚本? Are there any recommendations when coding for iPhone/iPad too? 为iPhone / iPad编码时也有什么建议吗?

I would also say that on older iPhones it lags far more. 我还要说的是,在较旧的iPhone上,它的滞后性要大得多。

UPDATE: The answer is CSS3. 更新:答案是CSS3。

Running Chrome -> Developer tools -> Audits shows many improvements you can make without changing anything about the site's looks. 运行Chrome->开发人员工具->审核可显示许多改进,而无需更改网站外观。 After you finish those, try it again, then look at things like fewer tiles on iOS/Android, etc... 完成这些操作后,请重试,然后查看类似iOS / Android上的磁贴数量较少等内容。

Looks like a factor of at least 4 there, likely more... 看起来那里至少有四分之一,可能还有更多...

--Tom -汤姆

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM