Making JavaScript and CSS slightly smaller
I save space by setting a variable called '_' to 'this' at the start of a function that uses 'this' a lot.
Saying 'background: aqua' is shorter than saying 'background-color: aqua'.
Minifying CSS
Over half of my game is CSS. This is after the game is minified. Only a third of my game is Javascript when minified. It is hard to shorten the names of properties in the CSS rules. I also have lots of icons made using CSS. I would like to convert several individual CSS properties to 'shorthand' properties like 'animation'. Some of the CSS minifiers do something like this. But, I have empty CSS rules within which I set styles using JavaScript. The minifiers would remove these empty rules, by default. I also rely on some CSS rules being at the start and in a particular order so I can change the styles easily with JavaScript. Because of this, I only use the CSS minifiers on parts of my CSS. This can be a bit hard to manager. I decided to remove most CSS properties with vendor prefixes when 'minimising' my game. I use a 'sed' script to do this. The CSS minifiers do not shorten id and class names. In my other web pages, I used to have a list of names that I ...
Comments
Post a Comment