首页IT科技前端怎么优化页面(Web前端性能优化——如何提高页面加载速度)

前端怎么优化页面(Web前端性能优化——如何提高页面加载速度)

时间2025-05-05 03:30:24分类IT科技浏览3659
导读:1. Chrome浏览器 会首先搜索浏览器自身的DNS缓存(缓存时间比较短,大概只有1分钟,且只能容纳1000条缓存),看自身的缓存中是否有www.linux178.com 对应的条目,而且没有过期,如果有且没有过期则解析到此结束。 注:我们怎么查看Chrome自身的缓存?可以使用 chrome://net-int...

1. Chrome浏览器 会首先搜索浏览器自身的DNS缓存(缓存时间比较短          ,大概只有1分钟                ,且只能容纳1000条缓存)     ,看自身的缓存中是否有www.linux178.com 对应的条目          ,而且没有过期                ,如果有且没有过期则解析到此结束           。 注:我们怎么查看Chrome自身的缓存?可以使用 chrome://net-internals/#dns 来进行查看 2. 如果浏览器自身的缓存里面没有找到对应的条目     ,那么Chrome会搜索操作系统自身的DNS缓存,如果找到且没有过期则停止搜索解析到此结束. 注:怎么查看操作系统自身的DNS缓存     ,以Windows系统为例                ,可以在命令行下使用 ipconfig /displaydns 来进行查看 3. 如果在Windows系统的DNS缓存也没有找到           ,那么尝试读取hosts文件(位于C:\Windows\System32\drivers\etc)     ,看看这里面有没有该域名对应的IP地址               ,如果有则解析成功               。 4. 如果在hosts文件中也没有找到对应的条目           ,浏览器就会发起一个DNS的系统调用,就会向本地配置的首选DNS服务器(一般是电信运营商提供的               ,也可以使用像Google提供的DNS服务器)发起域名解析请求(通过的是UDP协议向DNS的53端口发起请求                ,这个请求是递归的请求,也就是运营商的DNS服务器必须得提供给我们该域名的IP地址)          ,运营商的DNS服务器首先查找自身的缓存                ,找到对应的条目     ,且没有过期          ,则解析成功     。如果没有找到对应的条目                ,则有运营商的DNS代我们的浏览器发起迭代DNS解析请求     ,它首先是会找根域的DNS的IP地址(这个DNS服务器都内置13台根域的DNS的IP地址)     ,找打根域的DNS地址                ,就会向其发起请求(请问www.linux178.com这个域名的IP地址是多少啊?)           ,根域发现这是一个顶级域com域的一个域名     ,于是就告诉运营商的DNS我不知道这个域名的IP地址               ,但是我知道com域的IP地址           ,你去找它去,于是运营商的DNS就得到了com域的IP地址               ,又向com域的IP地址发起了请求(请问www.linux178.com这个域名的IP地址是多少?),com域这台服务器告诉运营商的DNS我不知道www.linux178.com这个域名的IP地址                ,但是我知道linux178.com这个域的DNS地址,你去找它去          ,于是运营商的DNS又向linux178.com这个域名的DNS地址(这个一般就是由域名注册商提供的                ,像万网     ,新网等)发起请求(请问www.linux178.com这个域名的IP地址是多少?)          ,这个时候linux178.com域的DNS服务器一查                ,诶     ,果真在我这里     ,于是就把找到的结果发送给运营商的DNS服务器                ,这个时候运营商的DNS服务器就拿到了www.linux178.com这个域名对应的IP地址           ,并返回给Windows系统内核     ,内核又把结果返回给浏览器               ,终于浏览器拿到了www.linux178.com对应的IP地址           ,该进行一步的动作了      。 注:一般情况下是不会进行以下步骤的 如果经过以上的4个步骤,还没有解析成功               ,那么会进行如下步骤: 5. 操作系统就会查找NetBIOS name Cache(NetBIOS名称缓存                ,就存在客户端电脑中的),那这个缓存有什么东西呢?凡是最近一段时间内和我成功通讯的计算机的计算机名和Ip地址          ,就都会存在这个缓存里面               。什么情况下该步能解析成功呢?就是该名称正好是几分钟前和我成功通信过                ,那么这一步就可以成功解析          。 6. 如果第5步也没有成功     ,那会查询WINS 服务器(是NETBIOS名称和IP地址对应的服务器) 7. 如果第6步也没有查询成功          ,那么客户端就要进行广播查找 8. 如果第7步也没有成功                ,那么客户端就读取LMHOSTS文件(和HOSTS文件同一个目录下     ,写法也一样) 如果第八步还没有解析成功     ,那么就宣告这次解析失败                ,那就无法跟目标计算机进行通信      。只要这八步中有一步可以解析成功           ,那就可以成功和目标计算机进行通信                。

GET googlelogo_color_272x92dp.pngHTTP 1.1

Host: www.google.com.hk

HTTP 1.1 200 OK

Last-Modified:Fri, 04 Sep 2015 22:33:08 GMT

GETgooglelogo_color_272x92dp.pngHTTP 1.1

If-Modified-Since:Fri, 04 Sep 2015 22:33:08 GMT

Host: www.google.com.hk

HTTP 1.1 304 Not Modified

GET /i/yahoo/gif HTTP 1.1

Host: us.yimg.com

HTTP 1.1 200 OK

Last-Modified:Tue,12 Dec 200603:03:59 GMT

ETag:           ”10c24bc-4ab-457elc1f“

GET /i/yahoo/gif HTTP 1.1

Host: us.yimg.com

If-Modified-Since:Tue,12 Dec 200603:03:59 GMT

If-None-Match:               ”10c24bc-4ab-457elc1f“

HTTP 1.1 304 Not Midified

AJAX即“Asynchronous JavaScript and XML     ”(异步的JavaScript与XML技术)     ,指的是一套综合了多项技术的浏览器端网页开发技术          。Ajax的概念由杰西·詹姆士·贾瑞特所提出。

传统的Web应用允许用户端填写表单(form)               ,当提交表单时就向Web服务器发送一个请求                。服务器接收并处理传来的表单           ,然后送回一个新的网页,但这个做法浪费了许多带宽               ,因为在前后两个页面中的大部分HTML码往往是相同的               。由于每次应用的沟通都需要向服务器发送请求                ,应用的回应时间依赖于服务器的回应时间。这导致了用户界面的回应比本机应用慢得多           。

与此不同,AJAX应用可以仅向服务器发送并取回必须的数据          ,并在客户端采用JavaScript处理来自服务器的回应               。因为在服务器和浏览器之间交换的数据大量减少(大约只有原来的5%)[来源请求],服务器回应更快了     。同时                ,很多的处理工作可以在发出请求的客户端机器上完成     ,因此Web服务器的负荷也减少了           。

类似于DHTML或LAMP          ,AJAX不是指一种单一的技术                ,而是有机地利用了一系列相关的技术               。虽然其名称包含XML     ,但实际上数据格式可以由JSON代替     ,进一步减少数据量                ,形成所谓的AJAJ     。而客户端与服务器也并不需要异步      。一些基于AJAX的“派生/合成      ”式(derivative/composite)的技术也正在出现           ,如AFLAX               。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
英特尔公布重大技术架构改变(启用英特尔事务扩展技术)