Ich entwickle eine App mit ionischen und ich benutze Firebase dafür. Ich habe Links zum Firebase-Speicher und lade Bilder von dort. Die Bilder sind ungefähr 200-500kb. Ich benutze eine ng-Wiederholung, um den Text in Firebase zu loopen und die Bilder von der Firebase-Speicher-URL zu laden. Es ist zu langsam für die Produktion. Welche Optionen muss ich haben, um das Laden der Seite zu beschleunigen?Optimieren ionische Seitenlast mit Firebase
1
A
Antwort
1
Firebase hat keine Anpassungsoptionen für this use case meines Wissens. In meiner bescheidenen Meinung nach, hier sind Ihre Möglichkeiten:
- ein profiler Verwenden Sie die Verzögerung ausschließlich Feuerbasis und nicht etwas im Zusammenhang mit Ionic, Cordova oder Eckige zu gewährleisten. Angesichts der Dateigrößen, die Sie erwähnten, denke ich, dass dies unwahrscheinlich ist, aber sollte es ein Problem auf der Client-Seite geben, wird Ihre Situation leichter zu lokalisieren und zu beheben
- Verwenden von Platzhalter-Layouts oder dominante Farbe lazy loading (wie pinterest) wie beschrieben here kann Usability für die Produktion erfüllen
- Ändern Sie das Bildformat in etwas, das eine höhere Komprimierung verwendet — z png jpg
- ändern Sie die UI-low-res Bild Thumbnails zunächst zu zeigen, und dann dem Benutzer ermöglichen, die größeren Dateien
- Migrate zu einem anderen Backend-Service
Verwandte Themen
- 1. TS2307: Kann Modul 'ionische/ionische' nicht finden
- 2. ionische Rahmenbindung mit unerwünschten Werten
- 3. Abfrage Firebase mit Python-Firebase
- 4. net :: ERR_CONNECTION_REFUSED ionische
- 5. Ionische Kamera Ausgabe
- 6. ionische Anwendung Startup-Ereignis
- 7. Wakanda ionische App Sitzung
- 8. ionische Änderung Standardschrift
- 9. wie jhipster ionische Login
- 10. ionische Push-Benachrichtigung Implementierung
- 11. Warten auf ionische Ladedialoge mit Winkelmesser
- 12. ionische/eckige Aktualisierung wie Zählung mit Intervall?
- 13. Ionische Benutzer-Authentifizierung mit PHP, MySQL (XAMPP)
- 14. ionische erhalten Textfeld Wert
- 15. ionische Android-Plattform Fehler
- 16. ausblenden ionische Ionen Tabs
- 17. ionische Etiketten dynamisch erstellen
- 18. ionische Tabs Hintergrundfarbe
- 19. Optimieren der Bereitstellung mit Capistrano
- 20. Optimieren jQuery Selektor mit: ersten
- 21. Firebase ist kein Konstruktorfehler (Firebase mit reagieren)
- 22. Wie Firebase-Speicherdatei mit Firebase-Datenbank verknüpfen
- 23. Authentifizieren Firebase mit Botkit-Storage-Firebase-Modul
- 24. ionische http erhalten funktioniert nicht
- 25. Datei herunterladen in ionische Anwendung
- 26. Zählen optimieren?
- 27. Git ignorieren für ionische Projekt
- 28. ionische Tabs ärgerlich aktivierte Farbe
- 29. ionische Cordova Plugins und ionic.Platform.ready
- 30. Wie cordova Plugin für ionische
Sie auswählen Dank! Nur für eine andere App, welchen Backend-Dienst empfehlen Sie im Vergleich zu Firebase? – olivier
Nun Facebook hostet seine Bilder auf [Akamai] (https://developer.akamai.com/api/imaging/imaging/overview.html), so dass dies die beste und teuerste Lösung ist. Für etwas freies bin ich ein Fan von [OpenShift] (https://en.wikipedia.org/wiki/OpenShift), weil Sie Amazon EC2 wie Server ohne Zeichenketten erhalten - Sie konnten einen einfachen Bilddateiserver wie [dieses] herstellen (http://mifo.sk/post/file-sharing-on-openshift/). – Lightbeard
Danke! OpenShift sieht wirklich cool aus. Ich werde nachsehen. Hey, hast du jetzt eine Antwort auf dieses Problem? Ich stecke seit 6 Stunden fest. http://stackoverflow.com/questions/38766985/http-quiv-content-security-policy-works-in-browser-but-not-on-android-device – olivier