            培训首页
             > 
            web前端新闻
             > 
            南通web前端零基础培训班
        

南通web前端零基础培训班

来源：

科迅教育

发表于：2020-03-24 16:38:39 58次浏览

相关标签： web前端培训南通web前端培训

南通web前端零基础培训班当用户第一次访问某Web页面时，每个组件都会向服务器发送HTTP请求以下载整个页面。但实际情况是，用户在一定时间内可能重复访问某页面，反复从服务器下载组件极大影响网站速度。试想如果在访问某页面时将下载的组件全部缓存起来，在后续第二次至更多次的访问时，浏览器直接从缓存数据中读取。从而避免不必要的HTTP请求，提升网页的响应速度。比如京东首页的加载，当第二次加载首页时，加载时间将会有50%的提升，这是因为网页中的一些资源被客户端缓存，在网页二次加载的时候可直接应用客户端缓存数据，而不需重新从远程服务器请求资源。

缓存优化旨在提高系统的利用率，是一种处于用户和Web服务器间的缓存机制。其基本内容是在现有的网络架构中增加一层，即将用户访问频次高的信息或内容放到附近或者是本地，在后续地访问中用户就可通过就近获取相关信息，从而直接向本地服务器获取网络资源。Web缓存通过信息的本地化来加快网页的浏览速度，极大程度上节省了网络带宽，减轻了服务器的负荷量，进一步加快了网页的浏览速度。

在对站点进行访问的时候，用户总是期待浏览器以快的显示所内容，实现可视化反馈。组件的下载顺序通常是依照它们在文档中的顺序，而对于页面中极其重要的组件，如样式表和脚本等，合理优化这些页面元素将直接影响页面内容呈现的速度。页面元素的优化其中包括HTML优化，内嵌的CSS优化以及JavaScript的优化。

HTML优化包括：标签语义化，删除不必要的HTTP协议头，删除元素多余的默認属性等。CSS优化包括：将CSS文件放在文档head标签中以提升页面逐步渲染速度，编写高校的CSS选择符。JavaScript代码的优化包括：管理作用域，高校的数据存取，流控制，字符串优化。