高解像度の画像を高速かつ効率的に読み込むために、Pinterest スタイルの固定用に画像の取得を最適化するにはどうすればよいですか?

Pinterest スタイルのピン留め用に画像の取得を最適化する

Pinterest の画像ピン留め機能では、高解像度の画像を取得することがユーザー エクスペリエンスにとって重要です。ただし、時間のかかるプロセスになる可能性があります。この問題に対処するには、必要な幅と高さの要件を満たす画像を迅速に収集する、より効率的なアプローチが必要です。

PHP を使用したマルチスレッド画像ダウンロード

より高速なアプローチPHPのcurl_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 中国語 Web サイトの他の関連記事を参照してください。