随笔分类 -  前端优化

摘要:在XHR诞生前,网页要获取客户端和服务器的任何状态更新,都需要刷新一次,在XHR诞生后就可以完全通过JS代码异步实现这一过程。XHR的诞生也使最初的网页制作转换为开发交互应用,拉开了WEB2.0的序幕。 XHR是一种浏览器API,极大简化了异步通信的过程,开发者并不需要关注底层的实现,因为浏览器会为 阅读全文
posted @ 2016-11-30 09:25 默语 阅读(69684) 评论(0) 推荐(3) 编辑
摘要:前言 由于HTTP 1自身的局限性,它不能很好的为用户提供性能良好的WEB服务。于1999年6月正式发布了HTTP1.1标准REC2616,它厘清了之前版本中很多有歧义的地方,而且还新增了很多重要的优化,如持久连接、分块编码传输、状态码扩充、增强的缓存机制、传输编码及请求管道等。本文是个人在学习《W 阅读全文
posted @ 2016-11-30 09:17 默语 阅读(2654) 评论(0) 推荐(0) 编辑
摘要:前言 HTTP是互联网上最普遍采用的一种应用协议,是现代WEB的基础。随着技术的不断发展,HTTP几乎成为了所有互联网软件和硬件应用的协议。本文大致讲述一下HTTP协议的发展历程。 http 0.9 1991年,Tim Berners-Lee概述了这个新协议的动机,并罗列了几条宏观的设计目标:支持文 阅读全文
posted @ 2016-05-13 11:22 默语 阅读(316) 评论(0) 推荐(0) 编辑
摘要:前言 首先,通过持久连接、就近访问(如CDN)、优化TLS部署,以及其他协议优化策略来降低延迟时间对移动应用更为重要。但,对于移动应用而言,延迟和吞吐量都是比较重要的。在移动应用开发实践中,需要考虑设备形态限制下如何展示内容,也需要考虑无线电接口的性能特性,还有设备电量的有限性。影响移动应用体验的因 阅读全文
posted @ 2016-05-08 15:56 默语 阅读(2077) 评论(0) 推荐(0) 编辑
摘要:1.LTE网络架构 不同的网络类型有不同的网络架构,包含有不同的网络模块和组件。目前来说,LTE是运营商布设网络的首选,而且其架构更加简洁,组件更少、依赖更少,性能也更好。本文就以LTE为例介绍其网络架构。 无线接入网络 无线接入网络(RAN)在任何类型的网络中都是非常关键的逻辑组件。它主要负责把请 阅读全文
posted @ 2016-05-06 11:28 默语 阅读(6024) 评论(0) 推荐(1) 编辑
摘要:1.移动网络简介 1G:表示第一代移动通讯技术,以模拟技术为基础的蜂窝无线电话系统,如现在已经淘汰的模拟移动网。1G无线系统在设计上只能传输语音流量,并受到网络容量的限制。 2G:第二代手机通信技术规格,以数字语音传输技术为核心。一般定义为无法直接传送如电子邮件、软件等信息;只具有通话和一些如时间日 阅读全文
posted @ 2016-05-05 11:16 默语 阅读(2939) 评论(0) 推荐(0) 编辑
摘要:前言 由于在TCP、UDP等方式传输数据时,数据包有可能被其他人截获,并解析出信息,这就给信息安全带来了很大的挑战。最初的SSL协议被网景公司提出,它不会影响上层协议(如HTTP、电子邮件等),但可以保证上层协议的通信安全。如果正确的使用SSL,第三方只能推断连接的两端地址、加密类型,以及数据频率和 阅读全文
posted @ 2016-03-27 11:08 默语 阅读(14286) 评论(2) 推荐(1) 编辑
摘要:网络协议 网络协议是网络上所有设备(网络服务器、计算机及交换机、路由器、防火墙等)之间通信规则的集合,它规定了通信时信息必须采用的格式和这些格式的意义。大多数网络都采用分层的体系结构,每一层都建立在它的下层之上,向它的上一层提供一定的服务,而把如何实现这一服务的细节对上一层加以屏蔽。 层次结构 由于 阅读全文
posted @ 2016-03-04 09:31 默语 阅读(1997) 评论(0) 推荐(0) 编辑
摘要:目前,很多网络都使用了NAT技术,而NAT需要保存数据传输的路由表才能完成工作。每个TCP连接有一个明确的协议状态机,开始三次握手,跟着开始数据传输,最后关闭连接,有一个完整的流程。基于这种流程,NAT可以观察到每个连接状态,并可以根据需要创建和删除的路由条目。然而,UDP是面向无连接的,仅仅只往外发送一个带有载荷的数据报就不再关心其他额外的事情了,但路由响应却需要能从转换表找到本地主机IP和端口,只有如此才能完成数据的传输。UDP既没有握手,也没有连接终止,同时没有任何状态机来监控连接状态。这就需要NAT穿透来继续进行数据传输。 阅读全文
posted @ 2016-03-01 10:46 默语 阅读(3552) 评论(0) 推荐(0) 编辑
摘要:TCP协议在不可靠的网络环境上提供了可靠的通信通道,隐藏了大量的底层细节,使应用程序更加简洁。但有些应用并不需要这么高的可靠性,并不需要按序交付,而且TCP为了提高可靠性也增加了延时,在某些对延时或抖动要求很高的情景下并不适用。为此,UDP(User Datagram Protocol,用户数据报协议)被提出。UDP虽然应用较为广泛,比如DNS查询等,但一直不是重要的角色。自从WebRTC被提出以来,它可以使浏览器在UDP的基础上实现原生的语音和视频实时通信及其他形式的P2P通信,UDP在这种境况下显得更加重要。本文大致介绍UDP的原理及应用,以求加深对其理解。 阅读全文
posted @ 2016-02-29 17:25 默语 阅读(3131) 评论(0) 推荐(0) 编辑
摘要:近年来,随着信息技术的不断发展,各行各业也掀起了信息化浪潮,为了留住用户和吸引用户,各个企业力求为用户提供更好的信息服务,这也导致WEB性能优化成为了一个热点。据分析,网站速度越快,用户的黏性、忠诚度、转化率等也越高。对网络通信有决定性影响的因素有延时和带宽,延时有传播延时、传输延时、处理延时和排队延时构成。对于日常网站浏览来说,延时要比带宽对性能影响更大,因为一个网站需要的资源往往是由很多小文件构成,需要多次请求才能完成,其处理延时、排队延时更大。不同的网络协议具有不同的信息传递方式,也就会产生不同的延时,理解这些协议的核心原理,就为优化web体验提供了思路和途径。本文主要探讨网络协议中的TCP协议,分析其内在原理及机制。 阅读全文
posted @ 2016-02-29 09:58 默语 阅读(1851) 评论(0) 推荐(0) 编辑
摘要:虽然随着信息技术的不断发展,网络传输速度也在不断增大,但带宽的不断增加并不能带来预想中的性能提升,因为日常上网浏览往往需要的是从数十台主机上获取较小的资源,网络延时才是真正的性能瓶颈。为此,浏览器做出了不少优化,如DNS预解析、TCP预连接、页面预渲染等等。Chrome是这方面的先行者,为减少延时做出了很多有利的工作,本文就是一篇讲述Chrome如何实现这些网络优化机制的经典好文。 阅读全文
posted @ 2016-02-24 09:40 默语 阅读(543) 评论(1) 推荐(1) 编辑
摘要:前言Web2.0应用的推广为用户带来了全新的体验,同时也让开发人员更加关注客户端性能问题。最近,资深Web性能诊断专家、知名工具dynatrace的创始人之一AndreasGrabner根据自己的工作经验,总结了Web2.0应用客户端性能问题十大根源,InfoQ中文站将这十个问题做了概括整理,供We... 阅读全文
posted @ 2015-10-27 11:06 默语 阅读(230) 评论(0) 推荐(0) 编辑