发布时间:2020-12-29 浏览:755
网站打开速度直接影响了用户体验,试想用户在互联网上查阅资料时进入了你的网站,如果页面超过3秒还没加载出来,大部分用户会马上关闭你的网站,这样无疑是会导致用户流失。网站打开速度快不仅能给用户带来流畅的阅读体验,对于搜索引擎优化也是很有帮助的。下面是我总结的一些影响网站打开速度的主要原因,大家可以看看自己的网站在哪些方面还可以优化提高。
1.减少页面大小
尽可能地减少使用flash控件和复杂的js代码,给网站代码瘦身,这些重口味的东西看起来绚丽,其实华而不实。
网站上的图片是优化的重点,对图片我们要压缩到合适的分辨率和尺寸,如果是显示文章标题图片的地方,一定要使用和网站缩略图相同尺寸的图片,切勿直接使用原图显示。
2.减少请求数量
访问加载主要的时间耗费在各类js、css、图片等文件上,每一个文件都是一个单独的请求线程,过多的请求会影响网站加载速度,并且给服务器带来更大的压力。我们要做的是竟可能地减少不必要的请求,例如检查是否存在没用的js和css文件,是否可以将多个js、css文件进行合并。
对于图片,一方面是控制大小,另一方面是合并图片,使用css来切割显示图片。优秀的网站会把页面中出现的小图标、logo等,合并在一张图片上,只通过一次请求获取,再使用css控制不同位置显示图片的不同区域。大的展示图片最好使用jpg格式,文件大小会小很多,透明图标使用png或gif格式。
3.尽可能使用静态页面
静态页面不仅速度快,而且节省服务器资源,安全性也好。静态页面省去了和服务器的运算、数据库的调用,能够支持的并发量比动态页面高很多。目前很多开源的cms系统都支持此功能,自己实现起来也不复杂。所以,如果页面没有特殊功能性要求,尽可能地使用静态页面。
4.选择优质的服务器
服务器的性能和稳定性对网站的打开速度有着至关重要的影响。目前大部分的中小型网站采用虚拟主机或者云服务器。各位要根据自己网站的访问量、并发量、流量使用情况、计算密集度等,选择适合自己网站的服务器配置及带宽。
我的网站使用的是阿里云的云服务器ECS,速度和稳定性都很好。之前也使用过便宜的虚拟空间,效果很不好,时常发生网站无法访问的情况,所以还真是一分价钱一分货。建议大家还是选择阿里、腾讯、百度这些大企业的云服务,绝对不会花冤枉钱。
5.服务器开启Gzip压缩
通常在服务器上的Apache、Nginx、tomcat都可以直接开启这个设置,而且浏览器自ie6就具备了此功能。开启此功能后,一般网页的大小能减少50%以上,不仅可以提高用户访问速度,还可以减少服务器带宽压力,效果还是很可观的。下面是两个演示对比图:
未开启Gzip:
开启Gzip后:
技巧1:如何了解网页的大小及请求数量?
以我的网站首页为例,我们可以使用浏览器的“保存网页”功能(快捷键Ctrl+S),把网页保存到本地看一下大小,网页大小不仅是html页面的大小,还包括文件夹里的css、js、图片等文件。
在网页中按F12,调出浏览器调试工具,在”Network”选项下,可以看到网页的所有请求,和响应时间,大家可以找一找有没有大文件拖慢网站打开时间。
技巧2:如何测试自己网站的打开速度?
网站上线前,我们应该对网站的打开速度在本地服务器下进行人工测试,如果这时候已经发现慢了,在公网环境下会更慢,一定要查找原因修复。
网站上线后,可以借助第三方的测速网站对我们的网站进行测试,比如站长工具网速测。