今天,您可以为您的网站做的最重要的事情就是确保它从手机或平板电脑访问时表现良好。继续阅读并了解如何使用ChromeDevTools和一个针对移动浏览器优化您的网站安卓设备。
为什么要针对移动Web进行优化很重要?
表现
移动设备正在获得更快的CPU、更多的RAM、更快的GPU和更快的速度我们从G和G过渡到4G时的网络访问。尽管鼓点与我们相比,移动设备的动力不足电脑。更具体地说,加载网络资源需要更长的时间,解包图像需要更长的时间,绘制页面需要更长的时间,执行脚本需要更长的时间。可以安全地假设您的页面运行5到10在移动设备上慢几倍。
电池
移动设备完全由电池供电。移动设备用户希望电池要尽可能长的时间。次优站点将消耗电池比需要的快得多。最小化网络流量并减少油漆以减少电池消耗。当您获取资源时,WiFi或蜂窝无线电必须打开,这会耗尽电池电量。当浏览器绘制一个元素时,CPU和GPU使用高峰,这也会耗尽电池。
订婚
“绩效是为了增加对您最重要的指标。在Facebook我们关心滚动。在A/B测试中,我们放慢了速度从60fps滚动到0fps。订婚崩溃了。我们说好的,因此滚动很重要。”–
边缘会议上的Facebook
移动用户希望能够快速进出。最快的网站将获得最多的参与度。
管理绩效
Chrome附带了一个很棒的
一组开发人员工具。
本文教您如何使用这些工具来分析您的移动网站。如果您已经熟悉ChromeDevTools,那就太好了!如果没有,请查看这些很棒的教程:
ProfilinglongpainttimesDevToolsTipsandTricks.
现在您已经赶上了,让我们看看如何使用DevTools加速您的移动网站。如果这是您第一次使用适用于Android的ChromeDevTools,请查看获取
文章底部的开始指南。
远程使用ChromeDevTools
将您的Android设备连接到计算机。在桌面Chrome中,导航到