thingsym

<p>The Better Website Performance plugin adds advanced features to improve website performance.<br />
Main features include HTML Head optimization, javascript async, CSS concat and inline, resource hints, etc.</p>
<h4>Descriptions of features</h4>
<h4>HTML Head optimization</h4>
<p>Manage meta tags and rel=link output by WordPress</p>
<h4>Emoji resource</h4>
<p>Manage WordPress Emoji features and resources</p>
<h4>image srcset</h4>
<p>Manage image srcset (Responsive image)</p>
<h4>JavaScript async</h4>
<p>Asynchronous JavaScript managed by WordPress</p>
<h4>jQuery</h4>
<p>Manage jQuery loading</p>
<h4>CSS concat and inline</h4>
<p>Concating, inlining or minify stylesheets</p>
<h4>Custom CSS</h4>
<p>Place Custom CSS output by WordPress in the footer.</p>
<h4>Resource Hints</h4>
<p>Manage resource prefetching</p>
<h4>Preload</h4>
<p>Manage resource prefetching</p>
<h4>Support</h4>
<p>If you have any trouble, you can use the forums or report bugs.</p>
<ul>
<li>Forum: <a href="https://wordpress.org/support/plugin/better-website-performance/" rel="ugc">https://wordpress.org/support/plugin/better-website-performance/</a></li>
<li>Issues: <a href="https://github.com/thingsym/better-website-performance/issues" rel="nofollow ugc">https://github.com/thingsym/better-website-performance/issues</a></li>
</ul>
<h4>Contribution</h4>
<p>Small patches and bug reports can be submitted a issue tracker in Github. Forking on Github is another good way. You can send a pull request.</p>
<p>Translating a plugin takes a lot of time, effort, and patience. I really appreciate the hard work from these contributors.</p>
<p>If you have created or updated your own language pack, you can send gettext PO and MO files to author. I can bundle it into plugin.</p>
<ul>
<li><a href="https://github.com/thingsym/better-website-performance" rel="nofollow ugc">VCS – GitHub</a></li>
<li><a href="https://wordpress.org/plugins/better-website-performance/" rel="ugc">Homepage – WordPress Plugin</a></li>
<li><a href="https://translate.wordpress.org/projects/wp-plugins/better-website-performance" rel="nofollow ugc">Translate Better Website Performance into your language.</a></li>
</ul>
<p>You can also contribute by answering issues on the forums.</p>
<ul>
<li>Forum: <a href="https://wordpress.org/support/plugin/better-website-performance/" rel="ugc">https://wordpress.org/support/plugin/better-website-performance/</a></li>
<li>Issues: <a href="https://github.com/thingsym/better-website-performance/issues" rel="nofollow ugc">https://github.com/thingsym/better-website-performance/issues</a></li>
</ul>
<h4>Patches and Bug Fixes</h4>
<p>Forking on Github is another good way. You can send a pull request.</p>
<ol>
<li>Fork <a href="https://github.com/thingsym/better-website-performance" rel="nofollow ugc">Better Website Performance</a> from GitHub repository</li>
<li>Create a feature branch: git checkout -b my-new-feature</li>
<li>Commit your changes: git commit -am ‘Add some feature’</li>
<li>Push to the branch: git push origin my-new-feature</li>
<li>Create new Pull Request</li>
</ol>
<h4>Contribute guidlines</h4>
<p>If you would like to contribute, here are some notes and guidlines.</p>
<ul>
<li>All development happens on the <strong>main</strong> branch, so it is always the most up-to-date</li>
<li>If you are going to be submitting a pull request, please submit your pull request to the <strong>main</strong> branch</li>
<li>See about <a href="https://help.github.com/articles/fork-a-repo/" rel="nofollow ugc">forking</a> and <a href="https://help.github.com/articles/using-pull-requests/" rel="nofollow ugc">pull requests</a></li>
</ul>
<h4>Test Matrix</h4>
<p>For operation compatibility between PHP version and WordPress version, see below <a href="https://github.com/thingsym/better-website-performance/actions" rel="nofollow ugc">Github Actions</a>.</p>


Better Website Performance

The Better Website Performance plugin adds advanced features to improve website performance.

Brad Jorsch

Andrija Vučinić

Brandon Payton

rcrdortiz

mreishus

<p>This plugin supports a few features that may improve the performance of page loading and rendering in the browser:</p>
<ul>
<li>Concatenate CSS</li>
<li>Concatenate JavaScript</li>
<li>Execution timing of non-critical scripts
<ul>
<li>Note: Changing script execution timing can be risky and will not work well for all sites.</li>
</ul>
</li>
</ul>
<h3>Testing</h3>
<p>To test features without enabling them for the entire site, you may append query params to a WordPress post or page URL. For example, to test enabling JavaScript concatenation for <code>https://example.com/blog/</code>, you can use the URL <code>https://example.com/blog/?concat-js=1</code>.</p>
<p>Supported query params:</p>
<ul>
<li><code>concat-css</code> controls CSS concatenation. Values: <code>1</code> for ON and <code>0</code> for OFF.</li>
<li><code>concat-js</code> controls JavaScript concatenation. Values: <code>1</code> for ON and <code>0</code> for OFF.</li>
<li><code>load-mode-js</code> controls how non-critical JavaScript are loaded. Values: ‘defer’ for <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-defer" rel="nofollow ugc">deferred</a>, ‘async’ for <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-async" rel="nofollow ugc">async loading</a>, any other value indicates the feature should be disabled.</li>
</ul>
<h4>PHPUnit (Docker)</h4>
<p>You can run the PHPUnit tests locally using Docker (no local MySQL required).</p>
<p>First time (or after changing DB credentials):</p>
<pre><code>docker compose down -v
</code></pre>
<p>Run tests:</p>
<pre><code>docker compose up --build --abort-on-container-exit --exit-code-from tests
</code></pre>
<p>Optional overrides (examples):</p>
<ul>
<li><code>WP_VERSION=6.5 docker compose up --build --abort-on-container-exit --exit-code-from tests</code></li>
<li><code>PHP_VERSION=7.4 docker compose up --build --abort-on-container-exit --exit-code-from tests</code></li>
<li><code>PHPUNIT_VERSION=9.6.20 docker compose up --build --abort-on-container-exit --exit-code-from tests</code></li>
</ul>


Page Optimize

Optimize pages for faster load and render in the browser.

Better Website Performance vs Page Optimize