js-image-compressor

js-image-compressor 是一个实现轻量级图片压缩的 javascript 库，压缩后仅有 5kb，在前端页面即可实现对图片的压缩。在提供基本图片压缩功能同时，还暴露出图片处理相关公用方法

最近在学习cocos creator，并成功做出一款非常简单的小游戏，但是在放到云服务器后访问时，却发现加载异常慢。

经过查看network的瀑布图发现是因为cc.js体积过大导致的。2.8M的文件加载时间接近二十秒。

既然确定了问题是由于js的文件过大，那么解决的方式必然是针对如何减少或者压缩js体积为主。

1：首先考虑如何减少

JavaScript奇淫技巧：20行代码，实现屏幕录像

本文展示一个技巧，可以给任何网站、网页实现屏幕录像功能。

即使你不是网站的管理者，也可以给它添加录制功能。

方法如下：

第一步：

复制一段JS代码，这段代码是实现录像功能的：

0. Node.js特点（记住三句话）

• 事件驱动
• 非阻塞IO模型（异步）

下哉ZY：https://www.97yrbl.com/t-1504.html

1.业务应用场景

Web前端开发主要是指传统的PC端网页开发，页面主要在PC端浏览器中运行，移动前端开发的页面主要在手机上运行。

直观来看，PC页面更大，移动页面更小。但是根据开发经验，页面大不代表写的代码复杂，页面小不代表开发简单。难易程度主要取决于具体的业务需求。

nginx开启的配置：

gzipon;  #开启gzip
gzip_min_length 1024;  #低于1kb的资源不压缩，
gzip_comp_level 3; #压缩级别【1-9】，越大压缩率越高，同时消耗cpu资源也越多，建议设置在4左右。
gzip_types text/plain application/javascript application/x-javascript text/javascript text/xml text/css;  #需要压缩哪些响应类型的资源，多个空格隔开。不建议压缩图片，下面会讲为什么。
gzip_disable "msie6";  #配置禁用gzip条件，支持正则。此处表示ie6不启用gzip（因为ie低版本不支持）
gzip_vary on;  #是否添加“Vary: Accept-Encoding”响应头

作者：wuwhs

https://segmentfault.com/a/1190000023486410

已获原作者授权转载

前言

公司的移动端业务需要在用户上传图片是由前端压缩图片大小，再上传到服务器，这样可以减少移动端上行流量，减少用户上传等待时长，优化用户体验。

要实现 HTML 压缩，可以使用 JavaScript 中的正则表达式来去除 HTML 中的空格和注释。以下是一个简单的 HTML 压缩函数：

function compressHTML(html) {
  // 去除注释
  html = html.replace(/<!--[\s\S]*?-->/g, "");
  // 去除多余空白
  html = html.replace(/\s+/g, " ");
  // 去除标签之间空格
  html = html.replace(/>\s+</g, "><");
  return html.trim();
}