网站访问速度慢?8个简单技巧教你优化网站性能

知道91 | 教程 | 2017-11-04 | 阅读:7382

最近因为项目网站打开非常慢,所有上面发话需要优化网站性能。今天就在这里谈谈网站网站性能优化的好处,以及网站性能优化的一些简单措施。

网站性能优化的好处

网站性能优化的好处是不言而喻的,网站快,给用户的体验当然就越好。但是你能说出性能优化带来了哪些确定的好处吗?或者换个说法,网站访问速度慢造成的影响。下面通过一些实际调研例子就讨论下。

没有用户能够忍受一个打开速度极慢的网站,当一个网站的响应速度超出了用户的承受心理,带来的结果就是失去用户。许多研究都表明,用户最满意的打开网页时间,是在2秒以下,用户最长能够等待的时间是8秒,大于这个时间点,基本的用户都会离去。

网站性能优化的重要性

根据调查证明用户倾向于认为:打开速度较快的网站质量更高,更可信,也更有趣。网站访问速度对于电商网站尤其重要,载入速度越快,就越容易使访问者变成你的客户,降低客户选择商品后、最后却放弃结账的比例,同时又能在极短的时间内给用户提供更多的交互体验,增加用户的下单成交率。

Google做过一个试验,显示10条搜索结果的页面载入需要0.4秒,显示30条搜索结果的页面载入需要0.9秒,结果后者使得Google总的流量和收入减少了20%; Amazon(亚马逊)也做过一个统计:网页加载时间每延长1秒钟,一年将减少16亿美元的营收。

同时对于搜索引擎来讲,越快的网站能够给用户带来越好的体验,因此网站性能越好是越有助于搜索引擎优化的,这样就能给网站带来更多的流量。由此可见网站速度对于企业来讲是多么的重要。

网站性能对SEO的影响

网站性能的指标

首字节时间

从访问开始加载到收到服务器返回数据的第一字节的时间,达标时间=DNS解析时间+创建连接时间+SSL认证时间+100ms.

  • 0-1秒:用户体验最好
  • 1-2秒:用户可以容忍
  • 2-3秒:用户不能容忍

页面(HTML)加载时间

从页面开始加载到页面onload事件触发的时间,通俗理解就是你看到页面的第一眼的时间

页面完全加载时间

指从最初启动浏览开始,直到所有元素都被加载完成后,没有网络活动的时间截止。这时候网站的js、css、图片等资源文件都是完全加载好,并且渲染好。

  • 0-2秒:用户体验最好,打分100
  • 2-8秒:用户可以容忍,从第2秒开始,每超过1秒减5分
  • 8-15秒:用户不能忍受,从第2秒开始,每超过1秒减5分

你可以使用听云提供的免费服务监控网站的性能。最直观的检测网站性能方法就是使用chrome浏览器打开你的网站,按F12,点击Network 选项,然后按F5重新加载网站,就可以在最后看到网站的各项加载时间,如图所示:

使用chrome测试网站性能

网站性能优化方法

如果在不改变现有服务器、网络等硬件环境的情况你,你可以见到从这下面几个方面提升你网站的性能。

减少HTTP请求

常用的方法就是要合并你的css和js文件,将多个css或者js文件合并成一个。

利用诸如CSS Sprites之类的切图工具对背景元素切图,合并成一个图片。关于CSS Sprites的使用可以参考网页切图 CSS Sprites(CSS精灵)介绍和图文使用教程

压缩图片资源

使用Google浏览器的PageSpeed插件查看你的网站可以压缩的图片,然后重新下载检测后压缩的图片进行替换。

启用GZIP

对应纯HTML网页来说,启用GZIP后的压缩率是相当可观的,至少可以减少50%以上的文件大小。

网站JS脚本、CSS位置注意

CSS应该放在Head标签内,而JS脚本一定要放在网页最后,因为JS是同步的,会产生阻塞。

优化网站程序,优化数据库

最简单的一点就是严格避免循环向数据库取数据的情况,因为向数据库请求浪费的资源是非常大的;然后就是优化表结构,经常查询的数据不应该关联多个表,尽量进行单表的查询;针对查询的数据,对相应的字段要添加索引。

使用缓存

一般程序对于网站的读写操作是4:1的比例,我们一般只会用到读,那么久可以考虑使用缓存将不需要即时更新的数据缓存起来,比如商品的分类,首页的幻灯片。推荐使用Redis缓存,这是完全开源的。

如果做到了上面的操作,那么你的网站访问速度应该会提升相当大的空间,而且上面的操作不复杂,只是平时网站系统设计的基本原则。

其他高级网站性能优化措施

  • 使用CDN分发,将资源文件放到启用的服务器上,通过网络的就近选择相应资源。
  • 使用反向代理将热门内容、静态资源或者一些可被缓存的计算结果缓存在代理服务器中。