Chroman

👻👻👻👻👻

Chrome Loading Time Checker

Built by Yuma Sumi

ver 1.0 as of 13 Feb 2019

***********************************************************************

This was created during my time as a student at Code Chrysalis.

It is now released at Chrome Web Store 🎉🎉
***********************************************************************

Chroman is the Chrome Extension that tells you URL, total page size, connection speed, and the loading time of the webpage with a sexy voice message.

Overview    |   Architecture   |   Setup   |   Contributions

---

1. Overview

Chroman tells you URL, total page size, connection speed, and the loading time of the webpage with a sexy voice message. It is the simple website speed checker on Chrome.

By clicking Chroman, you can check out the following information:

1. URL of the current tab
2. Connection type and Effective connection type of the current network (if defined)
3. Approximate total page size (except for asynchronous page rendering)
4. Connection speed when you loade that tab page
5. Loading time of the current tab

Besides, it will give you a sexy advice with sexy voice on your connection speed and the file size.

2. Architecture

Chroman ver 1.0 has very simple architecture:

The main future plans are:

• to improve the accuracy
• to extend its function to the Google search results
• make its voice sexier

3. Setup

⚠️As of 13 Feb 2019, this app is currently going through a compliance review at Chrome Web Store.

💡Use this app on the server

To use this app on Google Chrome, go to Chrome Web Store and download this app.

💡Use this app locally

1. Download the original source

To use this app locally, you have to create a Git branch.

Create your own Git account on GitHub and fork a master from Chroman.

Copy the URL of your fork, and run the following code locally.

cd <target_repo>
git clone <url_of_your_fork>

2. Enable Google Extension on Google Chrome

⚠️This part is mainly cited from the official instructions on Google Chrome Extension. More info at Google Chrome Developer page.

First and foremost, open Google Chrome.

Open the Extension Management page by navigating to chrome://extensions.

Enable Developer Mode by clicking the toggle switch next to Developer mode.

Click the LOAD UNPACKED button and select the extension directory.

Now Chromon's icon should be installed onto your toolbar!

4. Contributions

Chroman wants to improve himself a lot more. He needs your help!

Follow the instructions use this app locally and you will get the original source on your computer.

To contribute to this app, make sure you create a branch and ALWAYS make a pull request. DO NOT EDIT THE MASTER!

git checkout -b <branch_name>

If you want to push your edited files to your remote file, run the following:

git push <remote_name> <branch_name>

---

LICENSE: CC7 YUMA SUMI

Linkedin: Yuma Sumi

Twitter: @yumayeah