咨询电话:
15628812133
08
2018/07

网站开发中增加打开速度的常见方法

发布时间:2018-07-08 21:50:01
发布者:xueye
浏览量:
0

现在越来越多的企业都有了自己企业的官方网站,但是经常会发现自己的网站打开速度没有别人家的速度快,具体有那些原因和那些方法能够提升自己网站的打开速度呢,下面文汇软件的技术人员就我们的建站经验给大家分享一下。

1、提升网站所在空间或服务器的等级,这个是最直接有效的方法,有些建站公司为了缩减成本从淘宝或买几百块钱的空间来给企业使用,此类空间虽然容量大但是空间质量的好坏和大小没太多关系,我们文汇软件所给客户采用的空间均为独立服务器5M以上带宽,从根本上保证了用户网站的访问速度,当然这个提升空间等级是需要成本的,不过是最直接有效的方法。我们会在下一篇的技术文章分享中给大家分享一下如何选择一个高质量的空间。

一个好的服务器.jpg

2、修改图片质量及后缀,一般网站上所用到的图片均为JPG、PNG、GIF,这三种属于最常见最通用的图片格式,那么PNG格式的图片大小是最大的,同等比例下PNG图片会比JPG图片高出3倍的大小,那么将一些非透明格式,不需要用道PNG图片的一定要转为JPG格式,这样从根本上可以减少网页中图片的大小,从而提升网站的打开速度,除此之外,网页中的图片质量在60左右即可,这样既能保证图片的清晰度,又能降低图片所占用空间的大小,我们在给客户的项目中除特定的情况下会用到透明格式的背景,在保证显示效果的情况下其余均为压缩过的图片,此项能提升网站打开速度至少30%以上。此项可以参考我们的另一篇文章:如何通过智图更高效的压缩图片 https://www.cnwenhui.cn/html/show-1022.html

3、减少CSS和JS文件的个数,一般来说每一个文件在加载的时候都会对服务器进行请求,我们文汇所开发的项目会最大程度的减少CSS和JS的个数,尽量将所有的内容写在一个CSS和JS文件中,这样减少对服务器的请求次数,也是一个比较有效升网站打开速度的方法。

4、压缩代码,我们在编写HTML、CSS、JS的时候为方便调试,我们都会每一个CSS类放置在多行中,方便易读能够快速的定位CSS中每个类的位置,但是CSS中的空格的数量及换行的数量会影响CSS和JS文件的体积,在必要的情况下我们会将所有的代码压缩至一行,浏览器可执行,那么此项操作能够减少CSS和JS代码体积的80%以上。

5、接入CDN,我们所开发的项目,如客户的客户分布的区域较为广泛,我们会采用接入CDN的方式来部署客户的网站,那么在网站被访问时,系统会自动选择最近的节点进行访问,缩短请求服务器的距离,这项是我们提升访问速度及其重要的一个方法,我们所有的客户中均接入了我们的CDN,所产生的CDN流量费用也由我们网站开发公司来承担,目的就是最大程度的提升用户的访问速度。

CDN节点.jpg

6、引入开源框架的CDN,在我们做的项目中,我们公司内部有个不成文的规定,只要为开源框架比如bootstrap、jQuery等等,我们均需接入对应的CDN文件,而且为同一域名的CDN文件,这样框架可以减少在用户浏览器中的加载时间,从而间接提升网站的打开速度。

7、设置文件缓存,比如公司的LOGO、banner图、一些不常更换的图片,我们可以在服务端将其过期时间设置的更长一些,配合我们第五条CDN可以更快的提升网站的打开速度,也能够减少CDN流量的产生。

网页代码压缩.jpg

8、将统计代码和其他非主要的执行性代码放置在页面的最后执行,一般此类代码会影响页面的加载速度,讲其执行的顺序延后一些,让用户先看到网站界面,最后在用户感觉不到的时间执行这些代码,对用户体验的提升是有很大的帮助。

以上是我们做的简单性的技术分享,其实对于我们在项目中提升网站打开速度的方法还有很多,我们会在以后的文章中逐一跟大家进行分享,也希望同行和对此感兴趣的朋友跟我们一起交流和探讨,同样欢迎对网站有质量要求的客户来找我们洽谈业务。


返回列表