0

Tenho uma página que carrega cerca de 90% do conteúdo com base em imagens, o tamanho das imagens varia de 20kb até 150kb dependendo do tamanho da mesma, para melhorar a performance de carregamento da página estou pensando em chamar as imagens através de um script php, que vai identificar se o usuário está usando Chrome ou outro navegador com suporte a WebP, e então carregar a imagem com a extensão mais apropriada para o navegador. Minha dúvida é:

  • É uma boa fazer essa chamada através de um script php?
5
  • 90% do conteúdo é imagem, mas o usuário vê todo esse conteúdo por vez? Uma boa saída para poupar recursos tanto do servidor quanto do cliente seria usar a estratégia de lazy loading das imagens.
    – Thomas
    Commented 9/12/2016 às 11:26
  • Na home tenho um banner que ocupa 90% da resolução do usuário, seguido de uma lista com aproximadamente 30 imagens, quando o usuário der scroll mais 10 listas dessas são criadas, e quando ele chegar no final outras 10 serão criadas novamente.
    – Leo Letto
    Commented 9/12/2016 às 11:28
  • Quando o usuário dá scroll ele carrega 300 imagens?
    – Thomas
    Commented 9/12/2016 às 11:36
  • Atualmente são carregadas aproximadamente 100 imagens iniciais e a cada lista temos as mesmas imagens organizadas de forma diferente, mas sim num futuro próximo vai ser algo como isso 300/400 imagens ao total
    – Leo Letto
    Commented 9/12/2016 às 11:39
  • Dependendo de como está seu layout o lazy loading ainda sim seria uma boa. Veja ressio.github.io/lazy-load-xt/demo/infinite.htm
    – Thomas
    Commented 9/12/2016 às 11:58

1 Resposta 1

3

Na minha opinião, não é uma boa usar o PHP para carregar imagens.

Se fizer assim, você estará fazendo com que o PHP tenha que processar todo o conteúdo de uma imagem para depois enviar uma resposta ao navegador.

Isso pode custar caro para o servidor em termos de processamento, já que o PHP precisa utilizar a memória para poder renderizar essa imagem.

Sem contar que o browser tem um mecanismo específico para caches de imagem. Talvez fazendo pelo PHP, você não possa usufruir dessa funcionalidade, já que na verdade é um script PHP que será processado, e não uma imagem.

A solução que costumo utilizar para casos onde eu preciso usar o PHP para processar imagens é: Processo a imagem uma vez, dando a ela o formato desejado, e salvo-a. Costumo convertê-las todas para o mesmo formato.

Creio que se você deseja melhorar a performance de suas imagens, você possa investir um tempo na criação de um sistema de thumbs. Utilizando imagens redimensionadas ou com tratamento adequado, você pode atingir uma performance desejada. Mas não creio que carregar sempre com um script PHP seja adequado. Agora, se fizer isso uma vez, criando uma imagem otimiza estática, acho que seria uma boa solução.

17
  • mas processando através do php eu posso usar header para criar o cache dos arquivos, se você acessar a netflix no chrome e no firefox verá que a extensão das imagens são diferente nos dois navegadores, como eles fazem isso?
    – Leo Letto
    Commented 9/12/2016 às 11:27
  • Mas de qualquer forma, você está usando o PHP para processar as imagens. Convenhamos que você precisa de dois passos: O PHP processando a imagem e a resposta sendo enviada para o navegador. No caso da imagem estática, o navegador só precisa ler a imagem e pronto. Commented 9/12/2016 às 11:28
  • 1
    Então é uma má ideia também usar PHP para fazer stream de vídeo? Tive essa ideia a partir desse recurso
    – Leo Letto
    Commented 9/12/2016 às 11:31
  • Concordo que vai usar memória do servidor à toa, mas quem vai renderizar a imagem é o browser. O PHP só está servindo os bytes, mesmo quando você estiver acessando uma página com extensão .php quem vai decidir o que fazer com o que foi servido é o navegador.
    – Thomas
    Commented 9/12/2016 às 11:32
  • 2
    @LeoLetto você está fazendo muitas perguntas num assunto que foi específico para "é bom ou não usar PHP para carregar imagens". Eu sugiro você fazer outra (ou outras) perguntas. O espaço dos comentários é pequeno pra explicar essas coisas. Commented 9/12/2016 às 11:59

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .