Sponsored Content
Full Discussion: Optimizing JS and CSS
Top Forums Web Development Optimizing JS and CSS Post 303030914 by Akshay Hegde on Tuesday 19th of February 2019 06:40:10 AM
Old 02-19-2019
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..
 

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 */ (9 Replies)
Discussion started by: gravesit
9 Replies

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,... (0 Replies)
Discussion started by: N-Training
0 Replies

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... (7 Replies)
Discussion started by: N-Training
7 Replies

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? (1 Reply)
Discussion started by: figaro
1 Replies
CSS(3pm)						User Contributed Perl Documentation						  CSS(3pm)

NAME
CSS - Object oriented access to Cascading Style Sheets (CSS) SYNOPSIS
use CSS; # create a CSS object with the default options my $css = CSS->new(); # create a CSS object with a specific parser my $css = CSS->new( { 'parser' => 'CSS::Parse::Lite' } ); my $css = CSS->new( { 'parser' => 'CSS::Parse::Heavy' } ); my $css = CSS->new( { 'parser' => 'CSS::Parse::Compiled' } ); # create a CSS object with a specific adaptor my $css = CSS->new( { 'adaptor' => 'CSS::Adaptor' } ); my $css = CSS->new( { 'adaptor' => 'CSS::Adaptor::Pretty' } ); my $css = CSS->new( { 'adaptor' => 'CSS::Adaptor::Debug' } ); # parse some CSS from a string $css->read_string( $css_data ); $css->read_string( ( $css_data, $more_css_data ) ); # parse some CSS from a file $css->read_file( 'my_file.css' ); $css->read_file( ( 'my_file.css', 'my_other_file.css' ) ); # output the CSS using the current adaptor print $css->output(); # set a new adaptor and then output the CSS $css->set_adaptor( 'CSS::Adaptor::Foo' ); print $css->output(); # output the CSS using a tempory adaptor print $css->output( 'CSS::Adaptor::Bar' ); # forget about the CSS we've already parsed $css->purge(); DESCRIPTION
This module can be used, along with a CSS::Parse::* module, to parse CSS data and represent it as a tree of objects. Using a CSS::Adaptor::* module, the CSS data tree can then be transformed into other formats. NOTICE
From version 1.00 of this module onwards, backwards compatibility is broken. This is due to large changes in the way data is parsed and then represented internally. Version 0.08 is still available on CPAN: http://search.cpan.org/author/IAMCAL/CSS-0.08/ <http://search.cpan.org/author/IAMCAL/CSS-0.08/> TREE STRUCTURE
The CSS object is the head of the tree. It contains a list of CSS::Style objects which each represent a CSS ruleset. Each of these objects contains a list of selectors and properties. Each selector is stored as a CSS::Selector object. Each property object is stored as a CSS::Property object and contains a list of values. These values are stored as CSS::Value objects. foo, bar { baz: fop; woo: yay houpla; } The above example would be represented as a single CSS::Style object. That object would then have two CSS::Selector objects representing 'foo' and 'bar'. It would also have two CSS::Property objects representing 'baz' and 'woo'. The 'baz' object then has a single child CSS::Value object for 'fop', whilst the 'woo' object has two child objects for 'yay' and 'houpla'. METHODS
CONSTRUCTOR "new()" or "new( { ..options.. } )" An optional hash can contain arguments: parser module to use as the CSS parser adaptor adaptor to use for output ACCESSORS "read_file( $filename )" or "read_file( @filenames )" Read one or mores files and parse the CSS within them. "read_string( $scalar )" or "read_string( @strings )" Read one or more strings and parse the CSS within them. "output()" or "output( 'CSS::Adaptor::Foo' )" Return a string representation of the CSS tree, using either the current adaptor or the specified one. "set_adaptor( 'CSS::Adaptor::Bar' )" Set the current adaptor for the CSS tree. "purge()" Forget all the objects in the CSS tree; "get_style_by_selector( 'selector_name' )" Returns the first CSS::Style object with the specified selector name attached. Returns zero on failure. AUTHORS
Copyright (C) 2001-2002, Allen Day <allenday@ucla.edu> Copyright (C) 2003-2004, Cal Henderson <cal@iamcal.com> SEE ALSO
CSS::Style, CSS::Selector, CSS::Property, CSS::Value, CSS::Parse, CSS::Parse::Lite, CSS::Parse::Heavy, CSS::Parse::Compiled, CSS::Parse::PRDGrammar, CSS::Adaptor, CSS::Adaptor::Pretty, CSS::Adaptor::Debug, perl(1) perl v5.14.2 2008-04-23 CSS(3pm)
All times are GMT -4. The time now is 02:28 AM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy