美文网首页
WEB性能优化方案

WEB性能优化方案

作者: 大炮对着虫子 | 来源:发表于2017-11-10 20:43 被阅读11次

一般我们输入url到页面的呈现分为以下步骤:

1、用户点击链接或者输入url,浏览器根据url地址,结合dns,找到对应的ip
2、发送HTTP请求,开始连接服务器,并请求相关内容。
3、浏览器从服务器上解析内容,并呈现到页面上。

我们优化web性能,可以从程序本身和项目部署设计两个方面考虑.

1、浏览器从服务端首先获取到的是HTML文档,这个一般占总响应时间很短,之后是用来下载css,js和图片等,这个是比较耗时的一个过程。对此,
针对前端,我们可以
(1)减少HTTP请求
1、将js和css文件合并
2、将多个图片合并,通过css的定位显示图片。
(2)使用浏览器缓存
(3)GZIP压缩技术。
(4)将脚本js放在底部,放在顶部一般会带来的问题:
使用脚本时,脚本下面的页面内容会被阻塞。在下载脚本时会阻塞并行下载(图片下载)。但放在底部需要考虑,当脚本还没加载进来,用户触发脚本可能会出错的情况。
(5)将CSS样式文件放在页面顶部。
上面说的是通过程序编码本身优化。
1、HTML静态化,纯静态的html是效率最高,消耗最小的。不需要访问数据库,也不需要缓存获取数据,直接浏览器加载渲染html页面即可。加大了访问效率。更容易被搜索引擎抓取,提高SEO排名。网站更加安全,没有存在后台信息,数据库信息,就只是个静态的html页面。
2、图片服务器分离
图片进行压缩后上传到图片服务器上,独立的图片服务器能降低服务器系统的压力。
3、数据库集群
使用数据库集群进行读写分离,提高数据库的性能。主数据库处理写的操作,而从数据库则处理select查询。数据库复制将用来把写操作导致的变更异步的更新到从数据库中,从而使主数据库和从数据库的数据保持一致。
4、负载均衡
负载均衡我之前接触的是一台linux操作系统上搭载nginx服务器,作为反向代理,然后在其它两台服务器上配置web项目,当我们向服务器发送请求时,nginx服务器会根据当前服务器的情况,选择最佳的那一台,将请求转发过去,从而减轻了服务器的压力,以及能解决web项目热更新。
5、缓存

相关文章

网友评论

      本文标题:WEB性能优化方案

      本文链接:https://www.haomeiwen.com/subject/gbabmxtx.html