Please optimize the size of libs

[JosefJezek]

Could you optimize the size of libs? We have limit ~ 50 KB per route on 3G mobile networks. :-/

Check out the video Measure Time to Interactive.

The Cost Of JavaScript is high.

• 27.8 KB / gz 9.3 KB https://cdn.jsdelivr.net/npm/firebase@4.6.2/firebase-app.min.js
• 268 KB / gz 69.4 KB https://cdn.jsdelivr.net/npm/firebase@4.6.2/firebase-firestore.min.js
• 178.3 KB / gz 46.4 KB https://cdn.jsdelivr.net/npm/firebase@4.6.2/firebase-database.min.js
• 33.9 KB / gz 10.5 KB https://cdn.jsdelivr.net/npm/firebase@4.6.2/firebase-storage.min.js
• 27,8 KB / gz 5.7 KB https://cdn.jsdelivr.net/npm/firebase@4.6.2/firebase-messaging.min.js
• 137.5 KB / gz 43.8 KB https://cdn.jsdelivr.net/npm/firebase@4.6.2/firebase-auth.min.js

[google-oss-bot]

Hey there! I couldn't figure out what this issue is about, so I've labeled it for a human to triage. Hang tight.

[google-oss-bot]

Hmmm this issue does not seem to follow the issue template. Make sure you provide all the required information.

[jshcrowthe]

Hey @JosefJezek!

Thanks for your interest in this! We are working on making the SDKs easier to consume for mobile networks but nothing currently to report here. I will keep this issue open and will update as the situation improves!

[marclave]

Anyway we can make it more modular in the form of:

import { sendVerificationEmail, reauthenticateWithCredential, ... } from 'firebase/auth';
...

etc.

[debuggingfuture]

setup:

• webpack 3.10.0
• @firebase/firestore@0.2.3

I'm trying with ES6 import as below.
The firestore import increased 300+kb to my bundle (which is even larger than the CDN version).
What are the recommended settings with webpack? Are there any example for cherry picking the imports for the most basic db operations?

import firebase from '@firebase/app';
import '@firebase/firestore';

[anjmao]

I'm using firebase-js-sdk only to login in user and getting his tokenId, later I pass this token to my api proxy so I can do other operations in backend. It would be great to at least reduce auth module bundle size first.

[dandv]

(Side note for the record, individual packages became available starting with v4.1.0 (released in May 2017)).

I'm using firebase-js-sdk only to login in user

I would second the request to optimize the size of the auth solution, since this would be a great onboarding path for many developers. Authentication is hard, and getting it right using Google's security is a smart choice.

However, the minimum bundle size for signing up a user with the Firebase Web UI and federated identity providers is huge:

• https://www.gstatic.com/firebasejs/5.5.1/firebase-app.js - 35kB (12kB gzipped)
• https://www.gstatic.com/firebasejs/5.5.1/firebase-auth.js - 154kB (47kB gzipped)
• https://cdn.firebase.com/libs/firebaseui/3.1.1/firebaseui.js - 182kB (54kB gzipped)
• https://cdn.firebase.com/libs/firebaseui/3.1.1/firebaseui.css - 40 kB (7kB gzipped)

That's 411kB (120kB gzipped) just to log users in. This comes pretty close to the performance budget Google recommends for mobile.

One immediate optimization would be load Firebase UI only when the user is not logged in, using Dynamic imports or an equivalent. Dynamic imports have been supported since 2019 in all major browsers..

[JosefJezek]

Temporary solution for Firestore is described in this article https://davidea.st/articles/firebase-bundle-size

Instead of Server Side Rendering we can use Firestore REST API and PRPL-50.
https://firebase.google.com/docs/firestore/reference/rest/