代码优化可以提高网站的性能
优化规则:
1.尽量减少HTTP请求
1).合并css 背景图片。
background-position 属性设置背景图像的起始位置。
2).合并样式表和脚本。
优化方式:require.js
3).压缩图片
4).避免重定向
2.脚本执行优化
1).css写在头部
2).javascript写在尾部或者异步
3.css优化
...
分类:
移动开发 时间:
2015-08-20 19:09:26
阅读次数:
139
安装node.js 这个非常简单,下载下来,配置下环境变量就可以了,使用node -v查看是否安装成功 安装压缩需要的模块分别是uglify-js,clean-css,node-smushit 命令是npm install xxx ,我之前安装都是不适于全局安装...
分类:
Web程序 时间:
2015-08-15 18:37:22
阅读次数:
171
在线压缩网站http://tools.css-js.com/compressor.htmlUglifyJS 是用 NodeJS 编写的 JavaScript 压缩工具,是目前最流行的JS压缩工具,JQuery 就是使用此工具压缩,UglifyJS 压缩率高,压缩选项多,并且具有优化代码,格式化代码功...
分类:
编程语言 时间:
2015-08-13 11:35:44
阅读次数:
146
压缩前的工程目录: 1、安装js,css需要的插件 使用npm安装:npm installgrunt-contrib-uglify --save-dev -------->安装js压缩插件 npm installgrunt-contrib-cssmin --save-d...
分类:
Web程序 时间:
2015-07-27 18:30:05
阅读次数:
149
自从用了(require + backbone)开发模式,加载的文件简直可以捋起一座山了;虽然是异步,但是该节省的也是要节省的,是时候减减负了
分类:
Web程序 时间:
2015-07-14 20:20:52
阅读次数:
135
Grunt,javascript我想先花点时间回忆一下作为一个前端需要做的工作(Loading...)JS合并JS压缩CSS压缩CSS Sprite图片优化测试静态资源缓存(版本更新)...对应的,一个全副武装的前端可能会是这样的:JSHintCSSLintJadeCoffeeScriptRequi...
分类:
其他好文 时间:
2015-06-18 13:07:21
阅读次数:
160
1、减少HTTP请求(合并请求)。2、使用CDN数据加速(各地独立的内容分发机制)。3、合理使用Expires头来增加缓存效果。4、使用动态或静态压缩技术,并且压缩JS或HTML等文本格式中的字符数,来减少网络消耗(使用单字母来定义JS变量、去除多余的空格和格式字符,或者使用JS压缩..
分类:
其他好文 时间:
2015-06-16 19:33:20
阅读次数:
134
本节实现JS压缩,在实现压缩前,先配置JS任务,设置源目录和输出目录。在系列(三)代码的基础上,再进行扩展。1.找到gulp->config.js,对JS进行源目录(src->img)和输出目录(build->img)的配置:2.gulp->tasks里新建JS任务,如下图:3.同时在default...
分类:
Web程序 时间:
2015-06-12 11:39:51
阅读次数:
128
写在前面不管是做前端的还是做后台的,不管是懂javaScript的还是不太懂JavaScript的人,我想都或多或想的知道些许js压缩对于页面性能提升的效应吧。之前老喜欢用在线压缩工具去压缩js,其实想想之前的这个做法就有些不寒而栗,假设一下,如果一个项目中的js有50个的话,你要去用在线压缩工具压...
分类:
Web程序 时间:
2015-05-25 08:33:36
阅读次数:
176
js压缩工具http://prettydiff.com/?m=beautify&s=http://prettydiff.com/prettydiff.jshttp://yui.github.io/yuicompressor/http://jscompress.com/js反压缩工具http://js...
分类:
Web程序 时间:
2015-05-24 14:08:20
阅读次数:
140