Minimising code improves the speed of the website, whether that’s important with today’s broadband speeds I’m not so sure.Opinion seems to vary on whether HTML should be minimised, however, google think you should:. HTML can also be minimised, this is a site that does it. min to the filename, so the minimised form of style.css would be called. The convention with CSS and Java files is to add. There are a lot of websites that do this minimisation, I use, just select the code in Brackets, copy it and past it into the box on the website, select the degree of minimisation you want in the compression level box and click compress, copy the output and paste it into a new file in Brackets. It’s completely unintelligible but it has brought the file size down to 19.8 KB (that’s a 73% reduction from the original 73.0 KB). title-row) is the same section of code as that shown in Figure 6.24 (line 533).
This process is called “minimisation” and there are websites that do it for you: The online version (the one that gets uploaded to the webserver) can have the comments stripped out.
#Css indent online Offline#
I advise you to use comments too, at least in the offline version of the site (the copy you keep on your computer). I’m not going to apologise about my comments and I’m not going to take them out, this is a teaching website and, in my view, the usefulness of the comments outweighs any hit the site might take on load time. If I strip out all the comments, this comes down to 23.9 KB - that’s quite some saving (66%). I did a quick experiment the size of the finished style.css file is 73.0 KB. My pages however, tend to be very well commented indeed my philosophy is to spend as much time commenting code as I did writing it my comments are extensive (and a pleasure to read I am sure), I comment like there is no tomorrow. This probably doesn’t matter too much on most websites, a few lines of comments in a page won’t make much difference one way or the other.
#Css indent online download#
Now, the problem with comments in HTML and CSS is that they are stored in the HTML and CSS files, this makes the file sizes larger and that means it takes the browser longer to download them and this in turn slows down the website. I like comments, they’re useful and it’s been deeply ingrained in me from a young age that they should be used extensively - use them young Skywalker - use them wisely. The World Wide Web Consortium (W3C) was founded by Tim Berners-Lee and is the international body that produces the standards for the World Wide Web. I’ve put a lot of comments into the HTML - it’s extravagant I know, but this is a teaching website so the more the merrier. The sad thing is: I’ve got copies of every revision - that’s the next thing they teach you at engineering school: up-rev frequently and always make a backup (preferably on more than one hard drive). The index.html page lists all the revisions made to any page on the website and its revision number shows the current highest revision of the whole website. The current version of that particular page is P01.04. Ok, I’ve treated this like I would an engineering project and included revision information it’s how I keep track of the website whilst I develop it. Now look again at the start of the HTML page ( Figure 6.22) - it’s impressive I know ( bet that’s not what you were thinking - you were thinking “now look what the idiot’s done.”). Over the top you might think, but that’s what they teach you at engineering school. This is code written for my day job - it is statement list (STL) code for a Siemens Simatic S7-300 programmable logic controller (PLC) - an industrial control system.įigure 6.23 Comments from a subsequent section of the HTML file I make extensive use of comments I suggest you do too - particularly whilst you are developing the site. HTML and CSS (and JavaScript and jQuery) all support the use of comments (although for reasons that escape me, they do this in different ways) and I think the use of comments is encouraged in web development circles (I’m not 100% sure of this though, probably because it’s just extra stuff for the browser to load, see § 6.9.4). Now all the code written so far has been notably lacking in comments (breaking all my own rules), but that’s not because HTML and CSS don’t support comments, they do, it’s just that up to this point I’ve been lazy. Figure 6.21 Documented engineering softwareĮngineering software, particularly that written for the pharmaceutical industry, is written to certain standards - specifically GAMP5 (Good Automated Manufacturing Practice) and IEC-61131-3 (International Electrotechnical Commission standard for: Programmable controllers - Part 3: Programming languages) and these insist on a good level of documentation, the use of mnemonics and revision control.
0 kommentar(er)
