提升Web应用程序性能的6种基本方式
来源:互联网 发布:科技史 知乎 编辑:程序博客网 时间:2024/05/11 21:09
1.减少HTTP请求数
每个HTTP请求都有开销,包括查找DNS、创建连接及等待响应,因此削减不必要的请求数可减少不必要的开销。要减少请求数:
- 合并文件。将总是同时使用的脚本合并到同一个文件中,不会减小总大小,但将会减少请求数。还可以同样方法合并CSS文件和图片。可以实现文件自动合并:
- 在构建阶段。用<concat>标记,通过运行Ant合并文件。
- 在运行时阶段。启用mod_concat模块。如果httpServer是Apache,用pack:Tag作为JSP标签库来合并JavaScript和样式表文件。(pack:Tag是一个JSP-Taglib,可缩减、压缩及合并资源,如JavaScript和CSS,并将它们在内容或普通文件中缓存。)
- 使用CSS Sprites。将背景图片合并成一个图片,并使用CSS background-image和background-position属性来显示所需图片部分。还可使用内联图片减少请求数。
2.后置加载组件
只呈现需要的组件;其余可等待。最好不要一次呈现太多组件。
某些情况下,可使用后置加载。由于浏览器可视区域外的组件可以后置加载,当这些组建进入可视区域不久后,初始呈现就会失效。
有些JavaScript可以在onload事件后后置加载,如JavaScript中初始呈现后拖动某个元素。
3.前置加载组件
通过前置加载组件,可以利用浏览器的空闲时间请求将来会用到的组件(如图像、样式和脚本)。当用户访问下个页面时,如果大多数组件都已在缓存中加载,那页面加载会快得多。
有两种前置加载:
无条件:一旦触发onload,就取得一些额外组件。
有条件:根据用户的动作,推测用户下一步的方向并进行相应的前置加载。
4.将脚本放在底部
脚本可能会产生问题,因为它们可能会阻碍并行下载。当下载脚本时,浏览器不会再启动其他下载,即使那些位于不同主机。将脚本,如样式表,放在底部,以保证它们在其他下载完成后再下载。
也可以使用延时脚本,这只有Internet Explorer支持。DEFER属性表示脚本不含document.write()。这就告诉浏览器他们可以持续呈现。
5.使用无cookie域组件
当浏览器发出对静态图片的请求,并随之发送cookie时,服务器不会使用那些cookie。由于这些cookie只会造成不必要的网络流量,确保用无请求来请求静态组件。然后使用子域和主机保存这些静态组件。
6.将JavaScript和CSS放在外部
现实世界中使用外部文件通常会使页面运行更快,因为JavaScript和CSS文件被浏览器缓存。HTML文档内的JavaScript和CSS会在每次请求HTML文档时被下载。这减少了需要请求的HTTP的数量,但增加了HTML文档的大小。另一方面,如果JavaScript和CSS在被浏览器缓存的外部文件中,就会减小HTML文档大小,而不会增加请求数。
- 提升Web应用程序性能的6种基本方式
- 提升Web应用程序性能的6种基本方式
- 提升 web 应用程序的性能
- 提升Web应用程序性能的最佳实践
- 提升Web应用程序性能的最佳实践
- 提升Web应用程序性能的最佳实践
- 提升Web应用程序性能的最佳实践
- 提升Web应用程序性能的最佳实践
- 提升Web应用程序性能的最佳实践
- 提升Web应用程序性能的最佳实践
- 提升Web应用程序性能的最佳实践
- (引用学习)提升Web应用程序性能的最佳实践
- .net web应用程序简单提升并发性能
- 6种提升ASP.NET Web API性能的方法
- 提升 web 应用程序的性能---http://www.ibm.com/developerworks/cn/web/wa-webappperformance/index.html
- 了解 Web 应用程序的运行方式以及如何提高性能
- 提升 web 应用程序的性能,找出瓶颈,加快客户端内容的速度
- 提升web应用程序的性能- 找出瓶颈,加快客户端内容的速度
- 工作日志
- Android提高篇之BroadcastReceiver
- Ext.Net 1.x_Ext.Net.GridPanel嵌套COMBOX
- 第四课学习
- vista Enterprise版本sql server 2005 developer版本的安装
- 提升Web应用程序性能的6种基本方式
- Postfix(一):CentOS 下安装postfix
- jboss性能调优
- certificate
- Postfix(二):为邮件服务器配置收件服务器----dovecot
- APUE学习(六):线程同步
- C#中,double类型的精度问题(最好都看看)
- Postfix(三):扩展postfix邮件功能---Webmail和SMTP认证
- ubuntu下搭建流媒体服务器