客户端请求web页面资源过程

我们请求的页面看似是一个页面,但该页面里往往是由很多资源组成的,比如页面上一个图片就是一个资源,一篇文章就是一个资源,一段视频就是一个资源,web页面多数情况下会集合多种资源于一体,用来给用户一个比较友好的访问体验。

如:打开一个网站通常会请求一个主页面,主页面本身是一个资源,可能是静态页面,比如说html,也可能是php、jsp源运行某些程序或某些脚本后,动态生成的一些内容。虽然我们键入的网站名是一个单一的url,但是这个页面中不同位置展现的内容不同,比如网站的左上角会出现网站logo,这就是一个页面中的资源,logo下面可能是个横幅(banner),这是一个资源,再向下可能是导航,这也是一个资源,最下面可能是一些主要内容等等。这些都是资源。其中导航中也会分有很多资源,比如新闻、论坛、军事、体育等等。所以说,虽然我们访问的是一个类似框架的页面,但是浏览器加载完这个框架页面后,会依次加载页面中的每一个资源,全部加载完成的这一个页面,也就是一个PV(PAGE VIEW)。一般的电商站点会统计日PV或者日UV(user view:简单来说就是基于IP访问)

现在为了优化页面访问速度,网站的主页是由几个不同的域名共同支撑的,一个域名负责文字,一个域名负责图片,一个域名负责视频等等。由于现在的浏览器基本上都是双线程的,而这个双线程是针对每一个域名而言的,也就是说,如果一个页面只有一个域名,浏览器就会使用两个线程加载这域名所在的页面,但如果这个网站是由四个域名共同支撑的,那么每次打开这个主页就是打开了四个域名,每一个域名对应两个线程,那么打开这个主页面就用了8个线程,从而在加载速度上得到了很大的提升。

时间: 2024-10-24 23:05:05

客户端请求web页面资源过程的相关文章

Web页面解析过程(浅)

web页面流程 域名解析DNS 域名解析:把域名指向网络空间IP,让人们通过简单的域名访问Web网站的服务. DNS:域名系统 DNS服务器:记录着域名及其对应的IP地址 解析域名: ? 浏览器中输入目标网站的域名,浏览器会生成一个域名IP的请求 ? 请求第一时间会查询本地主机的DNS缓存表ipconfig/displaydns,若本地DNS缓存表有对应的IP地址则返回浏览器进行访问,如果没有则会向DNS域名服务器发出查询请求(上一级的DNS服务器) ? 本地DNS服务器接收到查询请求,按照第二

CSS垂直翻转/水平翻转提高web页面资源重用性——张鑫旭

一.CSS下兼容性的元素水平/垂直翻转实现 随着现代浏览器对CSS3的支持愈发完善,对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能.相关的CSS代码如下: /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); /*IE*/ filter:FlipH; } /*垂直翻转*/ .flipy

CSS垂直翻转/水平翻转提高web页面资源重用性

原文:www.zhangxiyu 一.CSS下兼容性的元素水平/垂直翻转实现 随着现代浏览器对CSS3的支持愈发完善,对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能.相关的CSS代码如下: /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); /*IE*/ filter:FlipH; }

Python的Web编程[0] -> Web客户端[1] -> Web 页面解析

 Web页面解析 / Web page parsing 1 HTMLParser解析 下面介绍一种基本的Web页面HTML解析的方式,主要是利用Python自带的html.parser模块进行解析.其主要步骤为: 创建一个新的Parser类,继承HTMLParser类; 重载handler_starttag等方法,实现指定功能; 实例化新的Parser并将HTML文本feed给类实例. 完整代码 1 from html.parser import HTMLParser 2 3 # An HTML

有关AngularJS请求Web API资源的思路

页面部分大致如下: <body ng-app="productManagement"> ... <div ng-include="'app/products/productListView.html'"></div> ... </body> productManagement是页面module的名称.页面内容通过ng-include加载productListView.html这个页面.注意:ng-include属性值是

DHCP客户端请求IP地址的过程(DHCP工作原理)

DHCPdiscover        目标端口    源IP      目标IP UDP(67)    0.0.0.0   255.255.255.255 DHCP客户机寻找DHCP服务器的阶段,DHCP客户机以广播方式发送DHCPdiscover发现信息寻找DHCP服务器,即向地址255.255.255.0发送待定的广播信息,网络上每一台安装了TCP/IP协议的主机都会接收到这种广播信息,但只有DHCP服务器做出响应 DHCPOFFER  udp(68)   源ip是DHCP服务器的ip 目

客户端请求新页面

page1.jsp链接到page2.jsp,几种不同的方法 page1.jsp 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http

Java Web学习(1): 客户端请求、服务器响应及其HTTP状态码

一JSP客户端请求 当浏览器请求一个网页时,它会向网络服务器发送一系列不能被直接读取的信息,因为这些信息是作为HTTP信 息头的一部分来传送的.我们可以查阅HTTP协议来获得更多的信息. 下表列出了浏览器端信息头的一些重要内容,在以后的网络编程中将会经常见到这些信息: (1)HttpServletRequest类 request对象是javax.servlet.http.HttpServletRequest类的实例.每当客户端请求一个页面时,JSP引擎就会产 生一个新的对象来代表这个请求. re

Java Web学习(15): 客户端请求、服务器响应及其HTTP状态码

一JSP客户端请求 当浏览器请求一个网页时,它会向网络服务器发送一系列不能被直接读取的信息,因为这些信息是作为HTTP信 息头的一部分来传送的.我们可以查阅HTTP协议来获得更多的信息. 下表列出了浏览器端信息头的一些重要内容,在以后的网络编程中将会经常见到这些信息: (1)HttpServletRequest类 request对象是javax.servlet.http.HttpServletRequest类的实例.每当客户端请求一个页面时,JSP引擎就会产 生一个新的对象来代表这个请求. re