如何优化页面在手机显示

Question

做好的一个手机网页在真机上加载会很慢有些用到css3动画的还会出现页面卡卡的问题关于图片大小是否有要求机子自身的网路配置是否有要求html+css3是否写的也有问题呢还是别的原因

Answer 1

移动端动画用CSS3中的translate3D启动设备的硬件加速，不过也不能保证安卓机上有问题，页面卡顿通常是很多因素影响的，需要慢慢调试。
如果页面数据量很大，内容很多，html节点层级过多也会对页面的性能有影响，需要优化节点的层级，优化CSS。电脑上的效果永远是极好的，问题只会在手机上暴露出来。
手机兼容性的问题太多太多了，遍地是坑，慢慢积累吧。
关于图片，当然越大加载越慢，需要压缩到文件大小最小并保持图片尺寸和画质不变，网上有这样的工具，如TinyPNG。
如果是不需要其缩放的图片，用CSSSprites，把各个小图片合在一张大图片里，用background-position进行定位。这样的好处是减少图片请求数，如果请求多，网页加载很慢。