扫码关注官方订阅号
做好的 一个手机网页 在真机上 加载会很慢 有些 用到 css3动画的 还会出现 页面卡卡的问题 关于图片大小是否有要求 机子自身的网路配置是否有要求 html+css3 是否写的也有问题呢 还是别的原因
认证高级PHP讲师
移动端动画用CSS3中的translate3D启动设备的硬件加速,不过也不能保证安卓机上有问题,页面卡顿通常是很多因素影响的,需要慢慢调试。 如果页面数据量很大,内容很多,html节点层级过多也会对页面的性能有影响,需要优化节点的层级,优化CSS。电脑上的效果永远是极好的,问题只会在手机上暴露出来。 手机兼容性的问题太多太多了,遍地是坑,慢慢积累吧。
关于图片,当然越大加载越慢,需要压缩到文件大小最小并保持图片尺寸和画质不变,网上有这样的工具,如TinyPNG。 如果是不需要其缩放的图片,用CSS Sprites,把各个小图片合在一张大图片里,用background-position进行定位。这样的好处是减少图片请求数,如果请求多,网页加载很慢。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
移动端动画用CSS3中的translate3D启动设备的硬件加速,不过也不能保证安卓机上有问题,页面卡顿通常是很多因素影响的,需要慢慢调试。
如果页面数据量很大,内容很多,html节点层级过多也会对页面的性能有影响,需要优化节点的层级,优化CSS。电脑上的效果永远是极好的,问题只会在手机上暴露出来。
手机兼容性的问题太多太多了,遍地是坑,慢慢积累吧。
关于图片,当然越大加载越慢,需要压缩到文件大小最小并保持图片尺寸和画质不变,网上有这样的工具,如TinyPNG。
如果是不需要其缩放的图片,用CSS Sprites,把各个小图片合在一张大图片里,用background-position进行定位。这样的好处是减少图片请求数,如果请求多,网页加载很慢。