HTML weight loss Streamline HTML tags to create web pages
|
HTML 4 HTML (not XHTML), MIME type is text/html, some tags are allowed to be omitted. With HTML 4 DTD, you can omit the following tags (the so-called avoidable elements are marked with strikethrough): For example, if your code is It can be written as For example, paragraphs should be At the end, you can just write You can even remove html, head, and body (make sure you are comfortable with this before making it your coding standard). Omitting the tags will keep the HTML valid while reducing the file size. For typical pages, this can save 5-20%. HTML 5 The ongoing development of HTML 5 provides some methods to reduce file size. For example, the page document type declaration contrast Obviously HTML 5's DTD is shorter. When specifying the encoding for a page, HTML 5 is easier to use and shorter: replace Normally, browsers process HTML correctly. Additionally, in today's HTML 5, you can remove the type attribute that declares the MIME type, such as or You can use Alternative use Alternative In all types of pages (even XHTML) you can omit HTML 5 makes this easier. Using all of the above techniques together can save 10%-20% (or even more) of your file size, depending on your coding style and the amount of text in your page. The code will be cleaner and visitors will get to your site content faster. We used many of these techniques in the Privacy Center project, saving 20% of the original file size. |
<<: JavaScript to implement a simple clock
Recommend
VMware vCenter 6.7 installation process (graphic tutorial)
background I originally wanted to download a 6.7 ...
Detailed explanation of keepAlive use cases in Vue
In development, it is often necessary to cache th...
Things to note when writing self-closing XHTML tags
The img tag in XHTML is so-called self-closing, w...
Detailed explanation of the points that need to be paid attention to in HTML standards that comply with W3C standards
XML/HTML CodeCopy content to clipboard <!DOCTY...
Detailed explanation of single-choice and multiple-choice selection in HTML select tag
The select element creates a single-select or mult...
Native js encapsulation seamless carousel function
Native js encapsulated seamless carousel plug-in,...
Vue2.x configures routing navigation guards to implement user login and exit
Table of contents Preface 1. Configure routing na...
nginx proxy_cache batch cache clearing script introduction
Preface: I used the official nginx proxy_cache as...
61 Things Every Web Developer Should Know
Normally, you'll need to read everyone's s...
The grid is your layout plan for the page
<br /> English original: http://desktoppub.a...
4 ways to modify MySQL root password (summary)
Method 1: Use the SET PASSWORD command First log ...
Use the ip netns command in Linux to isolate the network port and configure the IP address
1. Add the isolation marker: ip netns add fd 2. P...
Vue3 Vue CLI multi-environment configuration
Table of contents 1. Introduction 2. Switching 1....
js to realize the rotation of web page pictures
This article shares the specific code of js to re...
Detailed explanation of the use of Linux time command
1. Command Introduction time is used to count the...