前言 提高网站整体加载速度的一个重要手段就是提高代码文件的网络传输速度.之前提到过,所有的代码文件都应该是经过压缩了的,这可提高网络传输速度,提高性能.除了压缩代码之外,精简代码也是一种减小代码文件大小的手段.以下将讨论CSS代码相关的代码精简方案. 定义简洁的CSS规则 CSS的每条规则中都包含了规则的属性及属性值.定义简洁的CSS规则主要是指合并相关规则和定义简洁的属性值. 1. 合并相关CSS规则 CSS中的某些样式是由多个规则组成的,比如字体样式,就包含:font-family.font…

写html页面的时候,多修改几次就会出现很多无用的css代码,下面使用gulp-uncss来精简css文件,去掉没用的css代码 1.首先找个目录创建一个gulp项目在命令行输入:npm init  然后一路回车创建一个项目 2.安装gulp和gulp-uncss --save -dev 在命令行输入: npm install gulp npm install gulp-uncss --save -dev 3.安装完成后在目录里创建一个文件 gulpfile.js(文件名不要改,改了会报错),然…

由于页面有很多图片,页面加载速度有点慢,本来打算减小图片的体积,后来想想这个后期还得测试下,所以暂时不打算使用google的图片优化工具,先把ecshop生成的html代码压缩下吧 压缩前:首页体积为38kb,压缩后:首页html代码提交24kb,页面测试效果没有任何问题,无错误. 下面我介绍下提升ecshop压缩代码的方法: 1.找到include/cls_templete.php,查找echo $out;在这行代码上方加入底下的代码,保存,然后上传空间,刷新缓冲,ctrl+f5强制刷新页面,…

为了降低tomcat服务的压力,把页面上的图片采用windows版的nginx进行加载,由于有些图片比较大,加载特别的慢,所以在nginx中打开了gzip的压缩功能.加载图片的速度快了很多. 通过站长工具中的"网页GZIP压缩检测"工具检测图片的压缩率达到了69.53%,如下图: 下面介绍nginx.conf文件是怎么配置的: 1.打开nginx.conf配置文件: 2.找到#gzip on这句,如下图: 3.在把#gzip on 改成下面代码: #开启Gzip gzip on; #不…

过去一段时间曾两次使用了 D3 力导向图来描绘族群关系. http://bl.ocks.org/mbostock/1062288 第一次用的时候不求甚解,交差了事.当时点也不多,很顺利完成了任务.这一次确不同,每个图里要渲染的有成千上万个点,每次渲染都死慢死慢,一大堆点动来动去,动半天才稳定下来,这一晃几分钟过去了. 阅读了一下官方文档 ,发现问题出来 tick 上. force.start() 后,有一个计时器不停地触发 tick 直到所有节点最终受力平衡稳定下来. 可以理解为,有个计时器不停…

本教程是针对vue-cli3以上的版本,其实原理都大同小异,这个demo为vue-cli直接创建的项目,并在main.js中引入了echart.element-ui.lodash 首先看demo打包后生成的文件大小,这个demo里面什么业务都没写.仅仅引入了几个包,chunk-vendors.js就达到了1.6M之多,如果是写入了庞大的业务后没做任何优化处理,那么这个文件可能会达到10M之多,这发生在我真实的项目经历中 借助webpack-bundle-analyzer帮助分析 首先安装webp…

下面分2点来说: 1. 时间消耗点:io和现场解析 解决方案:加载过的骨骼动画就不要每次重新加载,不要每次都去加载json文件和atlas,我推荐使用 static CCSkeletonAnimation* createWithData (SkeletonData* skeletonData) 这就需要你把解析SkeletonData数据保存起来. ); 这个方法又要加载文件又要现场解析atlas和json,所以会慢很多. 2. 时间消耗点:Json解析. 解决方案:尽量共用骨骼(json是骨骼…

phar文件可以把用到的PHP文件全部打包在一个文件中,十分方便网站部署.但是单个的PHP文件可以使用opcache缓存(字节码缓存),以提升PHP的运行速度.那么PHAR文件包如何使用缓存呢. 这里需要进行配置(php.ini) phar.cache_list 手册上的解释为: Allows mapping phar archives to be pre-parsed at web server startup, providing a performance improvement that…

由于国情,我们需要对配置一下docker的下载镜像,提高一下后续的加载速度. 使用vim编辑 /etc/docker/daemon.json, 增加如下内容. { "registry-mirrors": ["https://6xacs6l2.mirror.aliyuncs.com"] } 启动我们的docker服务 作者:hoptop链接:https://www.jianshu.com/p/2faca4e1f6fb来源:简书简书著作权归作者所有,任何形式的转载都请联…

前言 提高网站整体加载速度的一个重要手段就是提高代码文件的网络传输速度.之前提到过,所有的代码文件都应该是经过压缩了的,这可提高网络传输速度,提高性能.除了压缩代码之外,精简代码也是一种减小代码文件大小的手段.以下将讨论CSS代码相关的代码精简方案. 定义简洁的CSS规则 CSS的每条规则中都包含了规则的属性及属性值.定义简洁的CSS规则主要是指合并相关规则和定义简洁的属性值. 1. 合并相关CSS规则 CSS中的某些样式是由多个规则组成的,比如字体样式,就包含:font-family.font…