background preloader

Combine & Compress (css, js)

Facebook Twitter

YUI Compressor. According to Yahoo!

YUI Compressor

's Exceptional Performance Team, 40% to 60% of Yahoo! 's users have an empty cache experience and about 20% of all page views are done with an empty cache (see this article by Tenni Theurer on the YUIBlog for more information on browser cache usage). This fact outlines the importance of keeping web pages as lightweight as possible. Improving the engineering design of a page or a web application usually yields the biggest savings and that should always be a primary strategy. With the right design in place, there are many secondary strategies for improving performance such as minification of the code, HTTP compression, using CSS sprites, etc. In terms of code minification, the most widely used tools to minify JavaScript code are Douglas Crockford's JSMIN, the Dojo compressor and Dean Edwards' Packer.

Documentation: Detailed description of the YUI Compressor and how to use it. How does the YUI Compressor work? Using the YUI Compressor from the command line Additional notes. Minify - Combines, minifies, and caches JavaScript and CSS files on demand to speed up page loads. News 2013-07-23 Minify 2.1.7 is released in response to a serious vulnerability discovered in all previous versions.

minify - Combines, minifies, and caches JavaScript and CSS files on demand to speed up page loads.

You are strongly urged to follow the instructions in the report to secure your installation, and to upgrade to Minify 2.1.7. 2013-07-19 Minify 2.1.6 released. This fixes several JSMin bugs. Check the history for more details. About Minify is a PHP5 app that helps you follow several of Yahoo! ' It combines multiple CSS or Javascript files, removes unnecessary whitespace and comments, and serves them with gzip encoding and optimal client-side cache headers. Support List Minify in Use The stats above are from a brief walkthrough which shows how easy it is to set up Minify on an existing site.

The design is somewhat similar to Yahoo's Combo Handler Service, except that Minify can combine any local JS/CSS files you need for your page. Minify integrated into other Projects/Plugins Features Requirements Installation See the UserGuide. Support List PHP5 Component Classes Warnings Problem Domain. Jsmin-php. Combining and Compressing multiple JavaScript files in php. Combine and minify Javascript files with PHP. Posted July 16th, 2009 in Javascript and PHP If you're using a Javascript library like jQuery it's likely you'll end up with many Javascript files that need to be included in each page request.

Combine and minify Javascript files with PHP

Ideally these should be combined into a single file and minified to cut down on page load time. This post shows how to use jsmin-php to combine multiple Javascript files into a single minified file. jsmin-php jsmin-php is a fast, low-overhead port of Douglas Crockford's JSMin JavaScript minifier to PHP. The PHP code I prefer to run a batch process to combine the files and then let Apache serve a single static file using mod_deflate rather than mess around running PHP on each page request.

The code to combine the files looks like this: The code explained First up we need to require the jsmin library. Next use glob() to find all the files ending with .js in the directory /path/to/js/merge Initialise a variable to contain the Javascript: Alternative to glob And change the file_get_contents part to this: GZIP Compress CSS/JavaScript Files With PHP. A quick way to speed up your site is to simply limit how much the user has to download.

GZIP Compress CSS/JavaScript Files With PHP

This tutorial will show you how to automatically gzip (compress) your files with PHP. Speed Benefits CSS and JavaScript files for some sites can become quite large. Using caching and compression, your website download times can be drastically improved. Text files are known for compressing very well. Starting Off First we need a website. Here is the HTML: We also need some CSS: And some sample JavaScript: How it Works There are a couple of ways of compressing files with PHP.

The idea is to change your .css and .js into .php files. The Files For this example I’ll create 4 PHP files, two being the CSS and JavaScript files, and the other two being includes that do the magic.