Advanced HTML optimization toolkit. Minify, code optimization, search & replace, strip comments and more.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
admin
controllers
core
docs/images
languages
lib
public/js
tests
.travis.yml
README.md
README.txt
changelog.txt
html-optimization.php
index.php
uninstall.php

README.md

Build Status Version

WordPress HTML Optimization

Advanced HTML optimization toolkit. Minify, code optimization, search & replace, strip comments and more.

Installation

Github Updater

This plugin can be installed and updated using Github Updater (installation instructions)

Installation instructions

Step 1: Install Github Updater and first optimization plugin

Installing and updating the plugins is possible using Github Updater. It is easy to install one of the plugins. You simply need to download the Github Updater plugin (zip file), install it from the WordPress plugin admin panel and copy the Github URL of the plugin into the Github Updater installer.

image

Step 2: Install other optimization plugins with a single click

A recent update of all plugins contains a easy single click install button.

image

Description

This plugin is a toolkit for advanced HTML code optimization.

The plugin provides in a complete solution for HTML optimization including HTML minification, selective removal of comments and search & replace.

Multiple minifiers and custom minifier

The plugin provides the option to minify HTML code using multiple HTML minifiers including Minify's HTML.php (PHP), HtmlMin (based on PHP 7 symfony/css-selector) and the option to use a custom minifier using a WordPress filter that enables to use any solution, including a Amazon Lambda or Google Cloud function with Node.js based HTML optimization software.

HTML Optimization

HtmlMin configuration

HtmlMin minifier provides many options for tuning the quality of the code minification.

HtmlMin config

Custom minifier

Show custom minifier example
/* Custom HTML minifier */
add_filter('o10n_html_custom_minify', function ($HTML) {

    // apply html optimization
    exec('/node /path/to/optimize-html.js /tmp/html-source.html');
    $minified = file_get_contents('/tmp/output.html');

    // alternative
    $minified = HTMLCompressor::minify($HTML);

    return $minified;

});

Link Optimization

The plugin provides advanced HTML link (<a href>) optimization that includes a MutationObserver innovation to capture and optimize script injected links. This solution enables to add rel=noopener to links to achieve a perfect Google Lighthouse score.

A JSON config filter enables to add, rename or remove attribute and classes, modify href and to apply a CDN with CDN mask.

Link Optimization

Image Optimization

The plugin provides advanced HTML image (<img>) optimization.

A JSON config filter enables to add, rename or remove attributes and classes, modify src and srcset and to apply a CDN with CDN mask.

Image Optimization

Additional features can be requested on the Github forum.

WordPress WPO Collection

This plugin is part of a Website Performance Optimization collection that include CSS, Javascript, Web Font, HTTP/2, Progressive Web App (Service Worker) and Security Header optimization.

The WPO optimization plugins provide in all essential tools that enable to achieve perfect Google Lighthouse Test scores and to validate a website as Google PWA, an important ranking factor for Google's Speed Update (July 2018).

Google Lighthouse Perfect Performance Scores

The WPO optimization plugins are designed to work together with single plugin performance. The plugins provide the latest optimization technologies and many unique innovations.

JSON configuration

100% of the WPO plugin settings are controlled by JSON. This means that you could use the plugins without ever using the WordPress admin forms.

The JSON is verified using JSON schema's. More info about JSON schemas.

Local editing of optimization settings

A recently added Stealth Optimization Config Proxy concept makes it possible to edit the plugin settings using physical .json files from a local editor (with auto upload) making it efficient for fine tuning optimization settings. An update would cost a second compared to using + saving a WordPress admin panel.

https://github.com/o10n-x/wordpress-http2-optimization/releases/tag/0.0.55

Google PageSpeed vs Google Lighthouse Scores

While a Google PageSpeed 100 score is still of value, websites with a high Google PageSpeed score may score very bad in Google's new Lighthouse performance test.

The following scores are for the same site. It shows that a perfect Google PageSpeed score does not correlate to a high Google Lighthouse performance score.

Perfect Google PageSpeed 100 Score Google Lighthouse Critical Performance Score

Google PageSpeed score is outdated

For the open web to have a chance of survival in a mobile era it needs to compete with and win from native mobile apps. Google is dependent on the open web for it's advertising revenue. Google therefor seeks a way to secure the open web and the main objective is to rapidly enhance the quality of the open web to meet the standards of native mobile apps.

For SEO it is therefor simple: websites will need to meet the standards set by the Google Lighthouse Test (or Google's future new tests). A website with perfect scores will be preferred in search over low performance websites. The officially announced Google Speed Update (July 2018) shows that Google is going as far as it can to drive people to enhance the quality to ultra high levels, to meet the quality of, and hopefully beat native mobile apps.

A perfect Google Lighthouse Score includes validation of a website as a Progressive Web App (PWA).

Google offers another new website performance test that is much tougher than the Google PageSpeed score. It is based on a AI neural network and it can be accessed on https://testmysite.thinkwithgoogle.com