一、减少HTTP请求 1.合并CSS、js:每次调用js、css都要发送一次http请求,所以并不是分开写好几个文件比较好 js、css压缩。js压缩可以用grunt HTML优化: 使用语义化标签 减少iframe:iframe是SEO的大忌,iframe有好处也有弊端 避免重定向 CSS优化: ...
分类:
其他好文 时间:
2016-09-22 01:13:08
阅读次数:
191
使用静态资源压缩可以合并静态资源文件减少客户端请求数量,压缩文件大小,减少网络流量的损耗 需要用到Microsoft ASP.NET Web Optimization,安装方法: 参考MVC构架的方法,App_Start中添加BundleConfig.cs 在themes下添加style1.css与 ...
分类:
Web程序 时间:
2016-09-19 10:18:16
阅读次数:
171
合并压缩多个静态文件到一个文件里面,可以减少网站的http请求,稍微优化性能,提高网站的用户体验 使用elixir来实现: 敲命令 合并并压缩js和css文件 ...
分类:
其他好文 时间:
2016-09-13 11:20:48
阅读次数:
669
一键自动化更新代码、编译、合并dll、压缩js、css、混淆dll、zip打包、发布到测试环境的批处理 ...
分类:
Web程序 时间:
2016-08-27 19:25:02
阅读次数:
624
您的阅读目录: 一、理解webpack加载器loader 二、理解less-loader加载器的使用 三、理解babel-loader加载器的使用 四、webpak命令行常见使用的操作 五、用webpack内置组件UglifyJsPlugin来压缩js和css 六、html-webpack-plug ...
分类:
Web程序 时间:
2016-08-26 09:12:10
阅读次数:
407
使用RequireJS模块化后代码被拆分成多个JS文件了,在部署生产环境需要压缩合并,RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大,不但可以压缩js,css,甚至可以对整个项目进行打包。 r.js的压缩工具使用UglifyJS或Closure Compile ...
分类:
Web程序 时间:
2016-08-24 19:10:51
阅读次数:
237
Node的便民技巧-- 压缩代码 下载图片 压缩代码 相信很多前端的同学都会在上线前压缩JS代码,现在的Gulp Webpack Grunt......都能轻松实现。但问题来了,这些都不会,难道就要面对几十个JS文件一遍遍来回“复制-压缩-创建-粘贴”,这样太不人性化了。 于是可以借助Node + ...
分类:
Web程序 时间:
2016-08-23 23:27:29
阅读次数:
303
今天学习gulp时候,用到gulp-uglify压缩js模块,遇到的一个问题-当用gulp.watch来监听js文件的变动时出现重复压缩的问题 目录结构如下: gulpfile.js代码如下: 执行gulp uglify命令后: 也生成了对应的*.min.js: 但是当我打开一个kong.js文件重 ...
分类:
其他好文 时间:
2016-08-23 21:48:37
阅读次数:
150
打包(Bundling)及压缩(Minification)指的是将多个js文件或css文件打包成单一文件并压缩的做法,如此可减少浏览器需下载多个文件案才能完成网页显示的延迟感,同时通过移除JS/CSS文件案中空白、批注及修改JavaScript内部函数、变量名称的压缩手法,能有效缩小文件案体积,提高 ...
分类:
Web程序 时间:
2016-08-15 20:49:15
阅读次数:
151
你需要检查js语法错误,然后再去压缩js代码。如果这两步你都去手动操作,会耗费很多成本。Grunt就能让你省去这些手动操作的成本。 “—save-dev”的意思是,在当前目录安装grunt的同时,顺便把grunt保存为这个目录的开发依赖项。看到“开发依赖项”这一次,是不是觉得有些眼熟?上文在配置pa ...
分类:
其他好文 时间:
2016-08-11 22:43:50
阅读次数:
179