对一个网站而言，CSS、javascript、logo、图标这些静态资源文件更新的频率都比较低，而这些文件又几乎是每次http请求都需要的，如果将这些文件缓存在浏览器中，可以极好的改善性能。 通过设置http头中的cache-control和expires的属性和HTML Meta标签，可设定浏览器 ...
分类：
其他好文 时间：
2019-03-24 23:27:10
阅读次数：
221
什么是HTTP压缩 HTTP压缩是指: Web服务器和浏览器之间压缩传输的”文本内容“的方法。 HTTP采用通用的压缩算法，比如gzip来压缩HTML,Javascript, CSS文件。 能大大减少网络传输的数据量，提高了用户显示网页的速度。当然，同时会增加一点点服务器的开销。 本文从HTTP协议 ...
分类：
Web程序 时间：
2019-03-24 23:23:44
阅读次数：
398
Hello,大家好，今天给大家分享下前端性能优化的方法，总共有以下几点。 减少 HTTP 请求数量 在浏览器与服务器进行通信时，主要是通过 HTTP 进行通信。浏览器与服务器需要经过三次握手，每次握手需要花费大量时间。而且不同浏览器对资源文件并发请求数量有限（不同浏览器允许并发数），一旦 HTTP ...
分类：
其他好文 时间：
2019-03-02 19:58:44
阅读次数：
225
1. 前端性能优化方式 ·合并ajax请求 ·CSSsprite ·静态资源CDN加速 ·资源缓存策略 ·service worker ·减少回流与重绘 变量本地化 ·script标签放在最后 2.闭包是什么？为什么使用闭包 闭包是函数代码块及它能访问到的变量的总称 闭包的作用：1.防止全局变量污染 ...
分类：
其他好文 时间：
2019-03-01 15:43:58
阅读次数：
231
前端性能优化是个巨大的课题，如果要面面俱到的说的话，估计三天三夜说不完。所以我们就从实际的工程应用角度出发，聊我们最常遇见的前端优化问题。 1. 减少HTTP请求次数 尽量合并图片、CSS、JS。比如加载一个页面，如果有5个css文件的话，那么会发出5次http请求，这样会让用户第一次访问你的页面的 ...
分类：
其他好文 时间：
2019-02-25 20:15:22
阅读次数：
241
1. 减少HTTP请求次数 尽量合并图片、CSS、JS。比如加载一个页面，如果有5个css文件的话，那么会发出5次http请求，这样会让用户第一次访问你的页面的时候会长时间等待。而如果把这个5个文件合成一个的话，就只需要发出一次http请求，节省网络请求时间，加快页面的加载。 2. 使用CDN 网站 ...
分类：
其他好文 时间：
2019-02-18 13:00:28
阅读次数：
148
第1章 课程简介对课程做简单的介绍。第2章 资源合并与压缩通过本章，我们学习和理解了web前端的概念，以及性能优化的意义所在，并且通过实战中的压缩与合并，深入理解了减少http请求数和减少http请求资源大小两个优化要点，并且通过实战，帮助学生掌握如何通过网站进行压缩与合并，如果使用半自动化的gul ...
分类：
Web程序 时间：
2019-01-21 23:51:52
阅读次数：
312
什么是CDN 可直译成内容分发网络。 的本质仍然李咏缓存技术缓存, 解决的是__如何将数据快速可靠从源站传递到用户的问题__。用户获取数据时，不需要直接从源站获取，通过 对于数据的分发，用户可以从一个较优的服务器获取数据，从而达到快速访问，并减少源站负载压力的目的。 CDN加速动机 为什么不从源站进 ...
分类：
Web程序 时间：
2018-12-23 19:36:15
阅读次数：
232
前言：针对一些会频繁触发的事件如scroll、resize，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能 节流： 节流：使得一定时间内只触发一次函数。 它和防抖动最大的区别就是，节流函数不管事件触发有多频繁，都会保证在规定时间内一定会执行一次真正的事件处理函数，而 ...
分类：
Web程序 时间：
2018-12-22 16:35:30
阅读次数：
191
前端性能优化 浏览器请求处理流程如下图： 1、减少http请求，合理设置 HTTP缓存 http协议是无状态的应用层协议，意味着每次http请求都需要建立通信链路、进行数据传输，而在服务器端，每个http都需要启动独立的线程去处理。这些通信和服务的开销都很昂贵，减少http请求的数目可有效提高访问性 ...
分类：
Web程序 时间：
2018-11-28 12:14:17
阅读次数：
207
