Carregamento de imagens mais rápido

[Caio Dom 0]

Boa tarde, estou usando esse código para fazer com que as imagens carreguem mais rápido, porém só funciona com JPG, gostaria que funcionasse também com PNG, se alguém puder me ajudar agradeço. Segue o código abaixo:

<?php
// The file
$qualita = $_REQUEST['q'];
if(!$qualita) { $qualita = 1; }
$filename = $_GET['img'];
$prop = $_REQUEST['scala'];
if(!$prop) { $prop = 1; }
// Set a maximum height and width

// Content type
header('Content-Type: image/jpeg');

// Get new dimensions
list($width_orig, $height_orig) = getimagesize($filename);


//$width = $prop*621;
//$height = $prop*502;

$width = 1000;
$height = 667;

//maantem ration
$ratio_orig = $width_orig/$height_orig;

if ($width/$height > $ratio_orig) {
   $width = $height*$ratio_orig;
} else {
   $height = $width/$ratio_orig;
}

// Resample
$image_p = imagecreatetruecolor($width, $height);
$image = imagecreatefromjpeg($filename);
imagecopyresampled($image_p, $image, 0, 0, 0, 0, $width_orig*$prop, $height_orig*$prop, $width_orig, $height_orig);

// Output
imagejpeg($image_p, null, 100);
?>

 

[AnthraxisBR 56]

<?php
$filename = $_GET['img'];

$filetype = $filename['type'];
//Para o header
if($filetype == 'jpeg'){
  header('Content-Type: image/jpeg');
}elseif($filetype == 'png'{
  header('Content-Type: image/png');
}
        
        
//Para o output
if($filetype == 'jpeg'){
  imagejpeg($image_p, null, 100);
}elseif($filetype == 'png'{
  imagepng($image_p, null, 100);
}

Não se esse código vai funcionar, mas a ideia é pegar o formato da imagem na hora do carregamento, e dizer qual header deve ser usado, e qual vai o output.

[gabrieldarezzo 255]

Acredito que é mais eficiente pensar em algo como gzip + tratamento individual de imagens...

 

Aqui tem um video explicando como funciona o Gulp que é um automatizador de tarefas, (tratamento de imagme por exemplo é uma tarefa) 

https://www.alura.com.br/curso-online-gulp

 

 

Aqui tem algumas dicas gerais em performance:

http://blog.caelum.com.br/por-uma-web-mais-rapida-26-tecnicas-de-otimizacao-de-sites/

 

Vale a pena dar uma lida geral, ou apenas sobre imagens:

http://blog.caelum.com.br/por-uma-web-mais-rapida-26-tecnicas-de-otimizacao-de-sites/#l6