I have multiple projects using Google Firebase and am using Firebase Storage to store my images and load them on mobile devices. The mobile app is developed on Flutter.
The marketplace app project loads images pretty quick, while the other app is very slow with the loads [nearly 5 seconds :(]
Below are the links to pics from each project. First one, being 900+kb loads pretty quick, but second one being 77kb takes much longer. What I see is the webpage itself takes so much time to load when open in the browser. At first I thought it must be the loading and caching in the app but now since it behaves differently on the browser to load, I am confused.
I am not sure maybe I am overlooking at some settings. Please help :)
https://firebasestorage.googleapis.com/v0/b/revivemarketplace-e61ec.appspot.com/o/03523bc0-cb82-11eb-a754-47c8b7348079?alt=media&token=ec7d02d5-7f6b-4493-9c99-6d2e9ac53da2
https://firebasestorage.googleapis.com/v0/b/diaeh/o/resized1000%2F00000apexels-christina-morillo-1181244_1000x1000.jpg?alt=media&token=b698c7ae-38ab-41ac-8761-bc6f4f18d98a
you can try this formula
Reupload your pic to firebase and set new link to your app of image
Related
Hi everyone I need help with downloading images in background in our flutter app
We are showing users list of images in our app we need to allow users to select these images and save them to thier phone but the download has to happen in the background so that the user can continue using rest of the features of the app
Our app is developed in flutter
Our backend is written in laravel 8
And database is SQL
I am a newbie and so I don't have much clarity regarding what more information shud I put in to help you all understand the code so I am adding a screenshot of the UI of our app search page
where we need to allow users to select multiple images and save them to their phone local storage but the download has to happen in background as the image size is big
You can use a async function where you call it and the app goes on. In the background all images are going to be saved on the phone while you still can use the app
My simple web application takes 7 seconds to 9 seconds to start.
I've added a loading view but I think that is not normal... I've tried also with the base app created by default. Tried with different browser, connection and devices.
Any idea?
My suggestions are;
Try to generate a light house performance report. Then find out what makes your web app to load slowly.
Try some alternatives for the heavy files like images, assets by resizing the image.
Learn more on how to improve the light house performance through (https://web.dev/lighthouse-best-practices/). You can also find lot of resources, topics, hands-on codelab to learn new skills.
I hope this helps you to reduce the web app load time, if so reply back how did you improved the performance and loaded the web app instantly.
I am currently developing a mobile app using Swift and wondering if someone could give their opinion about whether or not using a CDN is a good idea for some app images?
What I mean is, in the app the user will be able to achieve milestones/badges. The designs may change over time and I was thinking instead of embedding these in the app, put them on to a CDN and allow the app to call the CDN when needed and cache the response.
My concern with this is that in the app I provide 3 different sizes for each image and the app determines which size to use based on the users device. How would this work with online/CDN images? I don't really want to be downloading the largest image if I only need the smallest one.
I will be needing to store the profile image in a CDN so I need to go through the setup regardless but just didn't know about whats best practice for other app images. Things like tab images and other basic icons I will embed in the app but what about the images a user can achieve?
I realise this could be to broad a question and come down to personal opinion but really looking for some thoughts and if someone has come across the same "problem".
Perhaps On Demand Resources is what you need.
Basically what I want to do I be able to enter in data on a website, and have it appear on an iPhone app, so I want it to send the data to my iPhone, and store it so that every time i open the app, it will re load the data and put it on the screen. How can I go about this?
You will need a backend-side to your app. If you don't have any experience with backend-developing, I would recommend taking a look at Parse.com or other similar backend providers. They give you a server-solution without having to develop it yourself.
Good luck, and welcome to SO!
I am working on a magazine/portfolio application that is intended to be readable offline, saved as an icon on the home page.
This is using a lot of images, but while I can keep the images down to a respectable size (200 KB or less, with alterations for iPhone vs iPad) the amount for the page surpasses the 5 MB limit for a web app cache.
I have tried the cache manifest, but if the device is turned off or I clear the cache (which I do a lot while developing) the information is gone forever (and does not get resaved if I visit the bookmarked site while online again).
I am exploring the use of base64 to store the smaller icons in a CSS file, but am not sure about how to build a local storage database for the other information (backgrounds, images, text, etc) that will be persistent without being tied to the Safari cache.
Is this even possible?
(The project is intended to be an open source publishing engine, so more people can create digital 'zines for the iPad.)
you can't...
if you are limiting your application to a web application on the iphone, then your options are limited to what is provided on the device. I believe sqlitedb with mobile safari is limited to 5MB.
You can look into technology like PhoneGap which provides a wrapper around HTML5 web based applications on multiple platforms. This wrapper will give you access to the native device and then you could store additional data on the device in flat files on the native database without the 5MB limit