浅谈网站访问速度优化

周末女朋友公司的智慧医保项目上线了,但是web端访问速度比较慢,然后就来问问我有没有好的优化方案。于是就这篇【浅谈网站访问速度优化】就诞生了。

1、备案:好多个人网站为了方便,往往不喜欢备案,就把网站放在了国外的空间上面,这样往往就会导致访问速度会下降。推荐的还是别怕麻烦去备案吧,除了要等的时间比较久之外,其实也没那么复杂麻烦。

2、空间 or 服务器:一个性能好的空间或者服务器对网站的访问速度影响还是很大的,所以如果预算比较多的话最好还是考虑用配置高的空间或者服务器来部署你的网站吧。

3、前端页面优化:说道前端优化,这里的门道就比较多了。大概可以从下面几个方面来进行优化

  • 网站图片:在不影响美观的情况下,劲量把图片大小压缩下。有的人喜欢把网页的背景色用个纯色图片来搞,此时不妨改成rgb颜色是不是会对访问速度有提高呢?对于那些图片网站来说,不妨考虑下专门做个图片服务器还是很有必要的。
  • js和css:平时我们写js还是css为了更便于我们自己编写和维护,往往会加许多空格、换行等,还有变量名为了阅读性更强也往往写的很长。但是对于机器而言这些对他们来说是毫无差异的。所以在编写时不妨缩短变量名,去掉多余的空格和换行等。在网站部署以后利用一些工具把js和css压缩下,这样让js和css变得更小,从而提高加载速度。在平时工作中发现不少开发人员会在网站头部引用好多js和css,但是其中往往有许多是没有用到的,去掉没有用到的,也是会对网站速度有一定提高的。而且随着js和css库我们用的越来越多,我们往往会把这些库放到自己服务器上面,其实我们完全可以寻找一些访问速度快的cdn地址,然后把这些库替换下,例如:把你的 http://www.*.cn/jquery.x.x.js 替换为 http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js等。这样就大大的提高了这些库的加载速度。
  • flash:为了让网站更炫,好多人喜欢放个flash,不妨用H5写啊,现在H5功能这么强大,flash什么的动画它完全可以搞定的。而且最重要的是它加载速度比flash快
  • div:对于页面布局,能用div还是用div的好,发现好多新手更喜欢用table来布局,这样就导致页面加载时不会局部加载,而是在网站都加载成功以后才可以显示出来。

4、网站静态化:发现好多人对动态和静态网站的理解有偏差,认为动态网站就是会动的网站,所以这里先科普下“动态网站并不是指具有动画功能的网站,而是指网站内容可根据不同情况动态变更的网站,一般情况下动态网站通过数据库进行架构。 动态网站除了要设计网页外,还要通过数据库和编程序来使网站具有更多自动的和高级的功能。动态网站体现在网页一般是以asp,jsp,php,aspx等结束,而静态网页一般是HTML(标准通用标记语言的子集)结尾,动态网站服务器空间配置要比静态的网页要求高,费用也相应的高,不过动态网页利于网站内容的更新,适合企业建站。【注:来自百度百科】”从百科中可以看到,动态网站往往是通过数据库进行架构的,在数据展示到网站时会先从数据库中把要展示的数据取出来,然后经过一定的逻辑出来才会给用户展示,为了提高访问速度,我们往往会把动态网站静态化,来提高访问速度。当然不是所有的动态页面都适合静态化的,我们往往把那些类似新闻页面的动态网站静态化,即可提高速度,也更容易被搜索引擎收录。

5、数据库优化:对于动态网站,数据库优化也是比较重要的。不过水比较深,需要有专门的DBA来优化。最常见也是见效最快的就是创建数据库索引,会对数据访问时间有很大的提升,其次是对sql语句的优化。

6.CDN加速:如果上面优化之后还是慢,那么不妨试试CDN【Cloud Delivery Network】他的原理是将源站内容分发至全国所有的节点从而缩短用户查看对象的延迟,提高用户访问网站的响应速度与网站的可用性,解决网络带宽小、用户访问量大、网点分布不均等问题。当然CDN加速是收费的,一般图片网站还有视频网站会用到的。

总的来说网站访问速度优化是一个漫长的过程,不是一朝一夕就可以做完的。这篇文章的宗旨是给大家提供一个优化的方向,具体的操作细节懂的可以飘过,小白可以根据方向谷歌或者百度,网上相关的文章还是很多的。

你可能感兴趣的:(架构设计)