한국어
한국어
현대 웹 개발에서는 페이지의 중요한 요소 인 이미지가 로딩 속도 및 사용자 경험에 직접적인 영향을 미칩니다. 최적화되지 않은 이미지로 인해 페이지가 천천히로드되어 검색 엔진 순위에도 영향을 줄 수 있습니다. 따라서 PHP 개발자는 이미지 로딩 최적화 기술을 마스터해야합니다.
이미지 압축은 이미지 파일의 양을 줄임으로써 로딩 속도를 높이는 일반적인 방법입니다. PHP는이 기능을 구현하기위한 GD 라이브러리를 제공합니다. 다음은 GD 라이브러리를 사용한 JPEG 이미지 압축에 대한 샘플 코드입니다.
<?php // 원본 이미지 경로 $source_path = '/path/to/source/image.jpg'; // 대상 이미지 경로 $target_path = '/path/to/target/image.jpg'; // 원본 이미지를 엽니 다 $source_image = imagecreatefromjpeg($source_path); // 원래 이미지 크기를 얻으십시오 $width = imagesx($source_image); $height = imagesy($source_image); // 대상 이미지를 만듭니다 $target_image = imagecreatetruecolor($width, $height); // 압축 사진 imagecopyresampled($target_image, $source_image, 0, 0, 0, 0, $width, $height, $width, $height); // 압축 사진을 저장하십시오 imagejpeg($target_image, $target_path); // 무료 메모리 imagedestroy($source_image); imagedestroy($target_image); ?>
이 코드는 원본 이미지를 압축하고 새 파일로 저장하여 파일 크기를 효과적으로 줄이면서 명확성을 보장합니다.
게으른 부하를 사용하면 사용자가 탐색함에 따라 이미지를 다시로드 할 수 있으므로 초기 로딩에 대한 자원 압력이 줄어 듭니다. 게으른 하중 구현의 기본 예는 다음과 같습니다.
<?php
// 원본 이미지 경로
$source_path = '/path/to/source/image.jpg';
// 자리 표시 자 경로
$placeholder_path = '/path/to/placeholder/image.jpg';
// 이미지 대체 텍스트
$alt = '그림';
// 출력 지연 로딩 구조（진실은 여기서 생략됩니다img상표，실제로 적용 할 때 프레임 워크에 따라 적응하십시오.）
echo "@@##@@";
?>
<script src="https://cdn.jsdelivr.net/npm/lazyload/lazyload.min.js"></script>
<script>
lazyloadConfig = {
elements_selector: ".lazyload",
callback_reveal: function(element) {
element.src = element.getAttribute('data-original');
}
};
LazyLoad.init(lazyloadConfig);
</script>
페이지 구조에서 이미지의 자리 표시자를 설정하고 JavaScript를 통해 원본 이미지를 지연 시키면 로딩 성능이 크게 향상 될 수 있습니다.
PHP를 사용하여 바이트의 바이트 스트림을 직접 출력하면 서버 리소스를 저장하고 디스크는 읽기 및 쓰기 오버 헤드를 저장할 수 있습니다. 다음은 관련 코드 예제입니다.
<?php
// 그림路径
$image_path = '/path/to/image.jpg';
// 获取그림的MIME유형
$mime_type = mime_content_type($image_path);
// 응답 헤더를 설정하십시오
header('Content-Type: ' . $mime_type);
// 출력 바이트 스트림
readfile($image_path);
?>
이 방법은 종종 응답 효율이 높은 코드와 함께 이미지 컨텐츠를 실시간으로 반환 해야하는 인터페이스 또는 시나리오에서 사용됩니다.
PHP 개발에서 이미지 로딩 최적화는 실용적이고 필요한 기술입니다. 이미지를 압축하여 파일 크기를 줄이고 지연된 하중을 사용하여 초기 하중 압력을 줄이고 바이트 스트림 출력을 통해 이미지 응답 효율을 향상시켜보다 효율적이고 더 나은 경험 웹 시스템을 구축 할 수 있습니다. 이 방법의 숙련도는 프로젝트의 전반적인 성능을 향상시키는 데 도움이 될 것입니다.
