使用Minify合并css和js减少http请求

一个页面可能包含很多的css和js文件，如果能够合并这些文件，能够大大减少网站的http请求，减少日志的产生和用户体验的提高。

Minify就是一个能够合并css或js为一个文件的工具，不但可以合并，而且可以压缩。下面介绍一下使用方式：

首先下载Minify

下载地址：https://code.google.com/p/minify/downloads/list

解压后，将里面的min文件夹解压到网站根目录

然后访问http://域名/min

用我的站点做个样例：http://www.yihuotv.com/min

生成单个css/js文件

进去页面后，是Minify的在线工具页面

在文本框中加入css或者js的地址（css和js的要分别添加和生成）

然后点击updata生成最终的路径

将生成的HTML复制下来，注释掉网页HTML源码中原来的css和js代码，将合并后的代码复制进去

可以看看我的站点的最终效果：www.yihuotv.com

原来有10个css和js文件（我已经将他们注释掉了）

合并后生成1个css文件，和1个js文件

打开其中的css文件，发现已经压缩过了

所有的css合并成了一个进行传输

转载于:https://blog.51cto.com/lustlost/1154566

使用Minify合并css和js减少http请求相关推荐

合并多个js,css文件的方法：在服务端合并js和css文件
合并所有的js和css文件可以减少HTTP请求,这样能提升访问速度. 通常为了开发的方便,我们会把js按用途分类,这样就会有很多js文件,比如sablog的jscript文件夹里就有10几个文件,这样 ...
java Web程序使用wro4j合并、压缩js、css等静态资源
在Web项目中,js.css合并压缩,不仅有利于减少Http请求数量.减少宽带资源占用,还能有效的管理各种js.css的引入,使整个项目更加有序.而对于访问用户来说,其更大的好处是增加了页面的打开速度 ...
js合并压缩 java_Java Web程序使用wro4j合并、压缩js、css等静态资源
在Web项目中,js.css合并压缩,不仅有利于减少Http请求数量.减少宽带资源占用,还能有效的管理各种js.css的引入,使整个项目更加有序.而对于访问用户来说,其更大的好处是增加了页面的打开速度 ...
java css js 合并_java Web程序使用wro4j合并、压缩js、css等静态资源
在Web项目中,js.css合并压缩,不仅有利于减少Http请求数量.减少宽带资源占用,还能有效的管理各种js.css的引入,使整个项目更加有序.而对于访问用户来说,其更大的好处是增加了页面的打开速度 ...
wordpress 调用css,WordPress折腾记-精简CSS及JS在插件中的调用
GD Star Rating loading... 爱折腾WP是我的一个习惯,不折腾就会手痒,哈哈~~此文仅作为一个精简CSS及JS在插件中调用的范例,其他插件的精简可以按照此文的方法来做. 众所周知 ...
web前端面试题完美整理/涵盖html,CSS、JS、浏览器、Vue、React、移动web。
本篇文章整理总结了一些前端面试题,涵盖面很广,并且面的都是知名大厂,所以这些题还是很有代表性的,都掌握以后一面基础面应该没什么问题,二面也能应付大半,奉上: css相关更多教程:https://su ...
前端面试题 HTML、CSS、JS、Vue、Es6
第一部分 HTML&CSS整理答案什么是HTML5? 答:HTML5是最新的HTML标准. 注意:讲述HTML5推出的设计目的,以及现在市场的使用情况,浏览器支持情况等.... 设计目的 H ...
前端面试题全面整理-带解析涵盖CSS、JS、浏览器、Vue、React、移动web、前端性能、算法、Node...
来源 | https://www.html.cn/interview/13950.html 本篇文章整理总结了一些前端面试题,涵盖面很广,并且面的都是知名大厂,所以这些题还是很有代表性的,都掌握以后一 ...
css、js、浏览器、vue、react、移动web、前端性能、算法、node前端面试题
前端面试题全面整理-带解析涵盖(css.js.浏览器.vue.react.移动web.前端性能.算法.node) 前言上期整理了一些vue面试题,本期整理总结这些前端面试题,涵盖面很广,并且面的都 ...

使用Minify合并css和js减少http请求

使用Minify合并css和js减少http请求相关推荐

最新文章

热门文章