Sponsored Content
Full Discussion: Optimizing JS and CSS
Top Forums Web Development Optimizing JS and CSS Post 303030909 by Neo on Tuesday 19th of February 2019 04:46:07 AM
Old 02-19-2019
Quote:
Originally Posted by Akshay Hegde
Yes.

Got few suggestions.
- How about minifying resources
- mod_expires
- Service workers setup
Image
Hey Akshay,

To follow up:

If you are OK and have time, I'll ask you to help me optimize after I have the new Vue.js-based UserCP up and running (out of the mockup and into the real-world usage). I have at least 80 hours of full-stack development work, I estimate, to get the this new CP to where I want it to be. If I work on this 4 hours a day, that is 20 days of work; so obviously I have a lot to do, and that's just a very rough estimate without taking pencil to paper.

As mentioned, I need to stay focused on the new CP build at this time and am not too worried about shaving milliseconds here and there off the site loading before caching. That is something good to do together, later this year. OK?
This User Gave Thanks to Neo For This Post:
 

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::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)
All times are GMT -4. The time now is 05:26 AM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy