linux 命令的基本用法是：zip [参数] [打包后的文件名] [打包的目录路径]
gulp能够帮助用户自动压缩静态资源，配合各类下属插件，能够压缩包括css、js、html乃至各类格式的图片文件。（图片文件的压缩往往只能节省几十KB，效果远远不如imagine、tinypng等压缩方式，所以此处不再写使用gulp压缩图片的内容）。
在粉丝群里面，我多次强调爬虫不要把网页源代码存入数据库，但还是有很多同学这样做。源代码动辄几十 KB 甚至几 MB，存放到数据库里面会严重拖慢性能。
今天，逛松果博客的时候，看到了他分享的《wordpress 通过代码压缩网页》一文，让我想起了其实张戈博客之前也用过这个功能，当时是在 WP 迷博客看到的纯代码版本，用了之后发现和知更鸟主题会产生冲突
gulp能够帮助用户自动压缩静态资源，配合各类下属插件，能够压缩包括css、js、html乃至各类格式的图片文件。
对于任何一个网站来说，优化页面的访问速度是必须的，个人来说，只要加载页面十秒以上或长时间处于空白或加载状态，我会立刻关掉此页面的。你又能容忍几秒呢？
开启gzip好处多多，对数据进行压缩数据，节省流量。 GZip压缩的基本流程如下： 1. Web服务器接收到浏览器的HTTP请求后，检查浏览器是否支持HTTP压缩（Accept-Encoding 信息）； 2. 如果浏览器支持HTTP压缩，Web服务器检查请求文件的后缀名； 3. 如果请求文件是HTML、CSS等静态文件，Web服务器到压缩缓冲目录中检查是否已经存在请求文件的最新压缩文件； 4. 如果请求文件的压缩文件不存在，Web服务器向浏览器返回未压缩的请求文件，并在压缩缓冲目录中存放请求文件的压缩文件
将 /home/html/ 这个目录下所有文件和文件夹打包为当前目录下的 html.zip：
将 /home/Blinux/html/这个目录下所有文件和文件夹打包为当前目录下的html.zip：
这篇文章整理了18个Webpack插件，分享给Web开发的小伙伴。Plugin是一个扩展器，它丰富了webpack本身，针对的是loader结束后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听webpack打包过程中的某些分段，执行广泛的任务。
网站加载的速度取决于浏览器下载的所有文件的大小。减少要传输的文件的大小不仅可以使网站加载速度更快，而且对那些必须为带宽使用付费的人来说更便宜。
要实现 HTML 压缩，可以使用 JavaScript 中的正则表达式来去除 HTML 中的空格和注释。以下是一个简单的 HTML 压缩函数：
HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求服务器对应资源后，从服务器端将资源文件压缩，再输出到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，压缩效率也很高。
网站加载的速度取决于浏览器必须下载的所有文件的大小。减少要传输的文件的大小可以使网站不仅加载更快，而且带宽费用也更便宜。
网站加载的速度取决于浏览器必须下载的所有文件的大小。减少要传输的文件的大小可以使网站不仅加载更快，而且对于那些宽带是按量计费的人来说也更友好。
这个方案主要是为了实现js/css/image的压缩合并、自动添加版本号、自动加浏览器前缀和压缩html。
在开发完成后，代码正式上线都需要对代码进行压缩，这样代码资源会变的更小，访问速度也会变的更快。
gulp是基于流的前端构件化工具。gulp是自动化项目的构建利器；不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成。同时使用非常简单，学习成本低。这个压缩工具也是前端必学的的工具。
现在不知道还有多少项目没用框架开发，虽然觉得应该是没有，但是保不齐还有很多，毕竟一些项目迭代的太多了，想要重构太花成本，就一直留存至今。
原创不易，未经作者允许禁止转载！！ 前段时间和天诚学长（21届上岸TX的大佬）交流了一下他在Webpack CSS压缩遇到的坑，一时兴起总结了这篇Webpack体积压缩相关的知识，希望你读完能有所收获
一、HTML 压缩 1、利用在线网站进行压缩（https://tool.oschina.net/） 2、nodejs 提供了 html-minifier 工具 3、后端模板引擎渲染压缩 二、CSS 压缩 1、利用在线网站进行压缩 2、使用 html-minifier 对 html 中的 css 进行压缩 3、使用 clean-css 对 css 进行压缩 三、JS 压缩与混乱 1、无效字符的删除 2、剔除注释 3、代码语义的缩减和优化 4、代码保护 四、文件合并 （将 a.js、b.js、c.js 合并成一
/** * 1. LESS编译 压缩 合并 * 2. JS合并 压缩 混淆 * 3. img复制 * 4. html压缩 */
打包压缩js与css 由于webpack本身集成了UglifyJS插件（webpack.optimize.UglifyJsPlugin）来完成对JS与CSS的压缩混淆，无需引用额外的插件, 其命令webpack -p即表示调用UglifyJS来压缩代码，还有不少webpack插件如html-webpack-plugin也会默认使用UglifyJS。 uglify-js的发行版本只支持ES5，如果你要压缩ES6+代码请使用兼容开发分支。 UglifyJS可用的选项有： parse 解释 compr
比如访问“www.jd.com"，一个完整页面的访问，往往会经过很多次的HTTP请求共同完成，这中间会涉及到浏览器并发数。具体片段如图
“智能压缩”按照又拍云的说法是，同时支持 Gzip 和 Brotli 压缩算法。根据用于浏览器开启自动选择不同压缩方式。
在以往的Emlog优化教程中，相信都是使用的代码压缩插件，今天主要是分享插件的代码版本，也就是不使用插件，直接将代码丢在module.php中就可以，好吧，又消灭一个插件！ 以下代码是扔在module.php里面的 function em_compress_html_main($buffer){ $initial=strlen($buffer); $buffer=explode("", $buffer); $count=count
在以往的Emlog优化教程中，相信都是使用的代码压缩插件，今天主要是分享插件的代码版本，也就是不使用插件，直接将代码丢在module.php中就可以，好吧，又消灭一个插件！
模块热更新插件。Hot-Module-Replacement 的热更新是依赖于 webpack-dev-server，后者是在打包文件改变时更新打包文件或者 reload 刷新整个页面，HRM 是只更新修改的部分。
本文将从反向代理、文件压缩、地址重写三方面来讲解Nginx在Docker环境下的使用技巧！ 在Docker环境下的安装 下载nginx的docker镜像 docker pull nginx:1.10 从容器中拷贝nginx配置 先运行一次容器（为了拷贝配置文件）： docker run -p 80:80 --name nginx \ -v /mydata/nginx/html:/usr/share/nginx/html \ -v /mydata/nginx/logs:/var/log/nginx \
webpack使用日常，使用webpack是需要压缩html模板代码请注意 var HtmlWebpackPlugin = require('html-webpack-plugin') webpackconfig = { ... plugins: [ new HtmlWebpackPlugin({ template: 'src/index.html', minify: { removeComments: tru
写到最后总结得差不多了，后续如果我想起还有哪些构建依赖遗漏的，会继续在这篇文章上补全，同时也希望各位倔友对文章里的要点进行补充或者提出自己的见解。欢迎在下方进行评论或补充喔，喜欢的点个赞或收个藏，保证你在开发时用得上。# 前端汇总系列：npm依赖(构建编译)
执行SQL查询时，主要的几个瓶颈在于：CPU运算速度、内存缓存区大小、磁盘IO速度。而对于大数据量数据的查询，其瓶颈则一般集中于磁盘IO，以及内存缓存。那么为了提高SQL查询的效率，一方面我们需要考虑尽量减少查询设计的数据条目数——建立索引，设立分区；另一方面，我们也可以考虑切实减少数据表物理大小，从而减少IO大小。在SQL Server 2008中，最新提供了一项功能“压缩（Compression）”，就是用于减少数据表、索引物理大小。 设置压缩 在企业管理器中，在需要压缩的表或索引上右键选择S
GZip 是一种改进web应用程序性能的技术，文件压缩后再传输可以减少传输数据，提升传输速度。在Nginx服务器上开启Gzip压缩可以有效减少网络传输流量，提升网站的访问速度和性能。
H.264和H.265是两种不同的视频编码标准，它们在压缩质量和带宽需求方面有所不同。
前面我介绍了可以使用 Minify 这个工具和其 WordPress 插件对 CSS 和 JS 进行最小化压缩和合并，但是对于服务器输出的 HTML 代码，是否也可以进行压缩呢？
目前做代码压缩合并的工具有很多，诸如gulp，webpack，grunt等等，可以说这些项目构建工具的功能非常之强大：图片压缩、图片转base64、css和js的压缩以及合并，文件的md5重命名 ……。本人之前也是在项目中没具体使用过，闲来无事，查查资料，自己写了一个用gulp工具的小demo，有很多不足之处，欢迎指点。 第一步：安装node和npm 不用说，要用gulp，得先安装node和npm（安装完node后，自带有npm） Node官网下载地址：https://nodejs.org/en/downl
本文主要介绍了如何将一个使用webpack构建的web应用打包为适用于各浏览器的可执行文件。首先介绍了webpack和browserify的区别，然后说明了webpack的配置文件，紧接着介绍了如何设置多入口，并分析了生产环境基于node的webpack如何处理。最后，作者分享了如何对css、js代码进行压缩、图片进行优化以及支持多入口的打包结果。
user 设置Nginx服务的系统用户 worker_processes 工作进程数 和硬件CPU核数一致 error_log nginx的错误日志 pid nginx服务启动时候pid woker_connections 每个进程允许最大连接数 use 内核模型select epoll
本文需要安装node（自行安装），并了解过gulp入门。gulp脚本下载：https://github.com/youhunwl/gulp 欢迎star。
zip程序将一个或多个压缩文件与有关文件的信息(名称、路径、日期、上次修改的时间、保护和检查信息以验证文件完整性)一起放入一个压缩存档中。可以使用一个命令将整个目录结构打包到zip存档中。
要知道，网站的打开速度取决于浏览器打开下载的网页文件大小。如果传输的页面内容文件减少，那你网站的打开速度一定会加快。特别是手机端的用户，打开网站速度受限于移动端网络，所以压缩网站页面内容显得至关重要。
如果希望对在静态页面中引入的相关资源进行压缩（比如：CSS，JavaScript，图片等），可以使用Gulp实现。 当然，还可以其他其他打包工具，比如：Grunt，Webpack等等。
本文将讲述如何在腾讯云云服务器中安装 Tengine ，并配置 gzip 、http2.0等模块。
汇总篇：http://www.cnblogs.com/dunitian/p/4822808.html#tsql ADO.Net简单演示：https://github.com/dunitian/Temp
之前第一篇的时候，因为没有用任意配置，导致wasm加载很慢，我就感觉不会是这样的，为了不误导小盆友，所以还是趁着周末研究了一波，做了相关的调整，经过测试，速度基本可观了，移动端也能轻松驾驭。万岁！
安装完gulp环境，并且配置好gulpfile.js，执行静态文件压缩和代码混淆时，出现如下错误： Error: Cannot find module 'gulp-clone' Error: Cann
考虑一下这种场景，你开发了一个应用，它有十分优秀的布局设计，最新的特性以及其它的优秀特点。但是在性能这方面欠缺，不管这个应用如何都会遭到客户拒绝。客户总是期望它们的应用应该有更好的性能。如果你在产品中使用了Tomcat服务器，那么这篇文章就会给你几方面来提升Tomcat服务器的性能。感谢ITWorld article给本文提供资源。经过沉思我已经知道了和早期版本相比最新的Tomcat提供更好的性能和稳定性。所以一直使用最新的Tomcat版本。现在本文使用下面几步来提高Tomcat服务器的性能。 增加JVM堆内存大小 修复JRE内存泄漏 线程池设置 压缩 数据库性能调优 Tomcat本地库 其它选项 第一步 – 提高JVM栈内存Increase JVM heap memory 你使用过tomcat的话，简单的说就是“内存溢出”. 通常情况下，这种问题出现在实际的生产环境中.产生这种问题的原因是tomcat使用较少的内存给进程,通过配置TOmcat的配置文件(Windows 下的catalina.bat或Linux下的catalina.sh)可以解决这种问题.这种解决方法是通过增加JVM的栈内存实现的.也就是说，JVM通常不去调用垃圾回收器，所以服务器可以更多关注处理web请求，并要求尽快完成。要更改文件(catalina.sh) 位于"\tomcat server folder\bin\catalina.sh"，下面，给出这个文件的配置信息， [plain] view plain copy JAVA_OPTS="-Djava.awt.headless=true -Dfile.encoding=UTF-8 -server -Xms1024m -Xmx1024m -XX:NewSize=512m -XX:MaxNewSize=512m -XX:PermSize=512m -XX:MaxPermSize=512m -XX:+DisableExplicitGC" -Xms – 指定初始化时化的栈内存 -Xms – 指定初始化时化的栈内存 -Xmx – 指定最大栈内存 在重启你的Tomcat服务器之后，这些配置的更改才会有效。下面将介绍如何处理JRE内存泄漏. 第二步 – 解决JRE内存泄露 性能表现不佳的另一个主要原因是内存泄漏，正如我之前说过：始终使用最新的tomcat服务器以获得更好的性能和可伸缩性。现在，这句话变成真的。如果我们使用最新的tomcat版本6.0.26及以上就可以解决这个错误，因为它包含了一个监听器来处理JRE和PermGen的内存泄漏。使用的监听器是， [html] view plain copy <Listener className="org.apache.catalina.core.JreMemoryLeakPreventionListener" /> 你可以在server.xml文件中找到这个监听器的配置，server.xml位置在“tomcat project folder/conf/server.xml”。接下来，我们将看看如何调整连接属性“maxThreads”。 第三步 – 线程池设置 线程池指定Web请求负载的数量，因此，为获得更好的性能这部分应小心处理。可以通过调整连接器属性“maxThreads”完成设置。maxThreads的值应该根据流量的大小，如果值过低，将有没有足够的线程来处理所有的请求，请求将进入等待状态，只有当一个的处理线程释放后才被处理；如果设置的太大，Tomcat的启动将花费更多时间。因此它取决于我们给maxThreads设置一个正确的值。 [html] view plain copy <Connector port="8080" address="localhost" 2 maxThreads="250" maxHttpHeaderSize="8192" 3 emptySessionPath="true" protocol="HTTP/1.1" 4 enableLookups="false" redirectPort="8181" acceptCount="100" 5 connectionTimeout="20000" disableUploadTimeout="true" /> 在上述配置中，maxThreads值设定为“250”，这指定可以由服务器处理的并发请求的最大数量。如果没有指定，这个属性的默认值为“200”。任何多出的并发请求将收到“拒绝连接”的错误提示，直到另一个处理请求进程被释放。错误看起来如下， [java] view plain copy org.apache.tomcat.util.threads.ThreadPool logFull SEVERE: All t
jQuery是继Prototype之后又一个优秀的JavaScript库，是一个由John Resig创建与2006年1月的开源项目。现在的jQuery团队主要包括核心库、UI、插件和jQuery Mobile 等开发人员以及推广和网站设计、维护人员。
nginx配置参考文档（附带中文说明），能解决大部分配置问题了！ #定义Nginx运行的用户和用户组 user nginx nginx; #指定工作衍生进程数（一般等于CPU的总核数或者总核数的两倍）， #每个进程耗费10MB-12MB内存 worker_processes 4; #指定错误日志存放的路径 #错误日志记录级别可选项为：[debug | info | notice | warn | error | crit] #error_log logs/error.log; #error_lo
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
