Optimizing JS and CSS


 
Thread Tools Search this Thread
Top Forums Web Development Optimizing JS and CSS
Prev   Next
# 9  
Old 02-19-2019
Cheers,

When I get finished with this "major" UserCP renovation project, if I have time, we can work on optimizing some JS and CSS to shave a few ms off the load time. Since I'm the only coder developing for the site; I have to prioritize tasks and projects.

Thanks again for your idea about optimizing JS and CSS, Akshay!

Great to see you here again. Hope you will be active and be a part of the team again!
This User Gave Thanks to Neo For This Post:
 
Login or Register to Ask a Question

Previous Thread | Next Thread

4 More Discussions You Might Find Interesting

1. 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

2. 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

3. 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

4. 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
Login or Register to Ask a Question
CSS::Minifier::XS(3pm)					User Contributed Perl Documentation				    CSS::Minifier::XS(3pm)

NAME
CSS::Minifier::XS - XS based CSS minifier SYNOPSIS
use CSS::Minifier::XS qw(minify); $minified = minify($css); DESCRIPTION
"CSS::Minifier::XS" is a CSS "minifier"; its designed to remove un-necessary whitespace and comments from CSS files, while also not breaking the CSS. "CSS::Minifier::XS" is similar in function to "CSS::Minifier", but is substantially faster as its written in XS and not just pure Perl. METHODS
minify($css) Minifies the given $css, returning the minified CSS back to the caller. HOW IT WORKS
"CSS::Minifier::XS" minifies the CSS by removing un-necessary whitespace from CSS documents. Comment blocks are also removed, except when (a) they contain the word "copyright" in them, or (b) they're needed to implement the "Mac/IE Comment Hack". Internally, the minification is done by taking multiple passes through the CSS document: Pass 1: Tokenize First, we go through and parse the CSS document into a series of tokens internally. The tokenizing process does not check to make sure that you've got syntactically valid CSS, it just breaks up the text into a stream of tokens suitable for processing by the subsequent stages. Pass 2: Collapse We then march through the token list and collapse certain tokens down to their smallest possible representation. If they're still included in the final results we only want to include them at their shortest. Whitespace Runs of multiple whitespace characters are reduced down to a single whitespace character. If the whitespace contains any "end of line" (EOL) characters, then the end result is the first EOL character encountered. Otherwise, the result is the first whitespace character in the run. Comments Comments implementing the "Mac/IE Comment Hack" are collapsed down to the smallest possible comment that would still implement the hack ("/**/" to start the hack, and "/**/" to end it). Pass 3: Pruning We then go back through the token list and prune and remove un-necessary tokens. Whitespace Wherever possible, whitespace is removed; before+after comment blocks, and before+after various symbols/sigils. Comments Comments that either (a) are needed to implement the "Mac/IE Comment Hack", or that (b) contain the word "copyright" in them are preserved. All other comments are removed. Symbols/Sigils Semi-colons that are immediately followed by a closing brace (e.g. ";}") are removed; semi-colons are needed to separate multiple declarations, but aren't required at the end of a group. Everything else We keep everything else; identifiers, quoted literal strings, symbols/sigils, etc. Pass 4: Re-assembly Lastly, we go back through the token list and re-assemble it all back into a single CSS string, which is then returned back to the caller. AUTHOR
Graham TerMarsch (cpan@howlingfrog.com) REPORTING BUGS
Please report bugs via RT (<http://rt.cpan.org/Dist/Display.html?Queue=CSS::Minifier::XS>), and be sure to include the CSS that you're having troubles minifying. COPYRIGHT
Copyright (C) 2007-2010, Graham TerMarsch. All Rights Reserved. This is free software; you can redistribute it and/or modify it under the same license as Perl itself. SEE ALSO
"CSS::Minifier". perl v5.14.2 2011-11-15 CSS::Minifier::XS(3pm)