为什么你的网站加载慢(不用重做也能修好)

罗西奥在哈拉帕开了一家花圃。两个月前她花钱做了个网站,做得挺好看:入口的大照片、应季的植物、营业时间、电话、地图。她太喜欢了,干脆把网址印到了店门口的招牌上。

她没看到的是网站另一端发生的事。有人站在街角,用手机流量、两格信号,搜索”哈拉帕花圃”。点开链接。背景出来了,logo出来了,照片应该在的地方却留着一个灰色方块。六秒钟后,那位先生回到Google,点开了下一个结果。

他不是觉得这家花圃不合适——他压根没来得及知道这里卖什么。而在统计数据里,这和一个把内容全读完的客户看起来一模一样——都是一次访问。所谓网站加载慢,就是打开之后要等好几秒才能看到内容——这种情况发生时,你失去的不是客户,而是那些根本不知道你是个选项的人。

为什么我的网站在我手机上看着挺快,别人打开却很慢?

因为你的手机在”骗”你:你每天都用同一个手机打开,连着店里的wifi,而且网站早就被缓存过了。对你来说它永远飞快,哪怕一个用流量的新客户要等上八秒。

真正的测试只需要求个人帮个小忙。找一个从没打开过你网站的人——柜台前的客户、你的邻居、你的外甥——让他们用自己的流量打开,别用你的wifi。你什么都别解释,就盯着屏幕看。不等你的电话号码出现,从他们的表情你就能看出结果。

这是这份清单里唯一一个你自己一个人做不了的检测。

几乎总是照片的问题。手机拍出来的照片通常有四五兆。而在网站上,它只占一个三厘米见方的小格子。你发出去的是一张海报大小的文件,却只为了让别人看一个邮票大小的图,客户得先用流量把整张海报下载完,才能看到任何东西。

罗西奥的网站上有四十张照片:入口、蕨类、多肉、陶土花盆、周六值班的那位女士。光是其中十张就有五十兆,得让人站在街角一点点下载,而图库会把所有照片一次性都加载出来,哪怕客户根本不会往下翻去看。没人愿意这样等,尤其是月底流量快用完的时候。

这是最拖后腿的部分,也是最容易修的部分,因为你一张照片都不用删——只需要把它们重新上传成小一点的尺寸就行。

第二个拖慢速度的是模板自带的各种机关:自动切换的轮播图、当背景播放的入口视频、往下滑时渐隐出现的文字。

没有人是因为一个轮播图才买蕨类植物的。这些东西全都是手机要下载、组装之后才能呈现完整页面的零件,而其中没有一个能回答客户带着来的问题:周日开不开门,一棵橡皮树多少钱。

第三是各种附加组件:五秒钟后弹出来的聊天框、哪怕没人滑到那里也会自动加载的嵌入式地图、评论框、cookie提示横幅、五个社交媒体的按钮。

每一个都要单独向网络要一份数据,有时还要连到另一个国家的服务器,这些都得在你的页面显示完整之前完成。一个你感觉不到。六个你就感觉到了。

模板加载慢,是因为它们本来就不是为你的生意做的。它们是为了在你挑选它们的那个目录里显得惊艳,而在那个目录里,正是轮播图和各种动效让人忍不住点进去。

没人告诉过你要把用不上的部分删掉。而在大多数编辑器里,删掉一个板块比留着它还费劲:得先找到那个模块,再猜删了会不会把别的东西弄坏。所以它就留在那儿了。你的网站慢,不是因为谁没把活儿干好;它慢,是因为它一出生就带着别的生意用的东西,而没人有时间把这些东西挖出来。

当你不是去挑模板,而是直接描述你需要什么的时候,真正的区别不在设计上:做出来的网站只有你要求的那些板块,别的什么都没有。没什么可删的,因为从一开始就没被加上去。

如果你卖的东西靠眼睛看——植物、衣服、食物、美甲——几张摆放得当的大照片,比任何文字都更能卖东西,而模板本来就是围着这个搭建起来的。有些行业轮播图确实管用,比如美甲店想展示八组前后对比。而且,如果你的网站本来就管用,光为了速度就把它整个重做一遍,几乎从来都不值得。

还有最重要的一点,免得你整整一个月花在不该花的地方:一个加载慢但能在Google上搜到的网站,胜过一个快但没人找得到的网站。 如果别人搜你的行业加你的城市时根本找不到你,那就不该从这里下手。

内容出现的顺序,比加载的总时长更重要。一个网站哪怕要六秒才能完全加载完,也能感觉很快,只要第一秒就能看到店名、营业时间和电话。反过来,哪怕只要三秒,也能感觉慢得要命,如果最先出现的是一张两兆的照片,而电话号码要等到最后,排在客户评价的下面。

没人拿着秒表计时你的网站。大家在意的是有没有找到自己要找的东西。只要那个先出现,剩下的部分慢慢加载也没关系。

按这个顺序做三件事就能修好,三件事一周之内都能搞定。

1. 把照片重新上传,传小一点的尺寸。 很多编辑器自带优化或压缩图片的功能;如果你用的没有,就在手机上先把照片裁小再上传。先从网站第一张照片开始,因为它是拖慢其他一切的那一张。

2. 删掉用不上的东西。 先从轮播图下手:只留一张最好的照片。然后是背景视频。再然后是那些你去年就没更新过的社交媒体按钮。

3. 把大家来找的东西放到最上面。 店名、你做什么生意、营业时间、电话和地址,全放在第一屏,电话号码要能一点就直接拨出去。

如果这个网站给你带来的麻烦已经超过了帮助,就在Proyecta里把你想要的样子描述出来:

“给我哈拉帕的花圃做个网站:按种类展示我卖的植物、起始价格、基本养护方法、带地图的地址、营业时间,还要有WhatsApp按钮。用手机流量打开要快,不要轮播图,不要视频。”

最后这部分和其他要求一样,用话说出来就行。做好之后会直接上线并给你链接,要是哪里多了什么,你再让它少一点就行。

说实话:照片还是得你自己上传,而且要传对尺寸。这一步不管在哪儿都没人能替你做,这里不行,Wix也不行。

找今天第一个走进你店里的人,借他们的手机。用他们的流量打开你的网站,数到三。

如果三秒钟过去,你的电话号码还没出现在屏幕上,你就知道该从哪儿下手了。你也会明白,问题从来不是网站不好看。