背景 如果你是个前端开发人员，你肯定知道线上环境要把js，css，图片等压缩，尽量减少文件的大小，提升响应速度，特别是对移动端，这个非常重要。 压缩 压缩方式 前端压缩的方式很多，依赖java的有ant工具，前端自己打包压缩的有grunt，gulp，webpack，这些压缩也很重要，基本上能压缩50 ...
分类：
其他好文 时间：
2019-06-23 21:14:46
阅读次数：
234
> 参考文献：大型网站技术架构：核心原理与案例分析/李智慧.北京：电子工业出版社，2013.9 浏览器访问优化 1.减少http请求 HTTP协议是无状态的应用层协议，意味着每次HTTP请求都需要建立通信链路、进行数据传输，而在服务器端，每个HTTP请求都需要启动独立的线程去处理。这些通信和服务的开 ...
分类：
Web程序 时间：
2019-06-22 20:07:25
阅读次数：
164
性能优化： 一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。（将css文件和并为一个。将js合并为一个） 原因：主要是为了减少http请求次数以及减少请求资源的大小 打包工具： webpack gulp grunt . ....2、尽量所使用的字体图标或者SVG图标来代替传统png ...
分类：
其他好文 时间：
2019-06-04 13:30:21
阅读次数：
118
介绍 本文将详细介绍前端性能优化的七大手段，包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求数量 【合并】 如果不进行文件合并，有如下3个隐患 1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟 2、受丢包问题影响更严重 3、 ...
分类：
其他好文 时间：
2019-05-25 13:04:15
阅读次数：
102
前端性能优化方案大体分为网络传输优化和页面内容优化， 网络方面 1、减少http请求 合并js文件 合并css文件 雪碧图的使用(css sprite) 使用base64表示简单的图片 2、减小资源体积 gzip压缩 js混淆 css压缩 图片压缩 3、使用缓存 DNS缓存 CDN部署与缓存 htt ...
分类：
其他好文 时间：
2019-05-14 15:00:48
阅读次数：
148
1) 性能优化指标 2) 性能优化工具 3) 性能优化法制 4) HTTP协议头缓存 5) 资源按需加载 6) 不同网络类型的优化 7) 优化实战案例 如今的前端开发已经从严重依赖后端演变成了node做中间层，MVVM框架进行服务端渲染做view层。性能优化也变得异常重要， 主要对以下几个方面做了几 ...
分类：
其他好文 时间：
2019-05-06 09:12:44
阅读次数：
196
减少 HTTP 请求数量 基本原理：在浏览器与服务器进行通信时，主要是通过 HTTP 进行通信。浏览器与服务器需要经过三次握手，每次握手需要花费大量时间。而且不同浏览器对资源文件并发请求数量有限（不同浏览器允许并发数），一旦 HTTP 请求数量达到一定数量，资源请求就存在等待状态，这是很致命的，因此 ...
分类：
Web程序 时间：
2019-04-11 16:05:40
阅读次数：
191
性能优化常见的办法： 一、资源压缩与合并 资源压缩与合并 主要包括这些方面： html压缩，CSS压缩，JS的压缩和混乱以及合并。 1、html 压缩 html代码压缩就是压缩这些在文本文件中有意义，但是在HTML中不显示的字符，包括空格，制表符，换行符等，还有一些其他意义的字符，如HTML注释也可 ...
分类：
其他好文 时间：
2019-04-09 18:54:29
阅读次数：
158
1.减少HTTP请求数 常用的方法，合并css，js（将一个页面中的css和js文件分别合并）以及 Image maps和css sprites等。 2.使用CDN（内容分发网络） 通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的 cache服务器内，通过DNS负载 ...
分类：
其他好文 时间：
2019-04-03 12:46:21
阅读次数：
176
首先来看一下前端性能优化所涉及的层面有如下四个：网络层面，构建层面，浏览器渲染层面，服务端层面 具体的优化点有：资源合并与压缩，图片编码原理和类型的选择，浏览器的渲染机制，懒加载与预加载，浏览器存储，缓存机制，PWA，Vue-SSR等等 首先来了解一下web前端的本质 web前端的本质是一种GUI软 ...
分类：
其他好文 时间：
2019-03-25 01:21:16
阅读次数：
252
