Wie verwende ich eine Chrome-Erweiterung, um die Ladezeiten einer Webanwendung zu beschleunigen?

Question

Ich suche eine Führung auf hohem Niveau, da ich nicht sicher bin, wo ich überhaupt anfangen würde.

Ich mache eine Web-App, wo die meisten (wenn nicht alle) meiner Nutzer eine Chrome-Erweiterung installiert haben, die ich geschrieben habe.

Ich möchte große Bibliotheken in die Chrome-Erweiterung einfügen und die Web-App die Bibliotheken von der Erweiterung laden, wenn der Benutzer eine Site besucht.

z. B. beide die Erweiterung & Web App Verwendung React (gleiche Version).

Wenn der Benutzer www.mywebapp.com aufruft, würde die Erweiterung die React-Bibliothek in die Seite einfügen und das Herunterladen des Skripts überspringen.

Ist das möglich und/oder ratsam?

Answer 1

Das ist wahrscheinlich keine gute Idee, weil Sie Updates Ihrer Erweiterung nicht direkt steuern. Und die beiden müssen mehr oder weniger synchron sein.

Angenommen, Sie müssen Ihre Site aktualisieren. Dann möchten Sie auch die Erweiterung aktualisieren. Das ist Google gnädig und braucht Zeit. Es ist am besten, wenn solche Updates vollständig von Ihrem Web-App-Server gesteuert werden.

Es gibt viel bessere Mechanismen, um die (nachfolgende) Ladezeit zu beschleunigen, indem clientseitige Caches wie ApplicationCache verwendet werden. Hier sind ein paar Ressourcen zu starten:

• A Beginner's Guide to Using the Application Cache @ HTML5Rocks
• Your first offline web-app @ Google Developers
• Application Cache is a Douchebag (für einige gotchas)