1、原则一如果能使页面HTML显示跟后台处理同时进行,这是一个比较好的方式;
比如说将页面上容易显示的部分优先反馈给浏览器,然后再接着继续处理下面的步骤这样比较;
象PHP中在HTML的<head>后可以使用flush()方法,提前将部分信息返回给客户端,通常有CSS、JS等信息;然后可以将JS、CSS打包 压缩 尽量减少HTTP的请求次数。
2、POST请求将执行两步,首先发送信息头,然后才识传送数据;而GET方式只是用一个TCP数据包传递,速度要快一些,如果仅仅是为获得数据而非发送数据给服务器时,使用GET更好。IE中URL的最大长度为2K。
3、后加载组件,确定哪些数据是页面显示时就必须的,确定之后那些不必须就的可以通过JS控制onload来实现延迟加载;如拖动页面元素、或页面排序等的JS可以采取延迟加载;YUI库提供图片延迟加载功能;
4、第一次访问站点比较慢的原因是没有缓存过,之后访问就会直接取缓存的数据。
5、不要滥用table和div,只有当它有确实语义的时候才使用,不要为了换行,格式化,显示效果等原因使用div;
DOM的数据可以在firebug的console中输入document.getElementsByTagName('*').length获得;
页面HTML标签数量理想状态下应控制在700以下。
6、最占响应时间的是客户端组件的请求响应速度,建议将组件从不同域名下载,可达到并发的目的;
HTTP1.1协议建议允许并发下载,IE8支持6个并发请求;但是DNS有查询损耗,域名不要超过2-4个;
7、iframe要尽量少用;
优点:有延迟加载功能,能并发的请求响应;
缺点:即便是个空的html文件在iframe里面,消耗也是相当高的,不利于提高响应速度;而且它会阻止整个页面的onload的响应。
8、应当尽量阻止404没有资源响应的错误,因为它会阻止其他组件的并发,浏览器会一直尽力的去解析404请求的内容。
9、cookie是用于身份认证尤其是个性化等操作,它是在http的请求头中进行交换的,它体积越大,则响应越慢;
每3000字节的cookie在DSL的带宽中会增加80毫秒的响应;
所以除去不必要的cookie,已经使用短小的文件名和尽可能小的减少cookie的大小都有利于改善响应时间;
10、避免使用JS大面积的操作DOM,修改页面布局,这样速度很慢;
11、采用JS时,尽量使用事件委托,就象jquery通过类绑定一样,避免每个按钮都去绑定一个JS,应通过循环来实现绑定;
12、使用<link>标签而不使用IE的@import有利于提高用户体念;
13、优化图片;
14、压缩JS软件 JSMIN
压缩CSS软件 CSSTIDY
分享到:
相关推荐
《高性能网站建设指南》一书介绍了如何针对网站中的Ajax、CSS、JavaScript、Flash和图片进行性能优化。每个性能规则都提供了示例,在本书的配套网站上可以找到代码片段。这些规则包括: •减少HTTP请求 •使用...
第5章创建高性能的索引141 5.1索引基础141 5.1.1索引的类型142 5.2索引的优点152 5.3高性能的索引策略153 5.3.1独立的列153 5.3.2前缀索引和索引选择性153 5.3.3多列索引157 5.3.4选择合适的索引列顺序159 ...
pomelo 是由网易开发的基于node.js开发的高性能、分布式游戏服务器框架, 也可作为高实时web应用框架。 Pomelo的应用范围 pomelo最适合的应用领域是网页游戏、社交游戏、移动游戏的服务端,开发者会发现pomelo可以...
本书适合Web架构师、信息架构师、Web开发人员及产品经理阅读和参考。 序 前言 绪言A前端性能的重要性 绪言BHTTP概述 第1章规则1——减少HTTP请求 第2章规则2——实用内容发布网络 第3章规则3——添加Expires头 第4章...
第8章 开发高性能的ejb应用 8.1 采用ejb技术的必要性 8.1.1 ejb技术的优势特性 8.1.2 ejb技术体系具有清晰的架构层次 8.1.3 ejb与传统bean相比的性能优势 8.2 ejb的类型 8.2.1 ejb的生命周期 8.2.2 三种ejb的特点与...
《高性能网站建设指南》一书介绍了如何针对网站中的Ajax、CSS、JavaScript、Flash和图片进行性能优化。每个性能规则都提供了示例,在本书的配套网站上可以找到代码片段。这些规则包括: •减少HTTP请求 •使用...
使用Oracle8i优化器计划稳定性、基于成本的优化器和基于规则的优化器,调整SQLDML语句、SQK子查询和数据仓库SQL,调整带有临时表和索引的SQL语句,使用STATSPACK诊断和优化系统性能。 本书内容丰富、分析透彻,可供...
实战Nginx:取代Apache的高性能Web服务器,这是一本很不错的书。能够帮助大家搭建一个高性能的web服务器 第1章 Nginx简介.pdf 第2章 Nginx服务器的安装与配置.pdf 第3章 Nginx的基本配置与优化.pdf 第4章 Nginx与PHP...
用于分析网页,并根据一些高性能网站的规则进行相应的评级打分,对于网页性能优化有很好的帮助作用,告诉你那些部分影响了你的网页速度,并告诉你如何基于某些规则而进行优化。我们对于IIS的优化策略就是基于YSlow的...
可以为浏览器的当前页面检测加载性能,点击Page Speed界面中的“Analyze Performance”按钮执行分析,Page Speed会为分析的页面进行评分,满分100分,评分当然越高越好,不过优化的目标应该是达到85分以上。...
采用哈希表网页去重技术,具有高性能、低系统占用的特点,使网络蜘蛛高效稳定运行。支持单个或批量网站采集、自动采集、自动更新功能。 正文抽取 智能网页正文抽取技术,它的作用是把一个网页的主题中心内容抽取并...
SQLServer安全及性能优化 修补漏洞 安装程序补丁修补漏洞 随时关注微软官方网站补丁升级 关闭不必要的端口 关闭联必要的服务 数据库引擎 SQL Server Analysis Services SQL Server Reporting Services SQL ...
取代Apache的高性能Web服务器 电子工业出版社 319页 第1部分 基础篇 第1章 Nginx简介 1.1 常用的Web服务器简介 1.2 Nginx简介 1.3 选择Nginx的理由 1.4 Nginx与Apache、Lighttpd的综合对比 第2章 Nginx服务器...
由于它的收敛速度高到真正的全局最小值,并且非常适合实际的工程优化问题,因此,最近开发的Modified Cuckoo Search算法被用作优化算法。 拟议策略的有效性和相关性是根据在实际光伏电站上收集的实验数据进行评估的...
用户可以在网络设备数据面(Data Plane)使用hyperscan进行规则匹配,实现高性能DPI/lPS/IDS等应用。之前开源的dpdk,搭配hyperscan,简直是双剑合璧。 从此之后,DPI/IPS/IDS/NGFW开发人员可以把精力更多地放在业务上...
张宴《实战Nginx:取代Apache的高性能Web服务器》pdf电子版下载,此资料网友共享,请购买作者正版书籍. 目录介绍: 第1部分 基础篇 第1章 Nginx简介 1.1 常用的Web服务器简介 1.2 Nginx简介 1.3 选择Nginx的理由 ...