쇼핑몰은 상품 이미지가 많아 트래픽과 로딩 속도 문제가 자주 발생하는데, 업로드 시 원본 이미지를 서버에서 자동 리사이즈(썸네일)하고, 동시에 WebP 형식으로 변환해 저장하면 브라우저 호환성을 유지하면서 속도를 크게 개선할 수 있음. 예를 들어 GD 또는 ImageMagick 라이브러리를 활용해 it_img1, it_img2 업로드 시 JPG/PNG는 원본+리사이즈본+WebP 버전 세 가지를 생성하고, 출력할 때 브라우저가 WebP를 지원하면 WebP를 먼저 제공함.
function convert_to_webp($source, $destination, $quality=80) {
$img = imagecreatefromstring(file_get_contents($source));
if($img !== false) {
imagewebp($img, $destination, $quality);
imagedestroy($img);
return true;
}
return false;
}
이렇게 하면 모바일 환경에서 특히 페이지 속도가 빨라지고, 구글 SEO 점수(페이지 속도 평가)에도 유리하며, 서버 트래픽 절감 효과까지 얻을 수 있음.
댓글 2개
게시글 목록
| 번호 | 제목 |
|---|---|
| 2400 | |
| 2394 | |
| 2363 | |
| 2362 | |
| 2351 | |
| 2350 | |
| 2348 | |
| 2347 | |
| 2336 | |
| 2326 | |
| 2324 | |
| 2323 | |
| 2318 | |
| 2306 | |
| 2305 | |
| 2299 | |
| 2295 | |
| 2293 | |
| 2283 | |
| 2279 | |
| 2266 | |
| 2254 | |
| 2248 | |
| 2232 | |
| 2231 | |
| 2204 | |
| 2184 | |
| 2183 | |
| 2181 | |
| 2179 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기