Lie-Fi 中文能够翻译成欺骗性网络，你的设施的确连上了无线网，但你仍然不能关上网页，置信不少开发者被本人的领导这样吐槽过：”咱们网站怎么打不开了，我wifi都连着呢”。试想一下你的领导当初处于办公室的关闭环境、或者其余关闭环境，wifi的热点信号弱、或者的确是宽带网络出了问题，你会进入这样的一种状态，一张图就…

尽管咱们能够通过开发者工具以及lighthouse等工具来查看网站的加载状况，并按之前咱们说的那些计划做好了优化，但真正用户关上是否真的如预期个别快，咱们不得而知。始终以来咱们都以实验室数据为测试的根据，这些不能代表现场数据，即实在用户的体验。

当用户拜访一个站点的时候，所有的资源都必须有一个起源。所有的文本、图片、款式、脚本等资源都必须被浏览器接管到能力展示和执行。开发者能够给浏览器提供抉择，抉择是从哪里获取这些资源，这样能够极大地晋升页面加载速度。

图片占了网站大略60%-85%的一个带宽，本文档次要解决图片加载的耗时问题。 移除不必要的图片 首先要思考的是，如果没有这个图片，是否会影响用户体验？如果不影响，放后续加载。 如果图片既不是为了烘托文本，也不是为了给用户带来视觉上的体验，对用户而言并非有意义的信息，则移除。 最快的图片加载，就是不去加载它。…

文本内容次要蕴含：HTML，CSS，JavaScript。 在web页面里，每个字符都是要从服务器获取的，本文档次要讲述如何晋升文本内容的加载速度。 拆散开发和线上环境 如果你为了减小资源大小采取了一些措施，而影响到可读性，肯定要记住当你间接批改线上代码的时候，之后可能无奈了解当初为什么这么改。 所以经常性，咱们会把开…

为什么引入web框架    web应用的本质 浏览器发送一个HTTP请求； 服务器收到请求，生成一个HTML文档； 服务器把HTML文档作为HTTP响应的Body发送给浏览器； 浏览器收到HTTP响应，从HTTP Body取出HTML文档并显示；    涉及的问题   解析http请求 找到对应的处理函数 生成并发送http响应 * web框架工作流程 ​ 中间件 中间件…

本文阿宝哥将按照以下的流程来介绍前端如何进行图片处理，然后穿插介绍二进制、Blob、Blob URL、Base64、Data URL、ArrayBuffer、TypedArray、DataView 和图片压缩相关的知识点。

Web 是一种典型的分布式应用架构。Web 应用中的每一次信息交换都要涉及到客户端和服务端两个层面。因此，Web 开发技术大体上也可以被分为客户端技术和服务端技术两大类。

在学习一门技术的时候，往往是了解整体体系架构才能更好的学习，不然在学习的过程中会出现不知道为什么这样做，做出这一部分是该整体部分的哪个区域，只会跟着做，但是并不了解这是在干啥。可能一些萌新体会颇深，就照着打，老师教怎么写，我就怎么写，反正做出来了。

Web交互的最基本单位为HTTP请求。每个用户从进入网站到离开网站这段过程称为一个HTTP会话，一个服务器的运行过程中会有多个用户访问，就是多个HTTP会话。