Passamos todo esse tempo em nossa maquete estática criando um JavaScript inteligente que “carregaria suavemente” as imagens na Galeria. Agora que temos a Galeria real com imagens reais, isso acabou.
Essencialmente, precisamos fazer com que nossos envoltórios de imagem tenham um preenchimento superior da proporção da imagem. Isso foi fácil no mockup estático porque sabíamos a altura e a largura da imagem. Não temos mais essa informação, apenas temos a URL da imagem.
Procuramos no Google um tutorial sobre como obter dimensões de imagem com PHP. Depois de obter este no lugar e visitar a galeria, ele carrega Super lentamente. Provavelmente é a função PHP getimagesize. Especulamos que, uma vez que esteja no ar e solicitando as imagens do mesmo servidor em que está, será mais rápido.
Infelizmente, esse não é o caso. Essa função só é lenta porque precisa solicitar a imagem inteira e processá-la para obter as informações de que precisa. Mais tarde, só temos que recorrer a algo totalmente diferente para fazer o carregamento sem problemas. Meio que chato. Se pudéssemos voltar no tempo, deveríamos ter usado o uploader de mídia WordPress nativo para enviar essas imagens, em vez de um campo personalizado. Dessa forma, teríamos acesso aos dados de dimensão da imagem que estão armazenados no banco de dados, o que tornaria tudo isso possível.