`

静态资源(js/css)在线压缩合并Minify安装使用

阅读更多

Minify是个PHP开发的在线静态资源压缩合并应用。它跟YUI的Combo Handler是同类应用,都部署在静态资源服务器上,对JS/CSS进行压缩合并,从而达到减少请求数的目的,是常用的优化规则之一。Minify的安装使用很简单,大致如下。
  1. 搭建PHP环境
  2. 下载minify源码
  3. 安装minify
    1. 解压minify
    2. 将min文件夹拷贝到webserver的DOCUMENT_ROOT目录
  4. 测试安装是否成功
    1. 测试JS功能:http://yoursite/min/?f=min/quick-test.js
      • 出现:Error 403 Access Forbidden。这是因为访问的目录没有权限。修改apache配置文件:
        <Directory "your dir">    
            Options Indexes FollowSymLinks
            AllowOverride All
            Order allow,deny
            Allow from all
        </Directory>
         
      • 显示压缩过的文件,成功!!!
    2. 测试CSS功能: http://yoursite/min/?f=min/quick-test.css
  5. 配置
    1. 开启rewrite
      1. 在min目录找到.htaccess, 打开RewriteEngine on
      2. 测试http://yoursite/min/f=min/quick-test.js
        • 输出压缩后的代码,成功!!!
        • 报错,找不到页面。检查apache配置文件中<Directory>AllowOverride是否为All,如果不是,则改成All。
  6. Debug, 如果遇到压缩合并报错,可以打开debug模式
    1. config.php中设置$min_allowDebugFlag = true
    2. http://yoursite/min/f=min/quick-test.js&debug 测试,如果遇报错会有错误信息
  7. 用法<script src="http://yoursite/min/f=a.js,b.js,c.js"></script>不同文件之间用英文逗号隔开
  8. 更多个性化配置查看:http://code.google.com/p/minify/source/browse/min/config.php
0
0
分享到:
评论

相关推荐

    gulp打包及发布静态资源流程

    - `pipe()`:连接多个处理任务,例如使用`gulp-sass`编译SASS,`gulp-autoprefixer`添加浏览器前缀,`gulp-minify-css`压缩CSS。 ### 5. 发布资源 发布静态资源通常包括两个阶段:构建(Build)和部署(Deploy)。...

    推荐2款前端代码压缩工具minifier 推荐2款压缩css代码,js代码的工具

    YUI Compressor是由Yahoo开发的一款JavaScript和CSS压缩工具。对于CSS压缩,YUI Compressor表现优秀,能够有效地去除注释、空格和换行,同时合并多个CSS文件。在JavaScript方面,虽然不如Closure Compiler那么强大,...

    前端开源库-koa-assets-minify

    在构建阶段完成资源的合并和压缩,然后在运行时通过Koa-assets-minify提供这些优化过的静态文件。 **总结** Koa-assets-minify是前端开发中一个实用的工具,能够帮助Koa应用提升性能,降低网络延迟,提高用户体验...

    Python库 | Flask_Minify-0.18-py3-none-any.whl

    2. **CSS压缩**:Flask_Minify可以合并多个CSS文件为一个,并去除其中的空白字符,缩短选择器,优化颜色表示等,以减少网络传输的字节数。 3. **JavaScript压缩**:类似地,它可以合并和压缩JavaScript文件,通过...

    前端开源库-html-minify-loader

    在前端开发中,Webpack是一个广泛使用的模块打包工具,它允许开发者将JavaScript、CSS、图片等不同类型的资源组合在一起,形成一个或多个优化过的静态资源文件。**html-minify-loader** 就是Webpack生态中的一个重要...

    【nodejs】nodejs版seajs压缩部署工具

    在实际项目中,你可能还需要处理CSS、图片等其他静态资源,这通常需要结合其他的构建工具,如Gulp或Webpack。这些工具可以与`seajs-combo`配合使用,实现整个项目的构建流程自动化。 总结来说,Node.js版Seajs压缩...

    前端开源库-brunch-js-minify-js-files

    使用 `brunch` 进行 JavaScript 压缩的好处是,它可以无缝集成到整个前端构建流程中,与其他资源文件(如 CSS 和图片)的处理同步进行,确保最终产出的是一个完整的、优化过的静态站点或应用。 在实际开发中,...

    前端开源库-fis3-optimizer-minify

    2. **JavaScript 压缩**:对于 JavaScript 文件,`fis3-optimizer-minify` 使用诸如 UglifyJS 或 Terser 这样的工具进行压缩。这些工具可以删除不必要的代码,如注释、空白和未使用的变量,同时对变量名进行混淆,...

    前端开源库-lasso-minify-js

    Lasso.js是一个JavaScript模块打包器,而lasso-minify-js是其一个插件,专门用于使用uglifyjs来对JavaScript代码进行最小化(minification)处理。 UglifyJS是一款广泛使用的JavaScript压缩工具,它通过删除不必要的...

    Angular.js项目中使用gulp实现自动化构建以及压缩打包详解.docx

    **安装Gulp及其依赖**:使用`npm install gulp --save-dev`安装Gulp,并安装其他必要的插件,如`gulp-jshint`进行语法检查,`gulp-cssmin`和`gulp-uglify`分别用于CSS和JavaScript的压缩,`gulp-concat`用于文件合并,...

    Laravel开发-asset

    为了提高性能,可以使用Gzip压缩静态资源,开启HTTP2,利用HTTP缓存策略,以及使用Minify库来压缩合并CSS和JS文件。 总之,Laravel的`asset()`函数及其相关的资产管理功能是构建高效、可维护的Web应用不可或缺的一...

    Laravel开发-assets

    Mix还可以进行资源的优化和压缩,如CSS和JavaScript的minify操作,以及图片的压缩,提高页面加载速度。 9. **部署策略** 在生产环境中,通常会将编译后的资源部署到服务器的公共目录下,以便客户端可以直接访问。...

    缩小:合并。 缩小并提供CSS或Javascript文件

    它压缩并合并文件,并为其提供适当的头,以允许有条件的GET或long-Expires。 前 后 上面的统计信息来自一个,它显示了在现有站点上设置Minify是多么容易。 它消除了5个HTTP请求,并将JS / CSS带宽减少了70%。 ...

    html_NETCTOSS

    此外,为了优化网站性能,可能会使用工具进行文件压缩(如Gzip)、合并(concatenation)和.minify(删除不必要的空格和注释),以减少网络传输的大小和时间。 总而言之,“html_NETCTOSS”包含了构建一个完整Web...

    压缩代码大小

    针对图片和其他静态资源,可以使用Gzip或Brotli等压缩算法进行压缩,显著减小文件大小。同时,使用现代的文件格式,如WebP,比JPEG和PNG提供更好的压缩比,不牺牲图像质量。 在移动设备上,由于带宽限制和性能考量...

    StaticCollectorBundle:添加静态收集器以控制您的静态!

    在现代Web开发中,静态资源如CSS样式表、JavaScript文件和图像等,对于构建用户友好的界面至关重要。StaticCollectorBundle通过提供一套集成的工具和服务,使得这些静态资源的管理变得更加方便和高效。 首先,我们...

    PyPI 官网下载 | django_pipeline-2.0.8-py3-none-any.whl

    标题中的"PyPI 官网下载 |...通过在项目中集成`django_pipeline`,开发者可以轻松地对CSS、JS等文件进行合并、压缩和自动化处理,提升用户体验。使用`.whl`文件进行安装,可以快速便捷地在Python环境中部署和使用该库。

    Laravel开发-basset

    在Laravel框架的开发中,资产管理是不可或缺的一部分,它涉及到静态资源如JavaScript、CSS、图片等的管理。`Laravel开发-basset`是一个专门为Laravel设计的增强型资产管理包,旨在优化和简化这一过程,使得开发者能...

    前端开源库-grunt-dist

    grunt-dist的目标就是解决这个问题,通过一系列预设或自定义的任务,将源码转换为性能优化后的版本,例如,将JavaScript文件压缩合并,CSS进行最小化,HTML去除注释和空白,以及图片优化等。 Grunt的工作原理是,...

    AssetManager:Laravel资产经理

    例如,你可以在`gulpfile.js`中定义任务,将多个CSS或JS文件合并为一个文件,然后使用插件如`gulp-minify-css`和`gulp-uglify`进行压缩。 3. **版本控制**:Laravel的`elixir()`函数还支持自动添加版本号到静态资源...

Global site tag (gtag.js) - Google Analytics