Compress/minify the html output of a site built with Kirby CMS. It's build upon Tiny HTML Minifier.
- Install the plugin and it should work out of the box.
- Options are also available.
Here is an example of the starterkit home page minified:
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>Kirby Starterkit | Home</title><meta name="description" content="This is Kirby's Starterkit."><link rel="stylesheet" href="http://localhost/plugins/kirby-html-minifier/assets/css/index.css"></head><body><header class="header wrap wide" role="banner"> <div class="grid"> <div class="branding column"> <a href="http://localhost/plugins/kirby-html-minifier" rel="home">Kirby Starterkit</a> </div> <nav class="navigation column" role="navigation"> <ul class="menu"> <li class="menu-item"> <a href="http://localhost/plugins/kirby-html-minifier/projects">Projects</a> </li> <li class="menu-item"> <a href="http://localhost/plugins/kirby-html-minifier/blog">Blog</a> </li> <li class="menu-item"> <a href="http://localhost/plugins/kirby-html-minifier/about">About</a> </li> <li class="menu-item"> <a href="http://localhost/plugins/kirby-html-minifier/contact">Contact</a> </li> </ul> </nav> </div> </header> <main class="main" role="main"> <header class="wrap"> <h1>Home</h1> <div class="intro text"> <p>Yay! If you are seeing this, the installation of Kirby worked. :-)</p> </div> <hr /> </header> <div class="text wrap"> <h2>Get started</h2> <ul> <li>Go to the <a href="http://localhost/plugins/kirby-html-minifier/panel">Panel</a> to give Kirby's admin interface a try</li> <li>Check out the <a href="http://getkirby.com/docs">docs</a> and start building your own site</li> <li>Follow <a href="https://twitter.com/getkirby">@getkirby</a> on Twitter for updates</li> <li>Visit the <a href="http://forum.getkirby.com">forum</a> to connect with other Kirby users</li> <li>Sign up to <a href="https://getkirby.com/#kosmos">Kirby Kosmos</a>, our monthly newsletter</li> <li><a href="http://getkirby.com/support">Get in contact</a> if you need support.</li> </ul> <p><strong>Have fun with Kirby!</strong></p> </div> <section class="projects-section"> <div class="wrap wide"> <h2>Latest Projects</h2> <ul class="showcase grid gutter-1"> <li class="showcase-item column"> <a href="http://localhost/plugins/kirby-html-minifier/projects/project-a" class="showcase-link"> <img src="http://localhost/plugins/kirby-html-minifier/thumbs/projects/project-a/creative-tools-600x600.jpg" alt="Thumbnail for Project A" class="showcase-image" /> <div class="showcase-caption"> <h3 class="showcase-title">Project A</h3> </div> </a> </li> <li class="showcase-item column"> <a href="http://localhost/plugins/kirby-html-minifier/projects/project-b" class="showcase-link"> <img src="http://localhost/plugins/kirby-html-minifier/thumbs/projects/project-b/room-600x600.jpg" alt="Thumbnail for Project B" class="showcase-image" /> <div class="showcase-caption"> <h3 class="showcase-title">Project B</h3> </div> </a> </li> <li class="showcase-item column"> <a href="http://localhost/plugins/kirby-html-minifier/projects/project-c" class="showcase-link"> <img src="http://localhost/plugins/kirby-html-minifier/thumbs/projects/project-c/camera-600x600.jpg" alt="Thumbnail for Project C" class="showcase-image" /> <div class="showcase-caption"> <h3 class="showcase-title">Project C</h3> </div> </a> </li> </ul> <p class="projects-section-more"><a href="http://localhost/plugins/kirby-html-minifier/projects" class="btn">show all projects …</a></p> </div> </section> </main> <footer class="footer cf" role="contentinfo"> <div class="wrap wide"> <p class="footer-copyright">© 2009–2017 The Kirby Team</p> <P class="footer-madewithkirby"> <a href="http://getkirby.com/made-with-kirby-and-love">Made with Kirby and <b class="heart">♥</b></a> </p> </div> </footer> </body></html>If it does not work, make sure you don't have some cache activated.
- Kirby 2.5.5
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.
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.
If you want to make a donation, you can do that by sending any amount https://www.paypal.me/DevoneraAB
- Jens Törnell
- @ian-cox for inspiration from the plugin Kirby MinifyHTML.
- @lukasbestle for all the improvements.
- @gearsdigital for the blacklisted response formats.