随笔分类 -  性能

javascript按需加载
摘要：前言 按需加载是性能优化的一部分.在网络环境不好,网速慢的时候,使用按需加载可以达到优化的目的 按需加载通常用于原生js开发的项目 实现 思路 1.判断url是否已经存在,如果存在不执行后续,不存在才会执行后续的按需加载 2.获取标签head 3.我们要实现< script src="xx.js" 阅读全文
posted @ 2020-06-08 10:26 知了呀 阅读(571) 评论(0) 推荐(0)
浏览器缓存机制介绍之http缓存-强缓存-协商缓存
摘要：前言 缓存的基本策略是拿空间换时间.意思就是我们将数据存储起来,牺牲空间,在下次使用的时候直接拿存储的,减少请求时间. 浏览器缓存机制有四个方面，它们按照获取资源时请求的优先级依次排列如下： memory cache>service worker cache>http cache>push cach 阅读全文
posted @ 2019-08-05 22:43 知了呀 阅读(421) 评论(0) 推荐(0)
chrome控制台查看网络性能指标-TTFB_Content Download_window.performance
摘要：如图,是一个http请求Timing相关指标 TTFB TTFB是非常重要的一个性能指标,他记录的是最初的网络请求被发起到从服务器接收到第一个字节这段时间，它包含了 TCP连接时间，发送HTTP请求时间和获得响应消息第一个字节的时间 在项目中如果网页加载很慢,我们就可以查看TTFB,当ttfb对应的 阅读全文
posted @ 2019-08-05 20:40 知了呀 阅读(3287) 评论(0) 推荐(0)
图片的按需加载代码实现
摘要：前言 在带宽不够的情况下,我们可以通过让图片按需加载,来实现性能上的优化 知识点 getBoundingClientRect 用于返回元素的大小和相对于视窗的位置。 window.innerHeight 用户获取文档显示区域的高度,包括滚动条 document.documentElement.cli 阅读全文
posted @ 2019-06-09 20:31 知了呀 阅读(161) 评论(0) 推荐(0)
关于DNS优化的策略
摘要：前言 客户端向服务端发起通信,会经过DNS解析查找,本文主要讲的就是关于DNS解析查找的优化 DNS解析流程 查找浏览器缓存。 查找系统缓存。 查找路由器缓存。 查找ISP DNS 缓存。 迭代查询。 优化思路 减少DNS查找，避免重定向 使用浏览器DNS缓存 、计算机DNS缓存、 服务器DNS缓存 阅读全文
posted @ 2019-06-09 09:18 知了呀 阅读(562) 评论(0) 推荐(0)
在url中输入地址到页面呈现发生了什么
摘要：查找ip地址 根据url的域名去查找ip地址 现在dns缓存中查找 dns缓存中查找不到在本机的hosts文中查找有无对应ip hosts文件中没有,就去上级dns服务器中查找,知道找到根目录为止 tcp链接和http请求 http协议建立在tcp协议之上,所以要先建立tcp链接,就是我们的tcp三 阅读全文
posted @ 2019-06-08 22:16 知了呀 阅读(141) 评论(0) 推荐(0)