Cache de Imagens no Flutter! Performance, Memória e CPU no Flutter em Images

Поділитися
Вставка
  • Опубліковано 8 лис 2024

КОМЕНТАРІ • 53

  • @helbertmonteiro1790
    @helbertmonteiro1790 3 дні тому

    Excelente. Muito obg pela aula.

  • @OPaiDaKatarina
    @OPaiDaKatarina 2 роки тому +2

    Muito bom o vídeo cara, parabéns!!!

  • @marcossamuel2245
    @marcossamuel2245 7 місяців тому

    Parabéns pelo vídeo professor, conteúdo top 👏🏻

  • @fabriciocintra8352
    @fabriciocintra8352 10 місяців тому

    Seus conteúdos são os melhores. Muito obrigo por nos ensinar tanto com uma excelente didática

    • @drantunes
      @drantunes  10 місяців тому

      Eu que agradeço

  • @infomagico911
    @infomagico911 2 роки тому +2

    Oi Professor! Muito boas as suas aulas, estou aprendendo bastante. Se possível, você poderia trazer uma aula mostrando sobre calendários e agendamentos de horários no Flutter?

  • @ursochurrasqueira
    @ursochurrasqueira 2 роки тому

    excelente vídeo, não fazia ideia da existência desses recursos de cache

  • @animesgeekbr
    @animesgeekbr 2 роки тому

    Essa dica veio numa hora boa!!!
    Sensacional! 👏🏻👏🏻👏🏻🔥🔥🔥

  • @matthewtheys7181
    @matthewtheys7181 2 роки тому

    Muito bom o video, eu nunca tinha visto essa tecnica e com certeza vai ajudar demais no desempenho dos meus projetos, muito obrigado.

    • @drantunes
      @drantunes  2 роки тому

      Obrigado Matthew! Grande abraço

  • @YouTubeDoNatan
    @YouTubeDoNatan Рік тому

    Você é o cara!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @rickfontes5216
    @rickfontes5216 Рік тому

    Ótima aula, professor. 🙃

  • @RenattoHeld
    @RenattoHeld 2 роки тому

    Muito obrigado, isso é realmente útil. Suas aulas são sensacionais, continue!

  • @EmanuelXenos
    @EmanuelXenos 2 роки тому

    Que top mano, nem sabia que era possível isso! Eu estava pensando em fazer vários recortes no lado servidor. Assim a otimização vai a mil!

  • @eduardospek
    @eduardospek 2 роки тому

    Caramba, isso ajuda demais!
    Valeu professor! 👊🏽😎👏🏽👏🏽👏🏽

  • @deniziafernandajamitila8921
    @deniziafernandajamitila8921 9 місяців тому

    Ótima aula, obrigada.

  • @bitencourtuva
    @bitencourtuva 2 роки тому

    Obrigado professor mais uma vez.

  • @Pedro5antos_
    @Pedro5antos_ Рік тому

    Ótimas dicas! Curti demais, parabéns

  • @Fabbio204
    @Fabbio204 2 роки тому

    Muito bom. Ótimo vídeo, obrigado por compartilhar

  • @Alissonsk1
    @Alissonsk1 2 роки тому

    show!

  • @denismuzeti7878
    @denismuzeti7878 2 роки тому

    Sensacional!!!

  • @wevertonsantiago4305
    @wevertonsantiago4305 Рік тому

    Amo esse lance e performance! Prof. voce tem curso de flutter?

    • @drantunes
      @drantunes  Рік тому

      Sobre esse assunto ainda não

  • @Alexandre_amds
    @Alexandre_amds 2 роки тому

    Top demais, parabéns

  • @adrianomilhomens
    @adrianomilhomens 2 роки тому

    "Muito ótimo demais!"

  • @charless.9139
    @charless.9139 2 роки тому

    legal !

  • @RanulfoOliveira
    @RanulfoOliveira Рік тому

    Excelente video professor. mas como tirar os valores estáticos do mencache e usar valores dinâmicos que possam funcionar em diferentes dimensões de telas e dispositivos ? Tentei combinar o layoutBuilder com o devicePixelRatio, mas não tive sucesso.

    • @drantunes
      @drantunes  Рік тому

      Tenta adicionar uma query string na imagem e faz o cache com base na url (?size=1)… acredito que funcionaria

  • @elialmeida2001
    @elialmeida2001 2 роки тому

    video sempre diferenciado , perfeito seu videos . Qual package vc utilizaria para diminuir o tamanho do arquivo da imagem ?

    • @drantunes
      @drantunes  2 роки тому

      Obrigado Eli! Eu definiria uma rotina no servidor para criar os thumbnails e fazer a compressão de imagens + cache em um CDN. No cliente (Flutter) tem o flutter_image_compress que talvez possa te ajudar na tarefa 👍

    • @elialmeida2001
      @elialmeida2001 2 роки тому

      @@drantunes muito obrigado, eu vou deixar a compressao para o cliente

  • @rafaeljb
    @rafaeljb 2 роки тому

    Eu procurei uma forma de fazer isso com imagens locais (tipo num WhatsApp da vida) de forma nativa mas não encontrei uma forma de mostrar um Widget no loadingBuilder.

  • @kevenescovedo6585
    @kevenescovedo6585 2 роки тому

    Boa tarde professor , foram boas dicas no video ajudou muito, eu criei um rotina no firebase e as imagens demoram muito para carregar, demoram cerca de 1 a 2 segundos para carregar 9 imagens de 200x200 que tem cerca de 4 kb, como posso deixar o carregamento instantaneo , quando são 6 imagens ele demora cerca de um segundo e meio, o meu bucket está no brasil

    • @drantunes
      @drantunes  2 роки тому +1

      O que pode fazer é configurar a estratégia de cache para o Storage na CDN do Google. Assim o GET das imagens poderá vir da CDN e não do servidor do Firebase Storage 👍

    • @kevenescovedo6585
      @kevenescovedo6585 2 роки тому

      @@drantunes acabei de fazer isso professor esta carregando muito mais rapido !

    • @kevenescovedo6585
      @kevenescovedo6585 2 роки тому

      Muito obrigado

  • @DeadPoolGamerBR
    @DeadPoolGamerBR 4 місяці тому

    qual a extensão que marca o tab e a função pertencente?

  • @Goj10001
    @Goj10001 11 місяців тому

    Por algum motivo quando se usa if...else dentro do loadingBuilder, a imagem é carregada mais rapidamente e não ocorre aquele efeito pipocar (quando se usa um placeholder). Dica pra ajudar.

    • @VictorOnFlutter
      @VictorOnFlutter 6 місяців тому +1

      Sabe pq?

    • @Goj10001
      @Goj10001 6 місяців тому

      @@VictorOnFlutter pelo que analisei é como se uma variável estivesse sendo usada antes de ser inicializada. É esse mesmo contexto. Mas não entendi pq isso acontece.

  • @vitorbrussolo9651
    @vitorbrussolo9651 2 роки тому

    Diego me tira uma dúvida ? porque as vezes não funciona na web ?
    Image assets/images/footer/logo-apple-store.png - Resized(150×60) has a display size of 150×60 but a decode size of 1300×400, which uses an additional 2661KB
    estou colocando exatamente o que ele pede

    • @drantunes
      @drantunes  2 роки тому

      Nesse caso é pelo tamanho da imagem mesmo. O ideal é ter também uma imagem "thumb" como mostro durante o vídeo.

    • @vitorbrussolo9651
      @vitorbrussolo9651 2 роки тому

      @@drantunes Muito obrigado

  • @saulomiqueias4267
    @saulomiqueias4267 2 роки тому

    Dava para fazer algo do tipo usando uma api mesmo? Tipo: Consumir todos os dados em apenas uma requisição e salvarmos num cache, daí quando o usuário for para outra tela e dar um pull refresh, buscar essas informações do cache, caso não tenham sido alteradas e, se forem, buscar na api mesmo e dar um "reload" no cache. Seria viável ou foi muita viagem ? Kkkkk

    • @drantunes
      @drantunes  2 роки тому

      Sim, é uma estratégia! Pode implementar com um banco de dados local pra esse cache 👍

    • @saulomiqueias4267
      @saulomiqueias4267 2 роки тому

      @@drantunes Único problema que vi foi: Como saber que o cache está atualizado com os dados da api? Para somente bater na api se for para buscar dados novos, caso contrário vai no cache mesmo. Acho q n tem como n, pelo menos n enxergo uma maneira

    • @drantunes
      @drantunes  2 роки тому

      @@saulomiqueias4267 é uma estratégia manual que precisa fazer, mas se a API tem filtro de data você poderia buscar apenas por itens atualizados a partir de uma data... Essa data você salva localmente sempre que atualizar os dados 😀