如何优化页面在手机显示

Question

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

Answer 1

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