减少http请求。 使用 HTTP2。 使用服务端渲染 静态资源使用 CDN 将 CSS 放在文件头部，JavaScript 文件放在底部 使用字体图标 iconfont 代替图片图标 善用缓存，不重复加载相同的资源 压缩文件 图片优化 (1). 图片延迟加载 (2). 响应式图片 (3). 调整图 ...
分类：
其他好文 时间：
2020-11-17 11:52:44
阅读次数：
4
面试：提升页面性能优化的方法有哪些？ 1、资源压缩合并，减少http请求 （html压缩， css压缩，js压缩，文件-公共库合并） 合并图片（css sprites）、CSS和JS文件合并、CSS和JS文件压缩 图片较多的页面也可以使用 lazyLoad 等技术进行优化。 精灵图等 2. 非核心代 ...
分类：
其他好文 时间：
2020-06-19 16:11:44
阅读次数：
71
1 创建项目 安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件，项目目录如下： 2 压缩插件简介 3 本地安装插件 安装 安装 安装 4 配置gulpfile.js 5 执行任务 命令提示符执行： 执行后压缩后的文件目录如下： 6 插件其 ...
分类：
其他好文 时间：
2020-04-14 00:38:04
阅读次数：
85
基本配置 资源压缩相关模块 | 模块 | 说明 | | | | | ngx_http_gzip_module | 提供基础的gzip支持 | | ngx_http_gzip_static_module | 在向客户端返回常规文件之前，先查找是否存在该常规文件的.gz文件，有的话就直接返回.gz文件 ...
分类：
其他好文 时间：
2020-03-30 20:01:09
阅读次数：
72
本篇学习： 1、route压缩 2、Protobuf压缩 开始学习： 1、route压缩 { 概念： 1、使用route压缩的目的，节省网络资源。 2、压缩原理： 服务端：扫描所有handler。 客户端：在config/dictionary.json声明所有客户端使用的路由。 最后将所有客户端和服 ...
分类：
其他好文 时间：
2020-03-14 18:26:06
阅读次数：
82
1、资源压缩合并，减少 HTTP 请求； 2、非核心代码异步加载 （1）、异步加载的方式： 动态脚本加载（document创建一个script标签加在body或者head上） defer async （2）、异步加载的区别： defer是在HTML解析完之后才会执行，如果是多个，按照加载的顺序依次执 ...
分类：
其他好文 时间：
2020-02-14 16:24:12
阅读次数：
75
一 、 关注点 前端性能关注点 主要为 ① 浏览器端的页面渲染时间 ② 资源加载顺序 ③ 请求数量 ④前端缓存使用情况 ⑤ 资源压缩内容 二、 优化 ①、减少 DNS 查询次数：DNS 的作用是将 URL 转化为实际服务器主机 IP 地址，实现原理是分级查找，查找过程需要花费 20~100ms 的时 ...
分类：
其他好文 时间：
2019-11-28 13:01:39
阅读次数：
83
资源压缩 概念：减小资源大小的过程叫做资源压缩。针对不同类型的资源有不同的压缩技术。本文主要总结文本资源的压缩。即我们网页上面的代码文本如JS、CSS等。 代码压缩 代码文本里边有许多对于运行没有作用的部分，如多余的空白，注释，我们在生产环境中可以将它们去掉来减少网络传输字节。 gulp-uglif ...
分类：
其他好文 时间：
2019-11-26 21:15:21
阅读次数：
76
一个大型网站应用一般都是从最初小规模网站甚至是单机应用发展而来的，为了让系统能够支持足够大的业务量，从前端到后端也采用了各种各样技术，前端静态资源压缩整合、使用CDN、分布式SOA架构、缓存、数据库加索引、读写分离等等。 这些技术是高并发系统所必须的，但是今天先不细说，而先谈谈在这些架构既定的情况下 ...
分类：
其他好文 时间：
2019-10-06 13:36:49
阅读次数：
57
grunt是什么，grunt就是个东西.. grunt作为一个前端构建工具，有资源压缩，代码检查，文件合并等功能。 下面就简单了解grunt的使用。 一、环境配置 grunt是基于nodejs的，所以需要一个 nodejs 环境，未了解的可以 来这看看 还是在windows下， 首先要保证grunt ...
分类：
其他好文 时间：
2019-07-30 14:19:23
阅读次数：
145
