如何能让用户更快的打开我们的网页? 1、尽可能减少HTTP请求数 2、使用CDN(内容分发网络) 3、添加Expire/Cache-Control头 4、启用Gzip压缩 5、将CSS放在页面最上面 6、将Script放在页面最下面 7、避免在CSS中使用Expressions 8、将JavaScr ...
分类:
Web程序 时间:
2016-12-27 00:51:37
阅读次数:
146
Gulp 是前端自动化开发工具,我们可以用它提高开发效率。 它有以下用途: 压缩js、压缩css、压缩less、压缩图片等功能 首先我们开始安装Gulp Gulp是基于node来实现的,所以应该先安装node环境,具体请百度一下 安装好node环境之后 命令行中,输入npm install gulp ...
分类:
其他好文 时间:
2016-12-08 21:21:40
阅读次数:
200
gulp-sass:预编译sass; gulp-imagemin:压缩png、jpj、git、svg格式图片 gulp-minfy-css:压缩css文件 gulp-rename 重命名文件,把一个文件储存不同版本时使用 gulp-concat:整合文件用的 gulp-autoprefixer 设置 ...
分类:
其他好文 时间:
2016-11-20 15:56:03
阅读次数:
143
MVC中有个专门提供JS和CSS压缩的类,BundleCollection,其实这个类也可以在asp.net中用, 关于BundleCollection类的详细推荐个地址:http://www.cnblogs.com/lifeil/archive/2013/03/11/2954071.html 我这 ...
分类:
Web程序 时间:
2016-11-19 20:15:35
阅读次数:
304
看的这篇文章 http://www.frostsky.com/2014/07/sass-scss/ 写的还比较清晰 SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。 SCSS即是SASS的新语法,是 ...
分类:
Web程序 时间:
2016-11-02 20:51:25
阅读次数:
564
1、 压缩 CSS 压缩 css 代码可降低 css 文件大小,提高页面打开速度。 目标:找到 css/ 目录下的所有 css 文件,压缩它们,将压缩后的文件存放在 dist/css/ 目录下。 在压缩之前,需要安装新的模块,输入以下命令行: 在对应目录创建 gulpfile.js 文件并写入如下内 ...
分类:
其他好文 时间:
2016-10-28 02:42:31
阅读次数:
147
grunt 是一个基于npm,node.js 用js编写的工具框架,可以自动完成一些重复性的任务(如合并文件,语法检查,压缩代码), grunt拥有庞大的插件库,可以满足各种自动化批处理需求,常用的插件有: concat > 合并文件csslint > css语法检查cssmin > css压缩js ...
分类:
编程语言 时间:
2016-10-15 14:02:53
阅读次数:
161
一、减少HTTP请求 1.合并CSS、js:每次调用js、css都要发送一次http请求,所以并不是分开写好几个文件比较好 js、css压缩。js压缩可以用grunt HTML优化: 使用语义化标签 减少iframe:iframe是SEO的大忌,iframe有好处也有弊端 避免重定向 CSS优化: ...
分类:
其他好文 时间:
2016-09-22 01:13:08
阅读次数:
191
有时会从网上下载一些css压缩文件,打开后所有代码都在一行,不利于阅读,通过css format插件,能快速展开代码,方便阅读。 参考:Sublime Text 上最好用的 CSS 格式化插件 —— CSS Format css format 下载:https://github.com/mutian ...
分类:
Web程序 时间:
2016-07-22 01:17:40
阅读次数:
1208
http://developer.51cto.com/art/201506/479127.htm 用grunt搭建自动化的web前端开发环境-完整教程(只是介绍了JS、CSS压缩及文件改变监控) http://blog.csdn.net/puncha/article/details/18384289 ...
分类:
编程语言 时间:
2016-06-15 12:37:54
阅读次数:
214