时间花哪里去了？
只有10%-20%的最终用户响应时间花在了下载html文档上,其余80%-90%时间花在了下载页面的相关组件上。如：图片、Flash等。
所以主要优化：
减少http请求
缓存
减少文件大小：压缩文件+优化代码
健康的优化因该是根据页面的加载过程，全面的优化过程
第一步、浏览器预处理
查询Cache：读取Cache 或者发送304请求
第二步、查询DNS
优化规则--减少DNS查找
DNS缓存
浏览器DNS缓存 计算机DNS缓存 服务器DNS缓存（TTL）
使用Keep-Alive特性
减少DNS查找
当客户端的DNS缓存为空时，DNS查找的数量与Web页面中唯一主机名的数量相等。减少唯一主机名的数量就可以减少DNS查找的数量。
较少的域名来减少DNS查找（2-4个主机）
原创
2021-06-07 18:00:16
630阅读
阶段一：Python开发基础Python全栈开发与人工智能之Python开发基础知识学习内容包括：Python基础语法、数据类型、字符编码、文件操作、函数、装饰器、迭代器、内置方法、常用模块等。阶段二：Python高级编程和数据库开发Python全栈开发与人工智能之Python高级编程和数据库开发知识学习内容包括：面向对象开发、Socket网络编程、线程、进程、队列、IO多路模型、Mysql数据库
转载
2024-01-31 01:10:49
55阅读
计划:先学习前后端基本概念，通过一个小项目熟悉流程，再阅读源码，参考修改。 文章目录预期目标麻雀研究html概览js解析麻雀魔改htmlCSSwebMySqljsAJAXVueMybatisspring 网页的构成： html:用来定义网络内容的含义和基本结构的标记语言 CSS:用来描述网页的表现与展示效果 JS:通常用来执行网络的功能与行为 预期目标预期进度v1.0思考一个基于麻雀的改造
转载
2024-04-29 16:25:55
80阅读
文章目录前言一、HTML二、CSS三、JavaScript四、总结 前言总的来说，JavaWeb所实现的功能就是网页设计，也可以说是前端开发。而网页主要由三部分组成：内容（结构）、表现、行为。内容（结构），是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用 html 技术来展示。表现，指的是这些内容在页面上的展示形式。比如布局，颜色，大小等等。一般使用 CSS 技术实现行为，指的是
转载
2023-06-19 13:37:42
533阅读
前端跨站技术随着前端技术栈在服务端和移动端上的尝试和日益成熟，前端工程师
原创
2023-03-13 18:34:30
117阅读
最近几年，越来越多的人投入到前端大军中；时至至今，前端工程师的数量仍然不能满足企业的发展需求；与此同时，互联网应用场景的复杂化提高了对前端工程师能力的要求，一部分初期前端工程师并不能胜任企业的工作，优秀的前端工程师一将难求。 真正了解前端技术
原创
2023-03-13 18:35:13
116阅读
一、前端技术分类前端技术是指用来开发和实现客户端产品的技术(一)分类1、APPAndroid、iOS、Windows Phone2、网页Html、Css、JavaScript3、桌面应用Windows、MacOS、Linux(二)职能分类1、移动开发工程师(Android、iOS)2、web前端开发工程师(H5)3、桌面客户端开发工程师(Windows、Mac)二、Android及iOS技术特点及
文章目录1. VUE 基础1.1 MVVM设计1.2 VUE绑定原理设计1.3 虚拟DOM树分析1.4 VUE编程步骤实践Vue功能3步:1.5 绑定与指令应用1.6 绑定样式分析(了解):1.7 计算属性应用实践1.8 生命周期函数应用2. Axios方式的Ajax请求Get请求Post请求3. VUE 组件化开发3.1 组件设计3.2 基本步骤3.3 运行分析3.4 组件类型3.5 组件间传
转载
2023-12-06 22:59:58
141阅读
Web前端技术开发学习
http://book.51cto.com/art/200909/154379.htm
转载
精选
2011-08-17 13:29:06
396阅读
前端技术栈：Vue、Ant Design、Echarts、G6、Axios、Sass、workflow、luckysheet
前端技术栈：Vue、Ant Design、Echarts、G6、Axios、Sass、workflow、luckysheet
前端技术栈：Vue、Ant Design、Echarts、G6、Axios、Sass、workflow、luckysheet
前端技术栈：Vue、Ant Design、Echarts、G6、Axios、Sass、workflow、luckysheet
前端技术栈：Vue、Ant Design、Echarts、G6、Axios、Sass、workflow、luckysheet
前端技术栈：Vue、Ant Design、Echarts、G6、Axios、Sass、workflow、luckysheet
前端技术栈：Vue、Ant Design、Echarts、G6、Axios、Sass、workflow、luckysheet
前端技术栈：Vue、Ant Design、Echarts、G6、Axios、Sass、workflow、luckysheet
前端技术栈：Vue、Ant Design、Echarts、G6、Axios、Sass、workflow、luckysheet
前端技术栈：Vue、Ant Design、Echarts、G6、Axios、Sass、workflow、luckysheet
