从输入网站地址到浏览器上显示的页面有哪些步骤？

Question

从开发人员的角度来看,如何加速这一过程呢？

Answer 1

有很多事情要发生.

当您第一次输入地址时,浏览器将在DNS中查找主机名(如果它尚未在浏览器缓存中).

然后浏览器向远程服务器发送HTTP GET请求.

服务器上发生的事情真的取决于服务器; 但它应该回复HTTP响应,其中包括标题,可能会向浏览器描述内容以及允许缓存多长时间.响应可能是重定向,在这种情况下,浏览器将向重定向页面发送另一个请求.

显然,服务器响应时间将是感知性能的关键点之一,但还有许多其他的东西.

当从服务器返回响应时,浏览器将执行一些操作.首先,它将解析返回的HTML,并从中创建它的DOM(文档对象模型).然后它将在页面上运行任何启动Javascript; 在页面准备好在浏览器中显示之前.请记住,如果页面包含任何资源,如外部样式表,脚本,图像等,浏览器必须先下载这些资源,然后才能显示页面.每个资源都是一个单独的HTTP get,这里涉及一些延迟时间.因此,在某些情况下可以大大减少加载时间的一件事是使用尽可能少的外部资源,并确保它们被缓存在客户端上(因此浏览器不必为每个页面视图获取它们).

总而言之,为了优化网页的性能,您希望至少看一下:

• 服务器响应时间
• 带宽/内容传输时间.
• 确保你有一个小而简单的DOM(特别是如果你需要支持IE6).
• 确保您了解客户端缓存以及在服务器上设置所需的设置.
• 确保使客户端下载尽可能少的数据.考虑GZipping资源和动态内容(取决于您的情况).
• 确保您在页面加载时没有任何CPU密集型JavaScript.

您可能希望阅读HTTP协议以及一些最佳实践.您可以使用的几个工具是YSlow和Google Page Speed