Optimizing JS and CSS Post: 303030914

Sponsored Content

Top Forums Web Development Optimizing JS and CSS Post 303030914 by Akshay Hegde on Tuesday 19th of February 2019 06:40:10 AM

02-19-2019

Moderator

Quote:

Originally Posted by Neo

Hi Akshay,

First, let me say that I normally minimize CSS and Javascript using:

uglifyjs
uglifycss

and both seem to work fine.

Also, it's not really necessary, or even a good idea, to combine all JS files into one big JS minimize file for a number of reasons.

It is not good to "over optimize" and little really great comes of it, in my view.

Most sites like this are changing often and there is always a lot of Javascript code to write, modify, change and debug. Creating "mothers of all minimized Javascript files" make things "a nightmare" and it is better to smartly combine them, and that cannot be done by tool because we need to know that we are developing, where the issues are, what is changing, and what is static.

But anyway, I'm not focused on it and it is not on the site development critical path to worry about minimizing more JS and CSS. I have a lot more important functional code to write for the next month or so.

Cheers and Thanks!

I usually combine and minify them dynamically based on filetime, no issue even if you modify or change code it will work.

- create md5 hash of file to be combined and minified based on filetime.
- check filename with above generated hash exists.
- if exists just readfile otherwise combine and minify them and then serve to client.

One more probably you missed, "Toggle Forum Collapse" button plus symbol not changing when its expanded.

Last edited by Akshay Hegde; 02-19-2019 at 07:46 AM..

Akshay Hegde

View Public Profile for Akshay Hegde

Find all posts by Akshay Hegde

4 More Discussions You Might Find Interesting

1. Shell Programming and Scripting

sed remove css comments

Is there a way that I can use sed to remove lines with css comments like this? /* comment */

2. Web Development

On Css

<html> <head> <style> div.box {width: 300px; height: 200px; padding: 30px; font: 46 pt times new roman;} </style> </head> <body> <div class="box" style=" filter": progid:DXImagetransform.Microsoft.Alpha (Opacity=100, FinishOpacity=0, Style=1, StartX=0, FinishX=0,...

3. Web Development

HTML down, CSS help, ahhhh

I am having some problems. I have been able to learn HTML, but when I try and encode CSS, nothing happens, what is the major issue here. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>MY CSS</title> <style...

4. Web Development

CSS frameworks

I have been reading up on CSS frameworks, to see if it could be useful for an intranet that I am helping to build, but the true purpose does not become clear to me. What circumstances would the deployment of a CSS framework be useful in? What does a CSS framework do that a CMS template cannot do?

LEARN ABOUT DEBIAN

css::packer

CSS::Packer(3pm)					User Contributed Perl Documentation					  CSS::Packer(3pm)

NAME

       CSS::Packer - Another CSS minifier

VERSION

       Version 1.002001

DESCRIPTION

       A fast pure Perl CSS minifier.

SYNOPSIS

	   use CSS::Packer;

	   my $packer = CSS::Packer->init();

	   $packer->minify( $scalarref, $opts );

       To return a scalar without changing the input simply use (e.g. example 2):

	   my $ret = $packer->minify( $scalarref, $opts );

       For backward compatibility it is still possible to call 'minify' as a function:

	   CSS::Packer::minify( $scalarref, $opts );

       First argument must be a scalarref of CSS-Code.	Second argument must be a hashref of options. Possible options are:

       compress
	   Defines compression level. Possible values are 'minify' and 'pretty'.  Default value is 'pretty'.

	   'pretty' converts

	       a {
	       color:	       black
	       ;}   div

	       { width:100px;
	       }

	   to

	       a{
	       color:black;
	       }
	       div{
	       width:100px;
	       }

	   'minify' converts the same rules to

	       a{color:black;}div{width:100px;}

       copyright
	   You can add a copyright notice at the top of the script.

       remove_copyright
	   If there is a copyright notice in a comment it will only be removed if this option is set to a true value. Otherwise the first comment
	   that contains the word "copyright" will be added at the top of the packed script. A copyright comment will be overwritten by a
	   copyright notice defined with the copyright option.

       no_compress_comment
	   If not set to a true value it is allowed to set a CSS comment that prevents the input being packed or defines a compression level.

	       /* CSS::Packer _no_compress_ */
	       /* CSS::Packer pretty */

AUTHOR

       Merten Falk, "<nevesenin at cpan.org>"

BUGS

       Please report any bugs or feature requests through the web interface at http://github.com/nevesenin/css-packer-perl/issues
       <http://github.com/nevesenin/css-packer-perl/issues>.  I will be notified, and then you'll automatically be notified of progress on your
       bug as I make changes.

SUPPORT

       You can find documentation for this module with the perldoc command.

       perldoc CSS::Packer

COPYRIGHT &; LICENSE
       Copyright 2008 - 2011 Merten Falk, all rights reserved.

       This program is free software; you can redistribute it and/or modify it under the same terms as Perl itself.

SEE ALSO

       CSS::Minifier, CSS::Minifier::XS

perl v5.14.2							    2012-02-18							  CSS::Packer(3pm)