Tiny Html Minifier
Changelog
In short
A HTML minifier in PHP. It's really really fast. Only 1 file is required. Almost no regular expressions. Almost no options.Details - What the minifier does
Remove HTML comments. Remove slash in self closing elements. />
becomes >
.
Remove type="text/css"
and type="text/javascript"
in style
and script
tags.
Minimize elements within <head></head>
. It will not keep any whitespace (except inside script
).
Minimize elements within <body></body>
but keep spaces between tags to preserve inline data (optional).
Minimize inline SVG files (which are a bunch of XML tags).
Minimize Custom Elements. They look like this: <my-element>My content</my-element>
.
Skip code
, pre
, script
and textarea
from being minified.
Install & usage
1. Download
ZIP
Download tiny-html-minifier.php
or the whole ZIP.
Composer
You can install it with Composer as well.
2. Add the code
<?php require 'tiny-html-minifier.php'; echo TinyMinify::html($html);
Before / after
Before
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <link href="http://example.com/style.css" rel="stylesheet" /> <link rel="icon" href="http://example.com/favicon.png" /> <title>Tiny Html Minifier</title> </head> <body class="body"> <div class="main-wrap"> <main> <textarea> Some text with newlines and some spaces </textarea> <div class="test"> <p>This text</p> <p>should not</p> <p>wrap on multiple lines</p> </div> </main> </div> <script> console.log('Script tags are not minified'); console.log('This is inside a script tag'); </script></body> </html>
After
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link href="http://example.com/style.css" rel="stylesheet"><link rel="icon" href="http://example.com/favicon.png"><title>Tiny Html Minifier</title></head> <body class="body"><div class="main-wrap"> <main> <textarea> Some text with newlines and some spaces </textarea> <div class="test"> <p>This text</p> <p>should not</p> <p>wrap on multiple lines</p> </div> </main> </div> <script> console.log('Script tags are not minified'); console.log('This is inside a script tag'); </script></body></html>
Options
<?php require 'tiny-html-minifier.php'; echo TinyMinify::html($html, $options = [ 'collapse_whitespace' => false, 'disable_comments' => false, ]);
collapse_whitespace
Not collapsed
Spaces are preserved (except for most elements within <head></head>
). It's good when using the elements inline. This is the default.
<ul><li> <a href="#"> My link </a></li><li> <a href="#"> My link </a></li> </ul>
Collapsed
Spaces are collapsed. The text inside the element is still untouched. Set this value to true
and you will save a few extra bytes.
<ul><li><a href="#">My link</a></li><li><a href="#">My link</a></li></ul>
Requirements
PHP7+Disclaimer
This plugin is provided "as is" with no guarantee. Use it at your own risk and always test it yourself before using it in a production environment. If you find any issues, please create a new issue.
License
MIT
It is discouraged to use this plugin in any project that promotes racism, sexism, homophobia, animal abuse, violence or any other form of hate speech.
Donate
If you want to make a donation, you can do that by sending any amount https://www.paypal.me/DevoneraAB
Credits
Jens Törnell
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。
3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考学习用!
4、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。