gzip

先引入path :const CompressionPlugin= require('compression-webpack-plugin') //Gzip module.expoers = { publicPath:'./', //使用相对路径打包 configureWebpack:{ plugins:[ new CompressionPlugin({ filename:'[path].gz[query]', algorithm:'gzip', test:new RegExp('\\.('+['js','css'].join('|')+')$'), threshold:8192, minRatio:0.8 }) ] } } 来源： oschina 链接： https://my.oschina.net/bing309/blog/3223237

HTML5性能优化 在看完这两章内容之后，我意犹未尽，于是乎从网上搜索关键字“Java Web高性能”，在IBM社区找到两篇不错的文章，而让人更意外的是我发现那两篇文章的内容跟《高性能HTML5》前两章高度相似，不知道是谁抄袭谁的，大家可以鉴别下真伪，下面附上地址。 http://dl2.iteye.com/upload/attachment/0097/9373/b0e69540-e703-3530-81bb-c93de7b850a6.pdf http://www.ibm.com/developerworks/cn/java/j-lo-javawebhiperf1/ http://www.ibm.com/developerworks/cn/java/j-lo-javawebhiperf2/ 前面是读后感，下面是我针对最近几天学习到的提高Web性能进行了篇幅不小的总结，一来为新人提供帮助，二来自己做一下笔记，加深记忆。 性能之前端篇 --减少重绘 在HTML页面完成展现之后，动态改变页面元素或调整CSS样式都会引起浏览器重绘，性能的损耗直接取决于动态改变的范围：如果只是改变一个元素的颜色之类的信息则只会重绘该元素；而如果是增删节点或调整节点位置则会引起其兄弟节点也一并重绘。 减少重绘并不是说不要重绘，而是要注意重绘范围：①改动的DOM元素越深则影响越小，所以尽量深入节点改动

在数据库中存储字符串的时候，为了节约空间，可以先使用 gzip 对内容压缩，然后再进行存储。 gzip 在浏览器的交互中比较常见，记得，之前在 nginx 的配置上，还专门开启过 gzip 的支持。 gzip 的压缩效率如何到底如何呢？当然，肯定跟具体的数据量级也有关系。下面，我们进行 gzip 压缩操作，看一下实际的效果： 准备数据： {"name":"道道法","age":26,"blogs":[100,201,333]} 首先，我们计算原始的 json 串占用空间的大小 # 使用wc命令，-c属性表示，输出内容的byte数，输出值：44 echo "{"name":"道道法","age":26,"blogs":[100,201,333]}" | wc -c 接下来，我们对数据进行 gzip 处理，看一下效果： # 输出值：63，这确实是一个失败的例子 echo "{"name":"道道法","age":26,"blogs":[100,201,333]}" | gzip -f | wc -c 通过上面的效果可以看出， gzip 在处理小数据量的压缩时，其实效果并不好。 还有一点， gzip 压缩后的结果是没法直接存储成 string 数据的。所以，引入下一个命令 base64 ，将 raw data 转换成 string 。命令很简单，就不再赘述。介绍一下 base64

规则1-减少HTTP请求 1.图片合并 1)将多个图片合并为一个图片, 2)CSS Sprites。使用CSS的background-positon属性，配合width/height显示指定位置的图片局部内容。 <div style="background-image:url('xxxxx.gif');background-position:-260px -90px; width:26px;height:24px;"></div> 3)合并后的图片，不但减少了下载次数，而且降低了总体大小，因为它减少了颜色表、格式信息等图片格式开销。 2.内嵌图片 1)使用data:URL模式 data:[<mediatype>][;base64],<data> data:URL形式无法直接被浏览器缓存，可以将其放在css样式表中，从而实现缓存，base64转换后的图片会变大。 .home{background-image:url(data:image/gif;base64,XXXXXXXXX);} 3.合并js和css文件 规则2-使用内容分发网络 规则3-使用Max-Age 1.使用Expires/Max-Age/mod_expires设定缓存时间 可以通过设置文件版本号等方法，使文件及时刷新。 规则4-压缩组件 1.gzip压缩 1)浏览器发送Accept-Encoding:gzip

最近在centos上安装搭建PHP环境,解压php.tar.gz包的时候，遇到了gzip: stdin: not in gzip format，解压不来的问题。 百度了下，有位大牛告知了原因：因为用的是wget 命令直接下载，但是如果网站上下载的时候需要有个同意安装协议，才能下载；而用wget下载默认是不同意的，所以就会遇到这个问题了。 解决方法：去网站上重新下载一份即可。 来源： https://www.cnblogs.com/effortfu/p/12579863.html