手机上打开要五秒,用户早划走了。移动端的速度,比电脑端重要得多。
为什么。第一,手机的网络环境比电脑差。电脑多半连着宽带,手机可能只有几格信号。第二,手机的硬件性能比电脑弱。电脑跑得动的脚本,手机得算半天。第三,用户在用手机的时候耐心更少。他在路上、在等电梯,随手刷一下,慢一点就划走了。
那手机端慢的原因有哪些。第一,JS 太多。各种统计脚本、客服插件、特效库,堆了一大堆,手机得一个个执行。第二,图片太大。这在前面讲过。第三,CSS 太复杂。有些页面用了庞大的框架,其实只用到里面几个样式。第四,字体加载慢。用了自定义字体,字体文件又大,得等它下载完文字才显示。第五,服务器响应慢。这个前面也讲过。
那怎么优化。第一,砍掉不必要的脚本。统计一个就够了,特效能不用就不用,客服插件用轻量的。第二,图片按前面说的压缩加懒加载。第三,CSS 精简,把没用到的样式去掉或者拆包。第四,字体用系统自带的,或者把字体文件做子集化,只保留用到的字符。第五,服务器端优化响应速度。
还有个细节,就是首屏优先。用户打开页面,最先看到的那一屏要最快出来。其他的慢慢加载。这样用户感觉是快的,哪怕后面的内容还没加载完。
测速用工具,但也要用真机测。工具在你电脑上跑,结果跟真实手机的体验差得远。用一部中低端的手机,在自己家里用流量打开你的站,感受一下。这才是最接近真实用户的测试。
移动端速度是硬指标。这个做不好,其他的优化效果都要打折扣。
—— 来自 图趣网 - 优秀网站分类目录 的分享