Clodui CLI, Brotli compression support and improved page load time

By Rajeeshin AnnouncementsApril 26th 2020

We started with a motto of making website deployment easy for everyone. In our first release, we started with a simple drag and drop so that each and everyone can deploy a static website quickly. Feedbacks from customers were tremendous, and many were asking for the ability to deploy a website from their development workflow.

Today we are excited to announce the release of Clodui CLI(command-line interface), integrate this tool with your continuous integration(CI) or continuous delivery(CD) pipeline to deploy your Clodui websites.

At the same time, we are continuously improving our platform, and recently we rolled out a few changes to improve the performance of your website.

Clodui CLI

CI/CD pipeline Clodui CLI integration

Using a web interface is easy, but when it comes to automating tasks web interface is not the right choice. For automating tasks, we need command-line tools. Clodui CLI is such a tool that you can use from your terminal.

Clodui CLI requires NodeJS v10.x or above. To install CLI run following command

npm install @clodui/cli -g
or
yarn global add @clodui/cli

Clodui CLI commands needs credentials; here are the options available to set credentials.

  • set --username and --password parameters with each command
  • set environment variables CLODUI_USERNAME, CLODUI_PASSWORD, then no need to pass credentials with each command.
  • run login command first; once you log in, then you don't need to pass credentials again for the subsequent commands.

Now you can create a website or deploy changes from your terminal. Even integrate it with your code deployment pipeline.

The screen recording below shows Clodui CLI in action.

~~ c~ cl~ clo~ clod~ clodu~ clodui~ clodui ~ clodui w~ clodui we~ clodui web~ clodui webs~ clodui websi~ clodui websit~ clodui website~ clodui website ~ clodui website l~ clodui website li~ clodui website lis~ clodui website list~ clodui website list Authenticating with Clodui Authenticating with Clodui Authenticating with Clodui Authenticating with Clodui Authenticating with Clodui Authenticating with Clodui Authenticating with Clodui Authenticating with Clodui Authenticating with Clodui Authenticating with Clodui Authenticating with Clodui Authenticated with Clodui Getting website list Getting website list Getting website list Getting website list Getting website list Getting website list Getting website list Getting website list Getting website list Getting website list Getting website list Fetched website list ┌──────────────────────────────────┬────────────┬───────┬──────────┬───────────────────────────────┐ Id Name Plan Status Url ├──────────────────────────────────┼────────────┼───────┼──────────┼───────────────────────────────┤ 96af3c725b28411ba13b8a660f6a1f8a my-website Basic Deployed https://my-website.clodui.com └──────────────────────────────────┴────────────┴───────┴──────────┴───────────────────────────────┘~ clodui website c~ clodui website cr~ clodui website cre~ clodui website crea~ clodui website creat~ clodui website create~ clodui website create ~ clodui website create -~ clodui website create --~ clodui website create --s~ clodui website create --so~ clodui website create --sou~ clodui website create --sour~ clodui website create --sourc~ clodui website create --source~ clodui website create --source-~ clodui website create --source-d~ clodui website create --source-di~ clodui website create --source-dir~ clodui website create --source-dir ~ clodui website create --source-dir ~~ clodui website create --source-dir ~/~ clodui website create --source-dir ~/D~ clodui website create --source-dir ~/Do~ clodui website create --source-dir ~/Dow~ clodui website create --source-dir ~/Down~ clodui website create --source-dir ~/Downloads/~ clodui website create --source-dir ~/Downloads/s~ clodui website create --source-dir ~/Downloads/si~ clodui website create --source-dir ~/Downloads/sim~ clodui website create --source-dir ~/Downloads/simp~ clodui website create --source-dir ~/Downloads/simpl~ clodui website create --source-dir ~/Downloads/simple~ clodui website create --source-dir ~/Downloads/simple-~ clodui website create --source-dir ~/Downloads/simple-w~ clodui website create --source-dir ~/Downloads/simple-we~ clodui website create --source-dir ~/Downloads/simple-web~ clodui website create --source-dir ~/Downloads/simple-webs~ clodui website create --source-dir ~/Downloads/simple-websi~ clodui website create --source-dir ~/Downloads/simple-websit~ clodui website create --source-dir ~/Downloads/simple-website~ clodui website create --source-dir ~/Downloads/simple-website/~ clodui website create --source-dir ~/Downloads/simple-website/ Validating website files Website files validation completed Uploading [ ] 648000/bps 0% 0.3s Uploading [====================] 42997/bps 100% 0.0s Files uploaded Creating website Creating website Creating website Creating website Creating website Creating website Creating website Creating website Creating website Creating website Creating website Website created and deployment in progress. ┌──────────────────────────────────┬───────────────┬───────┬─────────┐ Id Name Plan Status ├──────────────────────────────────┼───────────────┼───────┼─────────┤ 56156c41c81e48af996d9f2e34295012 resolute-knee Basic Pending └──────────────────────────────────┴───────────────┴───────┴─────────┘┌──────────────────────────────────┬───────────────┬───────┬──────────┬──────────────────────────────────┐ Id Name Plan Status Url ├──────────────────────────────────┼───────────────┼───────┼──────────┼──────────────────────────────────┤ 96af3c725b28411ba13b8a660f6a1f8a my-website Basic Deployed https://my-website.clodui.com 56156c41c81e48af996d9f2e34295012 resolute-knee Basic Deployed https://resolute-knee.clodui.com └──────────────────────────────────┴───────────────┴───────┴──────────┴──────────────────────────────────┘~0:00/0:00

You can read more about the available commands from docs.

Support for Brotli compression

We have added support for Brotli in addition to GZIP compression. Brotli compression is better than GZIP and reduces file size, which improves website performance.

Brotli is a lossless compression algorithm introduced by Google in the year 2015 it provides better compression than GZIP.

A study from Akamai showed that Brotli compression performed better than GZIP. They analyzed top 1000 URLs on the web and found out that Brotli improvements over GZIP against different file types as below.

Asset TypeBrotli improvement over Gzip
HTML21%
CSS17%
JavaScript14%

All the modern browsers now support Brotli, caniuse shows support is available in 93.17% of the browsers.

Brotli browser support

Clodui uses Accept-Encoding HTTP request header and decides which compression to use. When a user is visiting your website from the browser which doesn't support Brotli, we deliver the response in GZIP format. If the user's browser supports both compressions (GZIP and Brotli), then we deliver the response in Brotli format.

Note: This feature is only available for newly deployed websites. To avail this feature in your website, please do a new deployment or you can re-deploy your existing website by clicking on the "re-deploy with latest settings" button against the deployment.

Clodui re-deploy with latest settings

Improved page load time

We made a few changes to our caching logic; our testing has shown that these changes improved websites speed by 20-30%.

Clodui set the cache header to max-age=0 for all the HTML files for achieving instant invalidation. Due to this, previously our CDN servers had to check for a new version of HTML file with origin server every time a page is requested. Check with origin server was happening even if there is no new deployment(Clodui deployments are atomic, i.e. file is changed only after a new deployment), this overhead affected websites FTTB(First Time to Byte).

Now with the new changes, CDN servers won't check for a new version with origin server unless there is a new deployment. This change reduces FTTB and improves your website speed.

Share your feedback

As always we are happy to hear your feedback so we can improve Clodui. Please drop an email to support@clodui.com or send us a message through our chat support.

Stay up to date with Clodui updates and news by subscribing to our newsletter.

We use cookies to offer you a better experience and analyze site traffic. By continuing to use this website, you consent to the use of our cookies.