dynamicres

Yii Framework Extensions

Popular Tags

dynamicres Compresses several CSS or JS in a single file (compressed) to minimize number of requests and maximize performance

Dynamic Res
Requirements
Usage
Auto SaveScheme
Cache and Compress with GZIP
Resources

Dynamic Res ¶

Compress CSS or JS files in only one file to increase performance and decrease request of many files. This extension (version > 1.3) use CssMin and JavaScriptPacker to compress.

Requirements ¶

assetManager (native)

Usage ¶

Dowload the extension and put correctly in the extension folder
Add the following lines in your configuration file:

main.php

'components'=>array(

...
        'dynamicRes'=>array(
			'class' => 'application.extensions.DynamicRes.DynamicRes',
            'urlConfig' => array( // Its fix Css, and convert Url to RealName 
                'baseUrl'  => '/', // Url of your Site (ending with /), modify it if you use subdomain
                'basePath' => dirname(__FILE__).'/../../', // path of your site (ending with /) (No Change This)
            )
		),
...

In your layouts puts ~~~ ...

<?php Yii::app()->dynamicRes->registerCssFile(Yii::app()->request->baseUrl . '/css/style.css'); ?>
<?php Yii::app()->dynamicRes->registerCssFile(Yii::app()->request->baseUrl . '/css/reset.css'); ?>
<?php Yii::app()->dynamicRes->registerCssFile(Yii::app()->request->baseUrl . '/css/common.css'); ?>

...

8 0

20 followers

3 340 downloads

Yii Version: 1.1

License: BSD-2-Clause

Category: Caching

Tags: Cache, compress, css, js, performance, profiles, request, unify

Developed by: adsmail27

Created on: Aug 17, 2011

Last updated: 13 years ago

Downloads

show all

Related Extensions

User Contributed Notes 24

#4799

1 0

Warning

Warning: This is a beta version

adsmail27 at Aug 17, 2011, 9:02:46 PM

#4806

0 0

Bugs

Hi. You never change value of $this->saved, so I can call saveScheme() function multiple times without warning. I suppose you should add this:

$this->saved = true;

anywhere between lines 110 and 117. Besides that this script doesn't work on Windows, probably you should change urlToPath() function.

Pomstiborius at Aug 18, 2011, 12:43:40 PM

#4807

0 0

Bug Fixed

Thanks, the bug was fixed

adsmail27 at Aug 18, 2011, 1:36:19 PM

#4812

1 0

Another bug

Hello again. :) It seems that you have one more bug (or more, we will see :) ) - in parserCss() function, line 37. Everything is ok if you use relative paths. Problem shows when you use absolute paths, for example:

[css]
background: url(/images/default/top-menu.png) repeat-x;

Line 37 changes it to something like that (/css is my original folder for css files):

[css]
background: url(/css//images/default/top-menu.png) repeat-x;

Also you should consider replacing compressContent() with something better. CssMin is great class. JS compressing would be nice too - Vince developed nice extension, google-complier-extension. Think about this. ;)

Pomstiborius at Aug 18, 2011, 6:27:24 PM

#4814

0 0

Bug Fixed

Thanks, bug in parserCss is fixed now

I will study this CssMin to replace compress

adsmail27 at Aug 18, 2011, 7:55:16 PM

#4815

0 0

CssMin

I will test it tomorrow and see if there are any other bugs. :)

About CssMin - it is really simple.

function minify($code) {
    require_once('CssMin.php');
    return CssMin::minify($code, array('compress-unit-values' => true));
}

As you see you only need to include CssMin file and call CssMin::minify($code, $options) function. You may want to check out $options, but that's all.

Pomstiborius at Aug 18, 2011, 8:54:21 PM

#4817

0 0

Bug Fixed (Version 1.3)

Fixed bug in "registerScriptFile"

compress of css is using "CssMin"
compress of js is using "JavaScriptPacker"

adsmail27 at Aug 19, 2011, 12:46:23 AM

#4821

0 0

One more thing...

I found bug in registerScriptFile(), but it's already fixed. Nice. :) But there is something wrong with CssMin - maybe because my example was for CssMin 2.0.1 and you are using CssMin 3.0 (didn't know it is out), so entire script breakes. You have to change line 106 to this:

return CssMin::minify($content, array(), array('CompressUnitValues' => true));

BTW have you ever tested JavaScriptPacker for large files? I've tried a lot of libraries and some of them (JsMin+) caused memory leak while processing big files. Don't have time to try this now, maybe someone else will test.

Pomstiborius at Aug 19, 2011, 10:14:10 AM

#4824

0 0

Not working to me

Hi,

i have installed this, and follow all setups but dont work for me
in view page source, its blank of scripts or css includes

Thanks

sn4k3 at Aug 19, 2011, 3:47:55 PM

#4827

0 0

not working?

use "Yii::app()->dynamicRes->saveScheme();" after yours "Yii::app()->dynamicRes->registerCssFile(Yii::app()->request->baseUrl . '/css/style.css')"

