Optimizing JS and CSS Post: 303030912

Sponsored Content

Top Forums Web Development Optimizing JS and CSS Post 303030912 by Akshay Hegde on Tuesday 19th of February 2019 06:09:11 AM

02-19-2019

Moderator

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:

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 REDHAT

webserver

WEBSERVER(1)							       mrtg							      WEBSERVER(1)

NAME

       webserver - hints for web server configuration

SYNOPSIS

       If you want people to actually see the results of your network monitoring efforts you will need a webserver.

       This document lists some configuration hints for webservers. Contributions welcome.

APACHE

       Configuring mod_expire

       A big issue with mrtg monitoring data is the expiery time.  All these nice graphs you can create are only valid for a short time.  If you
       do not take special action some webbrowsers will not notice this and you may end up with people seeing old data because of caching issues.

       The apache module mod_expire allows you to setup special expiery properties for individual file.

       Here is an example for how this may look for an mrtg web directory.  The configuration directives can be stored into a .htaccess file.

	############################################################
	# Example .htaccess for use with apache-1.2 and mod_expire.
	# (mod_expire come with apache-1.2 but you have to explicitly
	# activate it when compiling the httpd ...)
	#############################################################
	#
	<Files "*-day.png">
	ExpiresActive On		  # enable expirations
	# five minutes
	ExpiresDefault M300
	</Files>

	<Files "*-week.png">
	ExpiresActive On
	ExpiresDefault M1800
	</Files>

	<Files "*-month.png">
	ExpiresActive On
	ExpiresDefault M7200
	</Files>

	<Files "*-year.png">
	ExpiresActive On
	ExpiresDefault M86400
	</Files>

	<Files "*.html">
	ExpiresActive On
	ExpiresDefault M300
	</Files>

	# index.html is not automatically generated
	<Files "index.html">
	ExpiresActive Off
	</Files>

AUTHOR

       Unknown

3rd Berkeley Distribution					      2.9.17							      WEBSERVER(1)