笔记 - 如何最有机性价比的提升效能?

Published on:

一般来说,影响一个网页的打开速度主要有三个部分:

  1. 服务器的位置
  2. 前端代码的结构
  3. 后端代码结构和数据库

服务器的位置有什么差别呢?让我来用ping这个指令尝试一下:
正常不打开vpn的情况下,打开国内外网站的速度差了大概一个数量级左右。。

当然,由于TGW,某国外网址100% packet loss,见下图。

如此测试,发现服务器的位置还是停重要的,但跟前端代码以及后端代码修改相比,提升哪个部分的性价比会比较高呢?

答案是前端代码的结构。

说道这里,不得不提到网站开启的总时长公式:
网站开启总时长 = 网站代码产生网页的速度 + 下载网页代码的速度 + 下载素材的速度

以中国大陆用户开启一个美国网站所需要的时间来计算:

  1. 网站代码产生网页的速度是100ms + 230ms(没发出一个请求要230ms)
  2. 下载网页代码的速度是100kb/10Mbps + 230ms
  3. 下载素材的速度是15 x (100kb/10Mbps) + 230ms

好 现在让我们来实际举一个栗子:

假如某人家里的网速是5M,即5Mbps。

1Mbps = 1024kbps = 1000kbps

他要打开的美国网页的大小是100kb,该网页的素材一共有20个,那么:

网站代码产生网页的时间是:100ms + 230 ms

下载网页代码的时间是:100/5Mbps = 100ms +230ms

下载素材的时间是:20 x 100/5Mbps=400 ms + 230ms

这么一算,下载网页确实最费时间。

因此,调整网页的前端代码和素材的性价比明显高于后端产生网页代码的速度。

Comments

comments powered by Disqus