Version 1.4 > CssMin Bug Fix 4 and Fix Bug in double "saveScheme"

adsmail27 at Aug 19, 2011, 6:20:14 PM

#4828

0 0

Great job

Everything works fine. Will let you know how it works with big css/js files after some tests.

Pomstiborius at Aug 19, 2011, 7:30:05 PM

#4830

0 0

Not working to me

hi,

i use it in controller like it say on setup

protected function afterRender($view, &$output) {
        Yii::app()->dynamicRes->saveScheme();
    }

so i have to useit in view instead controller?

sn4k3 at Aug 20, 2011, 2:19:56 AM

#4834

0 0

Wrong Config

change config to

...
        'dynamicRes'=>array(
			'class' => 'application.extensions.DynamicRes.DynamicRes',
            'urlConfig' => array( // Its fix Css, and convert Url to RealName 
                'baseUrl'  => '/', // Url of your Site (ending with /), modify it if you use subdomain
                'basePath' => dirname(__FILE__).'/../../', // path of your site (ending with /) (No Change This)
            )
		),
...

note: basePath and baseUrl end with "/"

adsmail27 at Aug 20, 2011, 3:21:13 PM

#4852

0 0

Still not working

i dont know why, but it still not working ....

all placed with savescheme but i got no results :(

my code:

<?php
	//$cs=Yii::app()->clientScript;
	$cs=Yii::app()->dynamicRes;
	$cs->registerScriptFile(BASEURL.'/resources/js/jquery/hoverIntent.js');
	$cs->registerScriptFile(BASEURL.'/resources/js/jquery/jquery.cycle.all.min.js');
	$cs->registerScriptFile(BASEURL.'/resources/js/jquery/jquery.easing.1.3.js');
	$cs->registerScriptFile(BASEURL.'/resources/js/jquery/superfish.js');
	$cs->registerScriptFile(BASEURL.'/resources/js/jquery/supersubs.js');
	$cs->registerScriptFile(BASEURL.'/resources/js/jquery/validation/jquery.validationEngine-pt.js');
	$cs->registerScriptFile(BASEURL.'/resources/js/jquery/validation/jquery.validationEngine.js');
	$cs->registerScriptFile(BASEURL.'/resources/js/jquery/jquery.formalize.min.js');
	
		
	$cs->registerCssFile(BASEURL.'/resources/css/screen.css', 'screen, projection'); // blueprint CSS framework
	//$cs->registerCssFile(Yii::app()->theme->baseUrl.'/resources/css/print.css', 'print'); // blueprint CSS framework
	$cs->registerCssFile(Yii::app()->theme->baseUrl.'/resources/css/form.css');
	$cs->registerCssFile(Yii::app()->theme->baseUrl.'/resources/css/style.css');
	$cs->registerCssFile(Yii::app()->theme->baseUrl.'/resources/css/site.css');
	$cs->registerCssFile(BASEURL.'/resources/css/jquery/validation/validationEngine.jquery.css');
	$cs->registerCssFile(BASEURL.'/resources/css/jquery/formalize.css');
	//$cs->registerCssFile('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/themes/ui-lightness/jquery-ui.css');
?>

sn4k3 at Aug 21, 2011, 11:36:40 PM

#4866

0 0

not working?

Upgrade to "DynamicRes 1.5" and use function debug();

<?php Yii::app()->dynamicRes->debug(); ?>

use this after include yours files (in your view)

adsmail27 at Aug 23, 2011, 1:17:06 AM

#4867

0 1

not working

thanks i now see where its the error

dynamicRes: FUNCTION DEBUG CALLED 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\resources\js\jquery\hoverIntent.js dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\resources\js\jquery\jquery.cycle.all.min.js dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\resources\js\jquery\jquery.easing.1.3.js dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\resources\js\jquery\superfish.js dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\resources\js\jquery\supersubs.js dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\resources\js\jquery\validation\jquery.validationEngine-pt.js dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\resources\js\jquery\validation\jquery.validationEngine.js dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\resources\js\jquery\jquery.formalize.min.js dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\resources\css\screen.css dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\themes\default\resources\css\form.css dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\themes\default\resources\css\style.css dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\themes\default\resources\css\site.css dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\resources\css\jquery\validation\validationEngine.jquery.css dont exists. 
- File D:\wamp\www\yii\ecorifa\yii\ecorifa\resources\css\jquery\formalize.css dont exists.

but why it repeat path? if im using yii base url

$cs->registerCssFile(Yii::app()->theme->baseUrl.'/resources/css/site.css');
	$cs->registerCssFile(BASEURL.'/resources/css/jquery/validation/validationEngine.jquery.css');
	$cs->registerCssFile(BASEURL.'/resources/css/jquery/formalize.css');

sn4k3 at Aug 23, 2011, 1:33:59 AM

#4915

1 0

Wrong Config

You need to config Url Base of Your Site, your baseUrl is "/yii/escorifa/"

'urlConfig' => array( // Its fix Css, and convert Url to RealName 
                'baseUrl'  => '/yii/escorifa/', // Url of your Site (ending with /), modify it if you use subdomain
                'basePath' => dirname(__FILE__).'/../../', // path of your site (ending with /) (No Change This)
            )

adsmail27 at Aug 28, 2011, 2:59:23 PM

#4926

0 0

another bug

css:

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			17px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

RESULT:

indicator{position:absolute;display:block;right:10px;top:17px;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url(/yii/ecorifa/themes/default/resources/css/"../images/arrows-ffffff.png") no-repeat -10px -100px}

also happen in more situations

sub-indicator{background-position:-10px 0}.sf-shadow ul{background:url(/yii/ecorifa/themes/default/resources/css/'../images/shadow.png') no-repeat bottom

sn4k3 at Aug 30, 2011, 2:01:21 AM

#4952

0 0

Bug Fixed (Version 1.6)

Bug Fixed,

now, baseUrl config is absolete, use only:

'urlConfig' => array( // Its fix Css, and convert Url to RealName 
                'basePath' => dirname(__FILE__).'/../../', // path of your site (ending with /) (No Change This)
            )

adsmail27 at Sep 1, 2011, 1:36:10 AM

#4964

0 0

Works

now it works correctly

i always had problems with other cahce extensions because path and script errors on minify because a use of massive scripts ... but that works correctly

thanks and good job :)

just a resquest: minify inline js and css processed by Yii eg. Yii->app()->clientScript->javascript(); and ->css

sn4k3 at Sep 2, 2011, 12:12:36 AM

#5780

0 0

Compress JS files Used by YII and Extensions

Wow, this extension has sped up my site (+1). Thanks for sharing it.

Can I also use this extension to compress these JavaScript files used by Yii and extensions?

For example: jquery.min.js, jquery.yii.js, query.yiigridview.js, etc.

Thanks, Jay.

Jay Haase at Nov 12, 2011, 3:18:57 PM

#7327

0 0

I have make some modification

here is my modification.

'clientScript'=>array(
    'class'=>'application.extensions.DynamicRes.DynamicRes',
    'urlConfig'=>array( // Its fix Css, and convert Url to RealName 
        'baseUrl'=> '/', // Url of your Site (ending with /), modify it if you use subdomain
        'basePath'=>WWW_PATH.'/', // path of your site (ending with /) (No Change This)
    ),
    'debug'=>true,
),

//extends this class from CClientScript, then no need to modify any view file.
class DynamicRes extends CClientScript {

    //compress or not.
    //it's important for development.
    public  $debug = false;   

    public function registerCssFile($urlName, $media='') {
        if($this->debug)
            return parent::registerCssFile($urlName, $media);
        else
            return $this->registerFile($this->cssList, $urlName);
    }
	
    public function registerScriptFile($urlName, $position=self::POS_HEAD) {
        if($this->debug)
            return parent::registerScriptFile($urlName, $position);
        else
            return $this->registerFile($this->jsList, $urlName);
    }

    public function saveScheme() {
        if( ! $this->debug)
        {
            if(count($this->jsList)>0) {
                //do not loading the same js files.
                $this->jsList = array_unique($this->jsList);
                $fileJs = $this->saveFileScheme($this->jsList, 'js');
                parent::registerScriptFile($fileJs);
            }
            if(count($this->cssList)>0) {
                //do not loading the same css files.
                $this->cssList = array_unique($this->cssList);
                $fileCss = $this->saveFileScheme($this->cssList, 'css');
                parent::registerCssFile($fileCss);
            }
            $this->jsList = array();
            $this->cssList = array();
        }
    }
}

elsonwu at Mar 14, 2012, 1:46:35 PM

#18157

0 0

Awesomeness!

This extension turned 5-6 script and link tags into one! However, I am still facing a few problems...

For one, when I minify socket.io.js, I get a JS error int he console about an unexpected token. Also with pick-a-color-1.2.3.min.js.

Is there a way to add configuration options to DynamicRes to:

Determine which files are idneed minified before added to the "big file"?
Change the JS packer individually or generally?

You could look at http://www.yiiframework.com/extension/escriptboost/ for some good JS packers. This extension does not provide a register{...}File set of functions, which is why i am using DynamicRes and EScriptBoost side-by-side.

I also have another problem about CSS. I am using WingStyle ( https://github.com/IngwiePhoenix/WingStyle ) to generate my main CSS. I didn't figure out a good way to "automatically generate and update" a static CSS from it, yet. So is there an option to append a CSS file to the array verbatim, without it getting either minified or even added to the big file?

You can see my current code for this here: http://git.ingwie.me/ingwie/bird3/blob/master/protected/components/Controller.php

Would be great if you could help me out here ^_^ Kind regards, Ingwie.

Ingwie Phoenix at Sep 18, 2014, 10:17:53 AM

#18859

0 0