고해상도 이미지를 빠르고 효율적으로 로드하기 위해 Pinterest 스타일 고정을 위한 이미지 가져오기를 어떻게 최적화할 수 있나요?

Barbara Streisand
풀어 주다: 2024-10-30 23:27:29
원래의
388명이 탐색했습니다.

How can I optimize image fetching for Pinterest-style pinning to ensure fast and efficient loading of high-resolution images?

Pinterest 스타일 고정을 위한 이미지 가져오기 최적화

Pinterest의 이미지 고정 기능에서 고해상도 이미지를 검색하는 것은 사용자 경험에 매우 중요합니다. 그러나 시간이 많이 걸리는 프로세스일 수 있습니다. 이 문제를 해결하려면 원하는 너비 및 높이 요구 사항을 충족하는 이미지를 신속하게 수집하는 보다 효율적인 접근 방식이 필요합니다.

PHP를 사용한 멀티스레드 이미지 다운로드

더 빠른 접근 방식 PHP의 cur_multi_init 함수와 병렬 연결을 활용하는 데 있습니다. 이미지 다운로드 요청을 여러 스레드에 분산함으로써 프로세스 속도를 크게 높일 수 있습니다. 이는 성능을 방해할 수 있는 잠재적인 대역폭 제한을 우회합니다.

이미지에 대한 HTTP GET을 피하세요

시간이 많이 걸릴 수 있는 HTTP GET 요청을 통해 이미지 크기를 직접 확인하는 대신 , 로컬 임시 디렉터리에 이미지를 다운로드하는 것이 더 효율적입니다. 이렇게 하면 반복적인 HTTP 연결이 필요 없고 프로세스 속도가 빨라집니다.

코드 예

<code class="php">require 'simple_html_dom.php';

$url = 'http://www.huffingtonpost.com';
$html = file_get_html($url);

$nodes = array();
$res = array();

if ($html->find('img')) {
    foreach ($html->find('img') as $element) {
        if (startsWith($element->src, "/")) {
            $element->src = $url . $element->src;
        }
        if (!startsWith($element->src, "http")) {
            $element->src = $url . "/" . $element->src;
        }
        $nodes[] = $element->src;
    }
}

echo "<pre class="brush:php;toolbar:false">";
print_r(imageDownload($nodes, 200, 200));
echo "<h1>", microtime() - $start, "</h1>";

function imageDownload($nodes, $maxHeight = 0, $maxWidth = 0) {

    $mh = curl_multi_init();
    $curl_array = array();
    foreach ($nodes as $i => $url) {
        $curl_array[$i] = curl_init($url);
        curl_setopt($curl_array[$i], CURLOPT_RETURNTRANSFER, true);
        curl_setopt($curl_array[$i], CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 (.NET CLR 3.5.30729)');
        curl_setopt($curl_array[$i], CURLOPT_CONNECTTIMEOUT, 5);
        curl_setopt($curl_array[$i], CURLOPT_TIMEOUT, 15);
        curl_multi_add_handle($mh, $curl_array[$i]);
    }
    $running = NULL;
    do {
        usleep(10000);
        curl_multi_exec($mh, $running);
    } while ($running > 0);

    $res = array();
    foreach ($nodes as $i => $url) {
        $curlErrorCode = curl_errno($curl_array[$i]);

        if ($curlErrorCode === 0) {
            $info = curl_getinfo($curl_array[$i]);
            $ext = getExtention($info['content_type']);
            if ($info['content_type'] !== null) {
                $temp = "temp/img" . md5(mt_rand()) . $ext;
                touch($temp);
                $imageContent = curl_multi_getcontent($curl_array[$i]);
                file_put_contents($temp, $imageContent);
                if ($maxHeight == 0 || $maxWidth == 0) {
                    $res[] = $temp;
                } else {
                    $size = getimagesize($temp);
                    if ($size[1] >= $maxHeight && $size[0] >= $maxWidth) {
                        $res[] = $temp;
                    } else {
                        unlink($temp);
                    }
                }
            }
        }
        curl_multi_remove_handle($mh, $curl_array[$i]);
        curl_close($curl_array[$i]);

    }

    curl_multi_close($mh);
    return $res;}</code>
로그인 후 복사

이 향상된 접근 방식은 병렬 처리를 활용하고 HTTP 요청을 최소화하여 상당한 결과를 가져옵니다. 시간이 절약됩니다.

위 내용은 고해상도 이미지를 빠르고 효율적으로 로드하기 위해 Pinterest 스타일 고정을 위한 이미지 가져오기를 어떻게 최적화할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