bigtree

1. 基本优化 2. 图片类型优化 1. WebP优化的最好。同样图片效果，WebP体积最小。 2. 响应式图像优化 3. 渐进式图片

HTML优化 CSS优化 1. 减小体积 2. 对css代码性能优化 3. 考虑使用关键css（对首屏速度要求极高的话）

存在的问题：传统的TCP底层实现，在很多时候会导致TCP传输效率变低，特别是网络带宽的扩充和整体网络硬件技术的提升，网络传输速度有很大的变化的现代。 TCP传输是分段的，一个HTTP响应报文会被操作系统切成多个MSS（Maximum Segment Size，最大报文长度）大小…

这种按照样式类型分组排列的方式不仅把功能相似的属性归类在一起，并且按照样式功能的重要性从上到下进行了排列。可以把影响元素页面布局的样式（如float、margin、padding、height、width等）排到前面，而把不影响布局的样式（如background、color、f…

web性能主要是提升用户体验。核心是：减少等待，使用不卡 from -- 用户开始输入url（开始导航） to -- 页面出现东西（浏览器渲染第一段DOM。图片、非白色的 < canvas > 元素和 svg 被认为是 DOM 内容，iframe中的任何内容不包含在内…

内网的Lighthouse工具同 公网的 PageSpeed Insights 内容是一样。但是是英文版，需要翻译的话：可以导出成HTML，在浏览器打开，在用页面翻译工具翻译 from -- 用户开始输入url（开始导航） to -- 页面出现东西（浏览器渲染第一段DOM。图片…

http/1和http/2对前端性能优化策略方案的影响 对性能优化策略的影响：http1 和 2 略有不同，分别是： 请求数方面，内联方面

多进程架构 好处：1. 一个页面崩溃了，不会影响到页面（其他域）。2. 进程间分工明确，有不同权限，会更安全高效 缺点：不同的进程间，内存不共享。所以不同进程的内存常常需要包含相同的内容 如果响应的内容文件是html，下一步把这些数据传递给renderer process。如果…

script标签的位置不当的话，会阻塞html的解析，进而影响首屏速度 关键词解释 解析，渲染，触发页面paint。下载，执行