提升 Web开发性能的 10 个技巧

随着网络的高速发展,网络性能的持续提高成为能否在芸芸App中脱颖而出的关键。高度联结的世界意味着用户对网络体验提出了更严苛的要求。假如你的网站不能做到快速响应,又或你的App存在延迟,用户很快就会移情你的竞争对手。以下为大家总结10条有关性能提升的经验,以供参考:

前端学习交流QQ群:461593224

1.  采用反向代理服务器(Reverse Proxy Server)来对应用进行加速和保护

其作用主要在以下三方面:

  • 负载平衡 – 运行在反向代理服务器上的负载平衡器会在不同的不服务器  间进行传输平衡。透过它,你可以进行无差别的服务器增添。
  • 存静态文件 – 对于直接的文件请求,例如图片文件或代码文件,可以直接存储在反向代理服务器然后直接发送给用户,从而可以进行快速访问并为应用服务器进行减负使得程序性能得到提升。
  • 安全保护 – 反向代理服务器可以进行高安全度配置和对威胁进行识别和监测。

2.  增添一个负载平衡器

为网站增添一个负载平衡器是一个相对简单的变更,但是它可以带来不错的性能和安全性提升。负载平衡器的作用在于在不同服务器间进行传输分发。

负载平衡器的实施前提是有一个反向代理服务器,它在接收到Internet通信后把相关请求发送到其它服务器。平衡器的妙处在于它支持两个或以上的应用服务器,使用选择算法来分割服务器间的请求。

3.  缓存静态和动态内容

缓存技术的使用可使内容更快地展示给用户,其处理策略有:在需求发出时更快地处理内容,把内容存放在更快的设备上,或是使内容离用户更近。

4.  数据压缩

压缩技术是一个巨大的潜在性能加速器。其主要作用体现在对图片,视频或音频等文件,能够进行高效的压缩处理。

5.  优化SSL/TLS访问

尽管SSL/TLS变得越来越流行,但是它对于性能的影响也应得到重视。其对性能的影响主要体现在两个方面:

  • 每当新的连接开启,初始化握手都是无法避免的,即浏览器每次都需要使用HTTP/1.X建立服务器连接。
  • 存放于服务器上的加密数据会越来越大,加密后用户读取时也需要进行解码。

那么该如何进行处理呢?

  • 会话缓存—使用ssl_session_cache来直接缓存建立新SSL/TLS连接的参数
  • 会话ID化—把指定SSL/TLS的标识/ID存放起来,但要建立新连接时,就可以直接取用,从而免去重新建立通信的繁琐。
  • OCSP stapling优化—通过抓取SSL/TLS认证信息来减免建立通信的时间。

6.  部署HTTP/2或SPDY

对于已经启用SSL/TLS的网站,一旦结合HTTP/2和SPDY将能实现性能上的强强联合;因为其结果是会让单一连接的建立仅需一次通信握手。SPDY和HTTP/2的主要特性是它们使用的是单一连接而不是多方连接。

7.  定期更新软件版本

8.  优化Linux性能

例如对Linux进行以下配置或处理:

Backlog队列

如果你有一些将要停用的连接,可以考虑增加net.core.somaxconn。

文件描述符

NGINX允许每个连接最多使用两个文件描述符。如果你的系统服务的是多个连接,你可能需要考虑增大sys.fs.file_max的值。

瞬时端口

当作为一个代理使用时,NGINX会为每个upstream服务器创建临时的瞬时(ephemeral)端口。因此可以尝试加大net.ipv4.ip_local_port_range的值来增加可用端口数。

9.  优化Web服务器性能

访问日志优化

在NGINX中,在access_log中加入buffer=size参数来实现日志的缓存写入;加入flush=time则可实现在某个时间间隔后进行缓存内容写入。

缓存

启用缓存可使连接响应更快。

客户端活动连接

活动连接可减少重连的次数,特别是启用SSL/TLS的情况下。

Upstream活动连接

Upstream连接指的是连接到程序服务器,数据库服务器等的连接。

限制资源的访问

采取合适的策略来限制资源访问可以提高性能和安全性。

进行worker处理

Worker处理模式就是请求驱动处理模式。NGINX使用了一个基于事件的模型和OS依赖机制来有效地对请求进行分发。

进行socket分表

Socket分表可以为每个worker处理创建一个socket监听器,当核心委派连接分到给监听器时,可以马上知道哪个处理是即将执行的,从而使处理流程变得简洁。

线程池处理

任何计算机线程都有可能由于单个缓慢的操作而挂起。对于web服务器软件来说,磁盘访问是一个性能瓶颈,例如进行数据复制等操作。当使用线程池来处理时,可以把一些响应慢的操作单独地放入某个任务组里面,从而不会对其它操作造成影响。

10.进行实时监控以快速解决问题和瓶颈

实施实时监控,可以全面掌握系统的运行情况,发现问题解决问题,甚至是找出造成性能瓶颈或运行缓慢的原因。

例如可对如下的问题进行监控:

  • 服务器宕机
  • 连接访问丢失
  • 服务器缓存丢失严重
  • 服务器发送了错误的数据

前端学习交流QQ群:461593224

时间: 2024-08-29 06:25:04

提升 Web开发性能的 10 个技巧的相关文章

提升 Web开发性能的5个技巧

