Sponsored Content
Full Discussion: Optimizing JS and CSS
Top Forums Web Development Optimizing JS and CSS Post 303030912 by Akshay Hegde on Tuesday 19th of February 2019 06:09:11 AM
Old 02-19-2019
Quote:
Originally Posted by Neo
Welcome Back Akshay!

Are you going to hang around for a while?
Quote:
Originally Posted by Neo
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?
Sure, will use google closure compiler for minifying scripts, for css we have rewrite uri (Rewrite file-relative URIs as root-relative) first then can combine. I am not sure, VB has inbuilt tool already. We can think of serviceworkers after minifying resources (off course possible without minifying resources, but simply more http requests to server ).

For caching resources you can refer html5-boilerplate
https://raw.githubusercontent.com/h5...dist/.htaccess
This User Gave Thanks to Akshay Hegde 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
Plack::Middleware::File::Sass(3pm)			User Contributed Perl Documentation			Plack::Middleware::File::Sass(3pm)

NAME
Plack::Middleware::File::Sass - Sass and SCSS support for all Plack frameworks SYNOPSIS
use Plack::App::File; use Plack::Builder; builder { mount "/stylesheets" => builder { enable "File::Sass"; Plack::App::File->new(root => "./stylesheets"); }; }; # Or with Middleware::Static enable "File::Sass", syntax => "scss"; enable "Static", path => qr/.css$/, root => "./static"; DESCRIPTION
Plack::Middleware::File::Sass is a Plack middleware component that works with Plack::App::File or Plack::Middleware::Static to compile Sass <http://sass-lang.com/> templates into CSS stylesheet in every request. When a request comes in for .css file, this middleware changes the internal path to .sass or .scss, depending on the configuration, in the same directory. If the Sass template is found, a new CSS stylesheet is built on memory and served to the browsers. Otherwise, it falls back to the original .css file in the directory. This middleware should be very handy for the development. While Sass to CSS rendering is reasonably fast, for the production environment you might want to precompile Sass templates to CSS files on disk and serves them with a real web server like nginx or lighttpd. SASS BACKENDS
If you have the sass gem version higher than 3 installed and have the "sass" executable available in your PATH, this module automatically uses the command to convert Sass or SCSS into CSS. If the command is not available and you have Text::Sass perl module available, it will be used. Otherwise you'll get an exception during the initialization of this middleware component. OPTIONS
syntax Defines which syntax to use. Valid values are sass and scss. Defaults to sass. AUTHOR
Tatsuhiko Miyagawa <miyagawa@bulknews.net> LICENSE
This library is free software; you can redistribute it and/or modify it under the same terms as Perl itself. SEE ALSO
Plack::App::File Text::Sass http://sass-lang.com/ <http://sass-lang.com/> perl v5.12.4 2011-02-14 Plack::Middleware::File::Sass(3pm)
All times are GMT -4. The time now is 11:07 AM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy