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
分享到：
相关推荐
高性能网页开发的新20条规则旨在提升网页的加载速度和用户体验，主要分为七大类别：服务器端、cookies、页面内容、JavaScript、CSS、图片以及移动手机应用。以下是对这些规则的详细解析： 一、尽早清除缓冲区 ...
高性能网站建设指南 “如果实现了Steve这些建议中的20％，你的站点就能出现戏剧性的变化。有了这本书和YSlow扩展，实在是没有理由再构建出运行速度缓慢的网站了。” ——Joe Hewitt，Firebu9调试器和Mozilla的DOM...
随着互联网技术的发展，用户对网站性能的要求越来越高，因此建立高性能网站已成为现代网站设计与开发的核心目标之一。 - **目标读者**：本书适合Web架构师、信息架构师、Web开发人员以及产品经理等专业人士阅读。 #...
### 大型高性能网站的10项规则 #### 一、引言 随着互联网技术的飞速发展，大型网站面临的挑战日益增多。如何构建稳定、高效、可扩展的网站成为了一个重要的议题。本文将深入探讨某IT服务公司在系统架构、网站搭建...
高性能的CSS开发是网站优化的重要环节，能够提高页面加载速度，提升用户体验，降低服务器负载。本资料“CSS高性能开发-源代码”提供了关于这一主题的深入学习资源，下面我们将详细探讨相关的知识点。 1. **选择器的...
《Nginx高性能Web服务器实战教程》是一本深入讲解如何利用Nginx构建高效稳定Web服务的书籍。Nginx以其高性能、轻量级、反向代理和负载均衡等特性，已经成为许多企业和开发者首选的Web服务器。这本书涵盖了从基础配置...
在IT领域，高性能网页爬虫是数据挖掘和分析的关键技术之一。它允许我们高效地从互联网上抓取大量数据，用于研究、市场分析、搜索引擎优化等目的。本项目以"高性能网页爬虫"为主题，采用Python语言实现，并利用分布式...
Nginx是一款高性能的Web服务器，它以其反向代理、负载均衡、静态文件处理和高效非...通过阅读《Nginx高性能Web服务器详解（完整版）》PDF文档，你将全面了解Nginx的各项特性和配置技巧，进一步提升你的运维和开发能力。
高性能网站建设指南 “如果实现了Steve这些建议中的20％，你的站点就能出现戏剧性的变化。有了这本书和YSlow扩展，实在是没有理由再构建出运行速度缓慢的网站了。” ——Joe Hewitt，Firebu9调试器和Mozilla的DOM...
通过《实战Nginx：取代Apache的高性能Web服务器》这本书，读者不仅可以掌握Nginx的基本操作，还能学习到如何利用Nginx构建高效、稳定、安全的Web服务环境，对于从事Web开发和运维的人员来说，是一份宝贵的参考资料。
pomelo 是由网易开发的基于node.js开发的高性能、分布式游戏服务器框架， 也可作为高实时web应用框架。 Pomelo的应用范围 pomelo最适合的应用领域是网页游戏、社交游戏、移动游戏的服务端，开发者会发现pomelo可以...
Nginx是一款高性能、轻量级的Web服务器和反向代理服务器，因其高效稳定、低内存占用和丰富的模块化设计而备受青睐。本资源“Nginx高性能Web服务器详解.rar”将深入探讨Nginx的核心特性、配置技巧以及在实际应用中的...
综上所述，"网站开发CSS网页模板"涵盖了从CSS基础到高级应用的各种知识，包括选择器、布局、响应式设计、预处理和性能优化等多个方面。在实际开发中，熟练掌握这些概念和技术，能够帮助创建美观且高效的网页模板。
Nginx的高性能主要得益于它的异步非阻塞模型epoll，而这种模型是Linux内核2.6版本后引入的。epoll模型的选择机制效率高于传统的select模型，它无需遍历所有句柄，而是直接响应有事件发生的句柄。 Nginx的架构分为...
iPad网页开发涉及多种技术和规则的适应与应用，以确保网站在iPad的Safari浏览器中能够正确地显示和操作。在iPad网页开发中，以下是一些重要的知识点： 1. 浏览器和设备检测：由于iPad的Safari不支持Flash，开发者...
这些文档将帮助开发者从多个角度理解和掌握网站开发的全貌，从而提高工作效率，打造出符合现代标准的高质量网站。 综上所述，"1.0网站开发文档"包含的资源旨在提供全面的指导，无论你是初学者还是经验丰富的开发者...
网页布局和高性能Web站点是现代互联网开发中的关键领域。DivCSS，全称为“层叠样式表（Cascading Style Sheets）”，是用于控制网页元素样式和布局的主要技术。DivCSS布局利用HTML的div标签，结合CSS，实现了内容与...
在CSS高性能开发中，我们关注的是如何有效地编写和优化CSS代码，以确保网页在各种设备和浏览器上快速加载和流畅运行。以下是一些关键的知识点，涵盖了从基础到高级的CSS性能优化技巧。 1. **选择器的效率**：CSS...