摘要：
网络延迟 产生延迟的四种因素： 分别对应： 处理延迟: 处理分组首部、检查位错误及确定分组目标所需的时间 队列延迟: 到来的分组排队等待处理的时间 发送延迟: 把消息中的所有比特转移到链路中需要的时间，是消息长度和链路速率的函数 传输延迟: 消息从发送端到接收端需要的时间，是信号传播距离和速度的函数 阅读全文
posted @ 2019-12-03 20:41
Syw_文
阅读(637)
评论(0)
推荐(0)
摘要：
这是一个古老的问题，即我们输入URL后按下回车到网页测呈现都发生了什么？ 加载过程到显示如下： 1.根据域名，进行DNS域名解析； 2.拿到解析的IP地址，建立TCP连接； 3.向IP地址，发送HTTP请求； 4.服务器处理请求； 5.返回响应结果； 6.关闭TCP连接； 7.浏览器解析HTML； 阅读全文
posted @ 2019-11-28 21:10
Syw_文
阅读(813)
评论(0)
推荐(0)
摘要：
TCP属于OSI七层模型中的传输层协议，位于网络边缘，提供端到端的可靠数据传输，其有着承上启下的作用，协议数据单元为报文段（Message Segment)。 TCP需要提供以下功能： 分组和复用 应用报文的差错检测（包括出错、丢失、重复、失序、超时等） 提供端到端的流量控制 提供拥塞控制 运输连接 阅读全文
posted @ 2019-11-28 20:06
Syw_文
阅读(410)
评论(0)
推荐(0)
摘要：
Content Distribute Network(内容分发网络)是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。 在之前的带宽与延迟章节，我们就提到了CDN，在该章节 阅读全文
posted @ 2019-11-28 19:50
Syw_文
阅读(240)
评论(0)
推荐(0)
摘要：
https://github.com/laoqiren/web-performance 待全面学习 阅读全文
posted @ 2019-11-26 21:28
Syw_文
阅读(189)
评论(0)
推荐(0)
摘要：
图像优化 在Web应用中，图片占据了很大一部分流量，所以对图像的优化必不可少。 图片格式 图片格式有许多，不同的格式在是否支持透明，是否支持动画，压缩方式，兼容性等方面存在差别。先放一张来自谷歌开发者文档的图： 矢量图像（待查什么是矢量图像） 概念：也称为面向对象的图像或绘图图像，在数学上定义为一系 阅读全文
posted @ 2019-11-26 21:27
Syw_文
阅读(911)
评论(0)
推荐(0)
摘要：
一、静态资源 包括：html，CSS，js以外，还包括各种 图片资源、音频资源、字体资源等，由于有限的带宽和延迟影响，所以需要对资源做一些优化。 注：都可对如上的静态资源进行压缩，且加缓存来实现 二、资源压缩 概念：减小资源大小的过程叫做资源压缩。针对不同类型的资源有不同的压缩技术。本文主要总结文本 阅读全文
posted @ 2019-11-26 21:03
Syw_文
阅读(1467)
评论(0)
推荐(0)
摘要：
提到前端性能优化时，我们首先会联想到文件的合并、压缩，文件缓存和开启服务器端的 gzip 压缩等，这使得页面加载更快，用户可以尽快使用我们的 Web 应用来达到他们的目标。 资源预加载：是另一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。 引用 Patrick Ha 阅读全文
posted @ 2019-11-26 20:16
Syw_文
阅读(1031)
评论(0)
推荐(0)
摘要：
提到前段性能优化，不可避免的都会想到如下的解决方案： （1）减少HTTP请求（合并css、js，雪碧图/base64图片、CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服务器。） （2）压缩（css、js、图片等前端资源皆可压缩，通常 阅读全文
posted @ 2019-11-26 18:55
Syw_文
阅读(210)
评论(0)
推荐(0)
摘要：
CSS会阻塞渲染树的构建，不阻塞DOM构建，但是在CSSOM构建完成之前，页面不会开始渲染（一片空白），CSSOM构建完成后，页面将会显示出内容。 DOM（Document Object Model）是一个与语言无关的、用来操作XMl和HTML文档的应用程序接口。在浏览器环境下，我们是通过Javas 阅读全文
posted @ 2019-11-26 18:51
Syw_文
阅读(877)
评论(0)
推荐(0)
浙公网安备 33010602011771号