在线的情况下，浏览器发现html头部有manifest属性，它会请求manifest文件，如果是第一次访问app，那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了，那么浏...
cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。 cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。 sessionStorage和loc...
iframe会阻塞主页面的Onload事件 搜索引擎的检索程序无法解读这种页面，不利于SEO iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载 使用iframe之前需要考虑这两个缺点。如果需要使用i...
行内元素有：a b span img input select strong块级元素有：div ul ol li dl dt dd h1 h2 h3 h4… p空元素：br、hr、img、input、link、meta行内元素不可以设置宽高...
从输入URL到页面加载显示完成都发生了什么 Browser Process UI Thread：搜索 or URL => 搜索引擎or请求的站点 Network Thread DNS查找IP => （https...
资源的压缩与合并 为什么要压缩与合并 减少http请求数量减少请求资源大小 HTML压缩 使用在线工具进行压缩使用html-minifier等npm工具 CSS压缩 使用在线工具进行压缩使用clean-css等npm工具 JS压缩与...
移动端图标SVG 从PNG到IconFont 多个图标一套字体，减少获取时的请求数量和体积矢量图形，可伸缩直接通过CSS修改样式（颜色、大小等） 从IconFont到SVG 保持图片能力，支持多色彩独立的矢量图形XML语法，搜索引擎SEO和...
启用压缩Gzip # 开启gzip gzip on; # 启用gzip压缩的最小文件，小于设置值的文件将不会压缩 gzip_min_length 1k; # 优化压缩过程 gzip_buffers 4 16k; # 使用http版本 gzi...
性能指标 加载 理解加载瀑布图基于HAR存储与重建性能信息速度指数（Speed Index）重要测量指标Speed Index页面渲染速度TTFB网络请求耗时页面加载时间首次渲染 响应 交互动作的反馈时间帧率FPS异步请求的完成时间 RAI...
JS开销和如何缩短解析时间 代码解决方案 Code splitting代码拆分，按需加载Tree shaking代码减重 减少主线程工作量 避免长任务避免超过1KB的行间脚本使用rAF（requestAnimationFrame）和rIC（...
code前端网
