kiboit/phast

A toolbox for optimizing web page performance

Phast

Phast is a unique automated page optimization suite for PHP by Kibo IT., _(*1)

Phast applies advanced optimization techniques to any PHP-based site without changing any code. Optimizations are applied in such a way that no changes to your site are necessary. Sites optimized by Phast easily score 90+ in Google PageSpeed Insights, and usually reach 100/100 with small adjustments., _(*2)

A free integration for WordPress is available as PhastPress (GitHub)., _(*3)

Van der Let & Partners have contributed an OctoberCMS plugin for Phast., _(*4)

Contact Kibo IT (email): We'd love your feedback. We can help you try out Phast and provide custom services for website optimization., _(*5)

Getting started

Install Phast into your project using Composer:, _(*6)

composer install kiboit/phast:dev-master

Create http://your.site/phast.php to serve optimized versions of resources:, _(*7)

<?php
require 'vendor/autoload.php';
\Kibo\Phast\PhastServices::serve();

Load Phast on all of your pages:, _(*8)

<?php
// At the top of your index.php
require 'vendor/autoload.php';
\Kibo\Phast\PhastDocumentFilters::deploy();

Test your site!, _(*9)

Features

• Image optimization: Images are recompressed, optimised (via pngquant and jpegtran) and converted to WebP, when supported by the browser., _(*10)

• CSS optimization: We break down included stylesheets and remove all class-based selectors that cannot apply to the current document. The optimised CSS is inlined. After the page has loaded, the original CSS is included, so any classes used in JavaScript will be available., _(*11)

• CSS inlining: Small stylesheets (including Google Fonts) get inlined., _(*12)

• Delay IFrames: IFrames are loaded after the page finishes, to prevent stealing bandwidth and resources from the main page load., _(*13)

• Scripts rearrangement: We move all <script> tags to the bottom of the page, so the important stuff gets loaded first., _(*14)

• Scripts deferring: Scripts are loaded asynchronously with full compatibility. To make sure that legacy scripts work while being loaded asynchronously, we use a custom script loader that loads the scripts in order, and triggers DOMContentLoaded when they have finished., _(*15)

• Scripts proxy: External scripts such as Google Analytics are loaded through a proxy script. This allows us to extend the cache duration., _(*16)

Browser compatibility

Phast is tested to work on all browser versions equal or higher than the following:, _(*17)

• Firefox 56
• Chrome 62
• Edge (any version)
• Safari 6.2
• IE 11

Thanks, BrowserStack!

, _(*18)

BrowserStack generously provides us with free access to their browser testing platform, so we can make sure Phast works on all supported browsers., _(*19)