一个网站系统的性能,会直接影响用户的留存。那该如何给你的网站或者系统做一个全方位的性能测试,保证你的网站可以在3秒、2秒,甚至更短的时间内加载完成,这显然是一个值得研究的课题。深圳网站建设公司自由创想建议你可从以下几方面着手:
一、选择带宽稳定的服务器
服务器的速度直接影响网站的访问速度。服务器部署地域一般按就近原则选择,尽量把服务器选择在离目标客户较近的地域。服务器通常所说的1M带宽是1Mbps,1Mbps带宽理论下载速度是128KB/s,跟我们家用的带宽概念是有差别的,所以,1M带宽的云主机,日均3000IP以下应该没问题。当然假如你的页面结构和数据比较大、流量高,站点将处于高负载状态,可以考虑2Mbps以上的带宽。
二、优化网站代码
1.无论什么类型的网站,用户第一次点击网站的时候,都会加载网站的Javascript和css代码,假设这些代码冗多,势必会降低网站打开速度。如果在制作网站时,程序开发不严谨,就可能会产生大量错误或冗余的代码,造成网页负载过重。此外,不少站长喜欢使用JS特效,比如鼠标特效、状态栏特效等,殊不知JS特效代码不但无法被搜索引擎识别,还会增加服务器的负担。因此,建议在网站建设中尽量少用JS特效。
2.减少页面HTTP请求数量
用户在打开一个网页的时候,后台程序响应用户所需的时间并不多,用户等待的时间主要花费在下载网页元素上了,如HTML、CSS、JavaScript、Flash、图片等,统计显示,每增加一个元素,网页载入的时间就增加25-40毫秒(取决于用户的带宽情况)。所以,想要提高网页打开速度,就要减少HTTP请求数。
具体方法如下:
1)合并js脚本和css样式表,将多个文件合并成一个。
2)将多张图片合成一张,用background-position来定位具体图片的技术(非常适用于一整套小图标的应用场景),减少图片的使用。
3)对于资源特别碎片的网站,建议合并一些通用的代码,减少http请求。
4)css格式定义放置在文件头部,调整加载顺序,先html,后css,最后js。
5)优化缓存:对于没有变化的网页元素(如页头、页尾等),用户再次访问的时候没有必要重新下载,直接从浏览器缓存里读取就可以了。
6)服务器端的缓存设置:大多数服务器,或空间已经默认设置了缓存功能,站长或者seoer要做的就是在后台设定相应文件类型以及过期时间。在此,建议为:如果是windows主机,就将图片,css和Javascript文件的缓存时间设置为30天;如果是ApacheWeb服务器,则使用mod_cache模块开启缓存功能。
三、优化图片文件
1.图片加载时间是造成网站访问速度慢的最大因素。假设该网站有大量的JPG或其他格式的图像,我们需要尽最大努力压缩而不影响视觉体验,以便减少图像本身的大小。自由创想在往期文章中有具体说明《如何优化编辑网站内容?》
2.减小图片尺寸,采用web图像保存、减少颜色数,特别是缩略图,一定要按尺寸生成缩略图然后调用,不要在网页中用resize方法实现,虽然这样看到的图片外形小了,但是其加载的数据量一点也没减少。
3.图片矢量化,比如icon font,svg等。
四、应用响应式网站设计
如今浏览器终端较多,网站也涉及到在不同设备中被打开,有些网站会采用重定向的方法对网站进行不同设备的交替变换,但这种方法使得网站在浏览器上的请求就会延长加载的时间。应用响应式网站建设,利用H5,CSS3技术,能够根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的自适应和调整,以获得最佳的用户浏览体验。从而,可避免和减少重定向,提升访问速度。更多细则详见《什么是响应式网站建设?有什么优势?》
五.客户端因素
有时网站打不开或者打开速度慢,问题可能不是出在服务器端和网站本身,而是客户端。客服端机器的硬件配置程度、本地网络宽带网速、浏览器版本、CPU占用率等,都会影响网站的打开速度。深圳网站建设公司自由创想编辑整理,著作权归自由创想所有。商业转载请联系作者获得授权,非商业转载请注明出处。