PageSpeed.PRO has achieved the ultimate result in website performance
PageSpeed.pro has invented a website plugin technology that is able to provide true instant website page load times for complex websites such as WordPress and Magento, with high reliability, no restrictions, no special demands (simple to install as a website plugin), up to 99.9% real HTML data transfer saving and on top of that real-time HTML (live content) that offers unprecedented new possibilities for the internet.
The plugin may be marketed as WP Instant App or similar. The plugin will offer all of the benefits of big budget AngularJS / React.js apps with a few clicks from the WordPress or Magento admin panel, including offline access, real-time content and Google Instant App listing, in a way that is better than most custom apps because of a core dedication to performance.
The technology delivers a result that goes far beyond anything that exists and it provides all of the features of what Google describes as “Progressive Web Apps“, which is seen by Google as the future of the internet.
Some of the features:
- reliable instant website speed, also on mobile devices
- up to 99.9% real HTML data transfer saving
- real time HTML (live website content)
- offline website access (offline mobile app)
- complete solution for unstable and slow internet networks for old browsers (without HTML5 Service Worker)
- no server software dependencies
- works with any valid HTML5 website
- simple to install as a website plugin
- fail safe: if the technology or WebSocket connection fails, the website is accessible as default
A minimum viable product (MVP) in the form of a WordPress plugin has been completed for 70%. It works well with most WordPress HTML5 themes.
We have setup a demo with the best selling WordPress e-commerce theme Flatsome. The installation did not require modification of the Flatsome theme (it is the original HTML source code).
- The ‘minimum base’ of the technology is just 70% ready. The results can be a lot better: much faster and more stable.
- The MVP currently is only testable in Google Chrome and Firefox. IE, IOS and Android support will be added later.
- The demo uses a quick fix preload system that will be replaced by artificial intelligence (deep learning technology).
- The demo does not have a good Google PageSpeed score. It is related to the unfinished state of the technology. The finished technology will enable to achieve perfect scores and the best first page load speed.
An ex-partner (SEO company) did not fulfill their financial commitments causing the development to halt prematurely. 2 months were reserved for bug testing and optimization. The current MVP is un-tested (it is a raw result of a 70% finished website plugin) and it is already stable with most themes. It is a technical indication that the plugin will be very stable when it is ready.
Compare the speed with an original Flatsome installation: http://flatsome3.uxthemes.com/
Faster than the refresh rate of a gaming display
In tests we have discovered that a true website load speed of less than 1 millisecond (1ms) will be achievable, which is faster than the refresh rate of most gaming displays (it is 1000 WordPress or Magento pages per second).
The demo uses a free account from Firebase.com (by Google) as WebSocket network. The WebSocket connection is a module, the technology can support other networks such as www.pusher.com, www.pubnub.com and a local Nginx + Lua, Node.js or Google Go WebSocket server.
Plugin vs Inferno.js
The installation of the demo on www.fastestwebsite.co did not cost anything other than basic WordPress admin configuration that a user with no technical knowledge would have been able to do and the speed result is better than the online demo of Inferno.js, a React.js clone intended for performance.
The following video shows the speed of Inferno.js compared to the plugin. As you can see, the speed of the plugin is better for a far more complex website. And the plugin is able to offer that speed for any website, not just 1 fixed app.
The technology is like a small and easy to handle module that a non technical user can put on anything from his rusty old bike to his Volkswagen to beat a professionally tuned Ferrari.
Developers are likely to underestimate the technology. Developers may say: the features of the technology is nothing new. It is true that it is possible to achieve the features of the plugin by using a regular AngularJS or React.js application (with a 30k to 50k budget), however, the plugin makes those features available for any existing HTML5 website, with high reliability, low costs, no special dependencies and no restrictions or technical demands from users (plug and play).
The value of the technology lays not just in what it can offer, but in what environment and under what circumstances.
How does it work?
The technology is able to provide instant page load times by forming a “websocket layer” between a website and the client-user that captures and processes navigation. The technology will look at HTML as part of a navigation process instead of per individual page, and it reuses HTML between requests to save up to 99.9% HTML data-transfer per visitor.
The technology works on any server (Windows/Linux) and with any valid HTML5 website. There are no dependencies for the server or CMS. Currently React.js (by Facebook) is used for HTML render optimization, however, the Virtual DOM component that is used can be custom made if needed to make the complete technology 100% custom.
The technology is fail safe. If there is a problem with the WebSocket connection or plugin, the website will simply load as default (without the WebSocket layer).
The technology provides in a similar advantage to a HTML5 Service Worker for offline accessibility and connection management, but reliably usable for old browsers. It will be able to provide reliable (and easy to use) management and fallback solutions for slow and unstable internet connections so that a user can continue to use a website when the connection goes offline, and to create an offline mobile app (a progressive web app as Google calls it).
Some more advanced techniques that have not been realized yet will enable the technology to preload HTML using algorithms and deep learning technology to ‘deliver’ instant page load times and maximum data transfer saving for every individual visitor.
At the heart of the technology lies a new internet connection named WebSocket. WebSocket is a new internet protocol. Like http://, WebSocket has the prefix ws://. The WebSocket connection provides a real time connection between the client and the server allowing 2-way communication with high performance.
WebSocket offers an extreme performance benefit over HTTP. It reduces both network traffic and latency. As you can see in the following figure, WebSocket provides a dramatic reduction of network traffic compared to HTTP. At 100.000 requests per second WebSocket requires just 1,5 Mbps while HTTP requires 665 Mbps for the same data.
Use case A: 1,000 clients receive 1 message per second HTTP: 6.6 Mbps, WebSocket: 0.015 Mbps
Use case B: 10,000 clients receive 1 message per second HTTP: 66 Mbps, WebSocket: 0.153 Mbps
Use case C: 100,000 clients receive 1 message per second: HTTP: 665 Mbps, WebSocket: 1.526 Mbps
The difference is extreme. HTTP’s 665Mbps requires an expensive 1 Gbit uplink and a powerful multi-core dedicated server just to handle the network while WebSocket would suffice with a 10 Mbit uplink and a small VPS for 100.000 active visitors.
WebSocket is as secure as HTTP. More information can be found in the documention of Firebase: https://firebase.google.com/docs/hosting/
WebSocket uses significant less resources such as CPU, memory and network traffic compared to HTTP. A scalable Nginx + Lua websocket server can handle more traffic than the biggest website can generate, allowing it to guarantee the fastest speed during peaks in traffic. Firebase.com (by Google) offers an SLA for unlimited simultaneous connections. That Google offers this is an indication of the potential of the WebSocket connection. When the server is setup correctly, it will be able to handle any amount of traffic.
99.9% HTML data-transfer saving
Using multiple innovations + the extreme data-transfer saving of the WebSocket connection the technology is able to provide a true saving of HTML document data-transfer up to 99.9%.
There are 4 main parts that lead to the data-transfer saving:
- Binary HTML
The technology uses a binary HTML variant that reduces the size of HTML up to 60% by itself.
- HTML reusage between requests
The technology reuses HTML between requests.
- HTML render optimization
The technology only updates HTML that is needed for rendering and it does so smartly by a memory based virtual DOM.
- Binary WebSocket
The HTML is loaded via a binary WebSocket connection (faster than regular WebSocket).
These innovations together provide a true data-transfer saving of up to 99.9%.
To put the saving into perspective: if a website receives 100,000 visitors per day who on average view 100 pages per visit with an average page size of 200kb, the technology is able to provide a saving of 1.84 Terrabyte of HTML data-transfer per day.
In some countries data-transfer is costly and a decreased network load will improve the availability of the internet on slow and unstable networks.
Not just for closed networks
With a CDN innovation concept the technology can offer cross network and cross device instant page load times, for example from an Android phone to a website.
Real Time HTML (Live Website Content)
Instant Speed and 99.9% HTML data-transfer saving are phenomenal features, however, in essence it is just a side effect of the true core of the technology. The technology creates a platform for real time internet (live website content).
WebSocket is a real time 2-way connection that offers unprecedented new possibilities. The technology creates a platform that enables website authors to easily add real time live content and features to their websites, often as simple as a HTML tag.
When a WordPress author edits a post, the update can be streamed live to all visitors (as shown above). The real time content feature also saves data-transfer because visitors will have to download just the updated HTML. For example, if a WordPress post title is changed and when that title occurs in a “Latest Posts” block on all pages of a website, just the title HTML part (a few bytes) is downloaded via WebSocket to update the view of all pages. On a regular website the visitor would need to redownload all pages to see the update.
Real time content offers unprecedented new possibilities for the internet. The technology makes it available and easy to use for existing websites.
The technology offers many options for monetization. As a website plugin it has the potential to be sold.
- premium plugin (WordPress, Magento and other platforms)
- cloud hosting
- real time website app store (app sales)
- real time advertising pioneer (services)
- real time marketing pioneer (services)
Developing countries have internet speed high on their priority list. The technology is able to make the internet fast and stable in countries with slow and unstable internet such as India, Africa and Indonesia where internet speed is one of the main problems hindering development in areas such as education and business.
Investment / partnership
PageSpeed.pro is currently 100% owner of the intellectual property. The project is currently on hold due to lack of funding.
We are open for any option to allow the technology to become a success.
Contact us for information: firstname.lastname@example.org.