网站和服务器速度优化

前言

很多接触过云服务的小伙伴,可能经常会有一个困扰:为什么我的CPU、内存占用明明不高,网站速度/服务器响应速度却还是这么慢呢?~~哪个可爱的男孩子不想拥有一个速度很快的博客呢?~~说到优化,我们得从诸如硬件、软件等很多地方入手。

开始优化

为什么我们需要优化?

当我们购买了一台云服务器/VPS,并在上面架设了网站,那么我们肯定是需要给用户提供访问的。当别人或者你自己,访问这个网站时,通常会在浏览器中输入example.com之类的网址吧。但是,浏览器并不会知道这个网址的任何信息,这时我们的电脑会在Internet找到网址所在。在这个过程中,有相当多的因素,可以影响我们的网站速度,所以我们必须考虑服务器和浏览器之间的所有情况。

DNS解析优化

我们知道,每一个网址都会对应着一个IP地址,而我们请求网址的时候,会通过DNS服务器去进行解析,从而将访问路由到对应的网站或者应用服务器。在设置DNS解析时,我们可以对域名进行分运营商设置、分地域设置等等,甚至,你还可以做负载均衡。比如电信用户的请求,可以设置解析到针对电信优化的线路的服务器上;分地域解析,同样可以设置成针对当前用户的最优解析。

链路优化

浏览器是需要与服务器之间进行通信的,但如果服务器位置距离浏览器很远,或者是它们之间的网络链路并不算很好(想象一下高速公路和普通公路😀)。那么坑你会增加等待的时间,尤其是丢包,这是很致命的问题,可能会导致网站一直无法响应完成。每次询问服务器,毕竟是要耗时间的,不是吗?

动态OR静态

一般来讲,静态网站加载速度是比动态网站要快的。有时候会取决于Web服务器的开销,有时候是数据库的。

数据库

对于动态网站,我们也是可以针对数据库进行优化的。比如数据库放在本机还是其它机器上,如果放在其它机器上,是内网通信还是公网通信。用不用读写分离、集群、Redis等等?扯远了扯远了,咱还是以普通的网站/博客来进行讨论吧😅

数据的计算/渲染时间

网站上面可能需要进行一些数学计算、过程处理、动画渲染等,会消耗相应的时间。当然,我们可以适当的调整尺度,或者是放在服务端处理部分内容。

CPU的性能

网站在浏览器的加载速度,在一定程度上也会受到用户计算机的CPU影响。不过一般来说,对于简单的网页应该不成问题。当然,服务器的CPU也是关键因素之一。如果你的网站,有太多人访问的话,你可以考虑下升级服务器的配置了。

加密/安全

现在绝大部分的网站,都是支持HTTPS的了。为了安全使用SSL或TLS,会给网页的加载带来额外的性能开销。但是大多数情况下,这种开销是值得的👻

内存优化

每一次针对服务器的请求,都会占用Web服务器在单位时间内可以处理的请求数,同时也会占用内存。不过,我们得先调查清楚,在自己的服务器上,到底是请求数先被消耗完,还是内存先被消耗完。

网络攻击防护

互联网的公网环境,有时候并没有想象的那么好。我在阿里云的ECS,被人攻击进入过黑洞状态。在DigitalOcean的服务器,曾被人消耗掉了接近3T的流量。对于很多人/企业来说,遭受网络攻击带来的直接损失并不算什么,但导致业务无法正常运行才是致命的问题。有这方面需求的小伙伴,建议去Google多搜一搜怎么防护,我也只是会一些简单的防护😅。如果你想简单的了解下,可以看看阮一峰的DDOS 攻击的防范教程

服务器与CDN的优化

在选购服务器时,一个重要的指标就是网络。比如是按带宽选购,还是按流量选购。这2种不同的方式,效果肯定是不一样的,拿1M小水管来举例子,同时有很多用户访问的话,速度是相当的慢的。那么这种情况下,CDN就成为了一种可行的解决方案了。通过CDN可以将静态内容高速缓存到更靠近用户的位置,同时也能节省服务器带宽。

服务器入侵自查

有时候,会有一些人入侵你的服务器,并用来挖矿、当作肉鸡等。如果服务器突然变慢,且CPU占用一直非常高,可能就需要注意了。当然,我们也得有些好习惯,比如不采用密码,而是用公钥登录,可以防止一部分脚本自动爆破,同时不要开放太多不必要的端口。

静态资源优化

我们可以对HTML、CSS、图片等资源进行压缩,以减少带来的带宽消耗。我是用的gulp进行压缩的,压缩前后对比,减少了不小的文件大小。

在每次打包时,对资源进行压缩。其实我们可以在开发时,就将这个问题考虑进来。举个例子,引用一个CSS框架,我们一般可能会把完整的包,或者是min包整个引入。然后在浏览器加载的时候,会下载完整的包。但是这里有个问题,这个框架里面的所有属性你都用到了吗?显然是没有的。所以我们可以用Sass,在开发的时候按需加载组件(现在这么干的其实挺多了)。在编写HTML的时候,也可以适当的优化。更小的HTML和CSS,不仅减少了服务器的传输压力,也加快了浏览器的加载速度。更重要的是,浏览器不需要再去解析用不到的DOM和CSS Rules了,那么渲染速度也会得到很快的提升。

懒加载

这个功能我觉得还是很重要的,懒加载的意思,我说个粗糙的理解吧:图片懒得加载,只有你想看它的时候,它才会去加载。图片在整个页面上的占比,一般也不小了,而对所有的图片进行懒加载,可以让用户首次访问时间快很多。包括预览图片的沙箱、评论系统等等,全部采用懒加载,对白屏的影响是会减少很多的,毕竟别人访问网站时,页面白屏可能会导致用户流失。

最后

还有许多的方法,比如:优化资源加载顺序、避免JavaScript阻塞页面渲染、采用高效的缓存策略提供静态资源等等。可以去PageSpeed Insights做一个简单的网站性能测试,测试完之后会给出一些诊断结果和优化建议。我虽然只是个菜鸟后端,不太懂前端,但还是希望能给大家提供一个优化的思路。

updatedupdated2021-04-112021-04-11
加载评论