googlechromelabs / estimator.dev Goto Github PK

🧮 Calculate the size and performance impact of switching to modern JavaScript syntax.

License: Apache License 2.0

JavaScript 98.84% HTML 1.06% CSS 0.10%

estimator.dev's Introduction

⚠️ This repo is no longer maintained. We now recommend developers use the legacy-javascript audit in Lighthouse to assess the benefits of switching to modern JavaScript syntax.

EStimator

Calculate the size and performance improvement a site could achieve by switching to modern JavaScript syntax.

Privacy

Submitting a URL for analysis is stateless. The service does not store any information about you or the URLs you analyze. A minimal Google Analytics ping is used to record page visits (URL and referrer) and JavaScript errors, as well as the total calculated size difference number (but not the URL you entered).

Hacking

# clone it
git clone [email protected]:GoogleChromeLabs/estimator.dev.git
cd estimator.dev

# install dependencies and firebase CLI
npm install
npm install -g firebase-tools

# build the front-end:
npm run build

# start the server and functions
firebase emulators:start

estimator.dev's People

Contributors

Stargazers

Watchers

estimator.dev's Issues

Increase Timeout?

really appreciate this project and its goals!

Is there a way to increase the timeout?

I'm working on debugging the js of a site and hitting the cap

Application freezes on about:srcdoc

Not sure what it is but for https://jcubic.pl static website generated by Jekyll it freezes.

feature: possibility to add headers to requests

I would like to add HTTP headers to the request so we can analyze sites with auth.

No JavaScript detected

The app is an Angular PWA with SSR running behind Nginx Ingress.

Meta ticket but would be curious if estimator.dev could use modern js

"I tried putting in estimator.dev in "https://estimator.dev/#https://estimator.dev" and it could have been 9% faster :D" via
https://www.youtube.com/watch?v=cLxNdLK--yI&lc=UgyDzJtiPkA0JXr-xOZ4AaABAg

No able to test mobile site

Error: Parse Error: unknown: Cannot read property 'decorators' of undefined

Running this tool on https://www.momondo.com/car-rental/Los-Angeles-16078 results in error popping up when analysing one of the bundles:

https://www.momondo.com/res/combined.js?v=0bd227628862ca7ee2b13184ffd76fd10bcf9cfe-exclude-keel-globals&cluster=4&tag=ui/seo/cars/city/CityCarsPage
Error: Parse Error: unknown: Cannot read property 'decorators' of undefined
   at runBabel ([worker eval]:49:13)
   at MessagePort.<anonymous> ([worker eval]:4:36)
   at MessagePort.emit (events.js:315:20)
   at MessagePort.onmessage (internal/worker/io.js:78:8)
   at MessagePort.exports.emitMessage (internal/per_context/messageport.js:11:10)

It can be reproduced on every run.

Stuck at processing one bundle for a website

https://estimator.dev/#cure.fit

Feature request: make the up-converted version available

Since the tool creates the up-converted versions for doing the calculations, it could just as well also make these versions available in the UI (stretch: or even show a side-by-side diff).

URL input field autocorrects typed text

Whenever an URL is typed into the relative <input> field, the browser automatically does a spell-check and autocapitalizes the string, which is annoying. For this use case, the autocomplete, autocorrect, autocapitalize and spellcheck attributes should be added to the that element.

Switch to modern JS

How to start/setup locally?

Hi!

Thank you for your project, it looks great, but i have trouble setting it up locally. I executed all commands, but i only got firebase dashboard to show up.

firebase emulators:start
!  emulators: You are not currently authenticated so some features may not work correctly. Please run firebase login to authenticate the CLI.
i  emulators: Starting emulators: functions, hosting
!  functions: The following emulators are not running, calls to these services from the Functions emulator will affect production: auth, firestore, database, pubsub
!  Your requested "node" version "12" doesn't match your global version "14"
!  functions: You are not signed in to the Firebase CLI. If you have authorized this machine using gcloud application-default credentials those may be discovered and used to access production services.
!  hosting: Could not fetch web app configuration and there is no cached configuration on this machine. Check your internet connection and make sure you are authenticated. To continue, you must call firebase.initializeApp({...}) in your code before using Firebase.
i  hosting: Serving hosting files from: dist
+  hosting: Local server: http://localhost:5000
i  ui: downloading ui-v1.4.1.zip...
Progress: ================================================================> (100% of 4MB)
i  ui: Emulator UI logging to ui-debug.log
i  functions: Watching "C:\Users\Lyuboslav\Desktop\estimator.dev\server" for Cloud Functions...
+  functions[check]: http function initialized (http://localhost:5001/e-s-timator/us-central1/check).
+  functions[script]: http function initialized (http://localhost:5001/e-s-timator/us-central1/script).
+  functions[compiled]: http function initialized (http://localhost:5001/e-s-timator/us-central1/compiled).

┌─────────────────────────────────────────────────────────────┐
│ ✔  All emulators ready! It is now safe to connect your app. │
│ i  View Emulator UI at http://localhost:4000                │
└─────────────────────────────────────────────────────────────┘

┌───────────┬────────────────┬─────────────────────────────────┐
│ Emulator  │ Host:Port      │ View in Emulator UI             │
├───────────┼────────────────┼─────────────────────────────────┤
│ Functions │ localhost:5001 │ http://localhost:4000/functions │
├───────────┼────────────────┼─────────────────────────────────┤
│ Hosting   │ localhost:5000 │ n/a                             │
└───────────┴────────────────┴─────────────────────────────────┘
  Emulator Hub running at localhost:4400
  Other reserved ports: 4500

Issues? Report them at https://github.com/firebase/firebase-tools/issues and attach the *-debug.log files.```

Unable to process large javascript files

I had to run through a couple of hurdles to try out your tool. First, the application I wanted to test is only available via localhost and I couldn't run it using HTTPS.

So, I git cloned your code and hacked the client to allow me to enter an HTTP address and then ran the client/server locally using the instructions in the README.md.

The next hurdle I ran into was a size limitation, which appears to cap out at 2MB. My JavaScript file is about 6MB for the largest file, plus a couple of other smaller files.

I tried modifying the server code, but I wasn't able to figure out how to run that server code locally. I tried changing the both of the "Refusing" messages within handlers.js and the MAX_SIZE variable, but doing that seemed to have no effect. I suspect the server files first need to be deployed to firebase and of course I can't do that.

Is there anyway to run server modifications locally? (I'm not a firebase expert). Alternatively, would you be able to increase the MAX_SIZE limitation and deploy that? I'd understand if that's a non-starter if that costs you $$$. Just trying to figure out how to run this because I'm very curious about a large app that I've developed.

Analyze a local website on localhost

It seems it's not possible to analyse a local website.

I tried to clone the repo, launch the firebase emulator and the frontend. But I get this error when I click on Analyze with my localhost URL :

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT      (www.google-analytics.com/collect:1)

Would it be possible to make it work in some way?

Add a .nvmrc with README.md documentation

Add .nvmrc along with documentation in README.md to make this easier to use.

Error: Failed to construct 'URL': Invalid URL

Trying to run EStimator here:
https://estimator.dev/#observador.pt

The request to the /check completes with data, but while parsing that data the code breaks