作为web前端人员,都会想着该怎么进步web前端的开发功能,那咱们该怎么进步自己的技能呢?今天北京网站建造就和我们说说进步web开发功能的5个窍门.1. 采用反向代理服务器(Reverse Proxy Server)来对运用进行加快和维护其效果首要在以下三方面:1)负载平衡 – 运行在反向代理服务器上的负载平衡器会在不一样的不服务器  间进行传输平衡.透过它,你可以进行无差别的服务器增加.2)存静态文件 – 关于直接的文件恳求,例如图像文件或代码文件,可以直接存储在反向代理服务器然后直接发送给用

编写高性能Web应用程序的10个技巧

这篇文章讨论了: ·一般视频教程'>asp.NET性能的秘密 ·能提高asp.net表现的有用的技巧和窍门 ·在ASP.NET中使用数据库的建议 ·ASP.NET中的缓存和后台处理 使用ASP.NET编写一个Web应用程序是难以置信的简单的.太简单了,以至于很多开发者都不花费时间来构建他们的应用程序来达到很好的表现.在这篇文章里,我将为编写高性能的Web应用程序推荐10个技巧.我不会讲我的论述局限于ASP.NET应用程序,因为ASP.NET应用程序只是Web应用程序的一个子集而已.这篇文章不会是

如何从请求、传输、渲染3个方面提升Web前端性能

什么是WEB前端呢?就是用户电脑的浏览器所做的一切事情.我们来看看用户访问网站,浏览器都做了哪些事情: 输入网址 –> 解析域名 -> 请求页面 -> 解析页面并发送页面中的资源请求 -> 渲染资源 -> 输出页面 -> 监听用户操作 -> 重新渲染. 通过上面的路径可以看出浏览器分为请求.传输.渲染三部分来实现用户的访问,本文就从这三个部分来浅析如何提升WEB前端性能. 请求浏览器为了减少请求传输,实现了自己的缓存机制.浏览器缓存就是把一个已经请求过的Web资源

web开发性能优化---扩展性能篇

1.实现代码分离 一个成熟的软件开发团队一般都不会完全手写代码,这里讲的代码分离只要是开发中用到的小技巧,通过底层框架+手工代码方式结合实现快速开发和快速扩展: Code文件夹内文件不允许修改,文件夹主要存放系统自动生成代码:同一DAL层下运行两个类名相同,采用partial合并类,但是两个类不允许有同名同参数方法: 利用partial关键字合并两个同名类小技巧,code存放代码底层工具自动生成代码类,根目录存放手工添加自定义方法类. 在后期扩展的时候由于前期代码是分开放置,所以数据库新增字段调

合理提升WEB前端性能

前端的优化包括四个部分:HTML结构优化.CSS样式优化.JS行为优化.服务器的优化.合理的前端优化不仅能够提升网站加载速度,而且能够更好的提升用户体验和团队开发效率.所以前端性能优化的重要性是不言而喻的. HTML部分 语义化HTML:好处在于可以使代码简洁清晰,支持不同设备,利于搜索引擎,便于团队开发: 减少DOM节点:加速页面渲染: 给图片加上正确的宽高值:这可以减少页面重绘,同时防止图片缩放: 防止src属性和link的href属性为空:当值为空时,浏览器很可能会把当前页面当成其属性值加

web开发性能优化---界面篇

1.尽量采用div+css布局 DIV+CSS相比较与表格布局的优势: a.代码精简 使用DIV+CSS布局,页面代码精简,这一点对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高蜘蛛爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到蜘蛛喜欢,这样对收录数量有一定好处. b.减少因嵌套多而影响蜘蛛爬行的问题 使用一般的Table表格架构,为了达到一定的视觉效果,不得不套用多个表格.如果嵌套的表格中是核心内容,spider爬行时跳过

提升Android ListView性能的几个技巧

ListView如何运作的? ListView是设计应用于对可扩展性和高性能要求的地方.实际上,这就意味着ListView有以下2个要求: 尽可能少的创建View: 只是绘制和布局在屏幕上可见的子View. 理解第一点很简单:通过布局xml文件在创建View并显示是很昂贵耗时耗资源的操作.尽管布局文件已经编译打包成了二进制形式以便于更高效的语法解析,但是创建View仍然需要通过一个特殊的XML树,并实例化所有需要响应的View. ListView通过回收一些不可见的Views,通常在Androi

web开发性能优化---UI接口章

1.尽可能的远div+css设计 DIV+CSS与表相比格优势布局: a.精简代码 采用DIV+CSS设计,页面代码精简.这是为了XHTML了解都知道. 代码精简所带来的直接优点有两点:一是提高蜘蛛爬行效率,能在最短的时间内爬完整个页面.这样对收录质量有一定优点;二是因为能高效的爬行,就会受到蜘蛛喜欢,这样对收录数量有一定优点. b.降低因嵌套多而影响蜘蛛爬行的问题 使用一般的Table表格架构,为了达到一定的视觉效果,不得不套用多个表格.假设嵌套的表格中是核心内容,spider爬行时跳过了这一

web开发性能优化---代码优化篇

1.合理使用缓存使用 提高性能最好最快的办法当然是通过缓存来改善,对于任何一个web开发者都应该善用缓存.Asp.net下的缓存机制十分强大,用好缓存机制可以让我们极大的改善web应用的性能. 1.页面缓存 2.部分页面缓存 3.使用DataSource缓存 4.Cache对象 2.避免数据库频繁连接 1.能采用SQL或直接存储过程一次执行的尽量不要用代码多次执行 2.及时关闭数据库连接 3.适当采取配置文件文件存频繁使用文件 1.对不经常更改并且数据量小的可采用xml或者配置文件设置 4.资源