需要
1. 应前端需要，在进入文章详情时须要将所有图片进行占位替换，且占位符须要对应图片信息（次要须要晓得宽高）2. 目标：做点击图片浮窗成果
实现计划
1. 优化前 1.1 正则匹配图片，而后循环获取每张图片的宽高 1.2 问题：如果文章图片较少，以上操作问题不大。但图片一旦过慢，这个效率将会十分低下 1.3 代码如下：
preg_match_all('/<img.*? src="(.*?)".*?>/is', $str, $matchs); if(!empty($matchs[0])){ $pics = []; $i = 0; foreach ($matchs[0] as $key => $m) { $fileInfo = file_get_contents($matchs[1][$key] . '?x-oss-process=image/info'); $fileInfo = json_decode($fileInfo, true); $data['Width'] = $fileInfo['ImageWidth']['value']; $data['Height'] = $fileInfo['ImageHeight']['value']; $imgs[$i]['ref'] = '<!--IMG#' . $key . '-->'; $imgs[$i]['pixel'] = $data['Width'] . '*' . $data['Height']; preg_match('/alt="(.*?)"/i', $matchs[0][$key], $mt); $imgs[$i]['alt'] = isset($mt[1]) ? $mt[1] : ''; //图片alt $imgs[$i]['src'] = $matchs[1][$key]; //图片地址 $str = str_replace($m, '<!--IMG#' . $key . '-->', $str); $i++; } }
2. 优化思路 2.1 想着是否会有极速获取图片法子？在网上找了一些材料，基本上都是通过读取图片局部文件信息，不须要下载/读取整个图片。找了一个类库：[https://github.com/tommoor/fastimage](https://github.com/tommoor/fastimage)，试了一下。 相比以前的思路（残缺的下载图片） 的确有性能上的晋升。有趣味的敌人能够试试，如果针对单张图片的信息获取，这个还是很举荐的。但批量的实现仿佛还达不到目标 2.2 剖析以上操作，其实慢的过程应该还是停留在循环获取图片资源上。那么换个思路，我批量获取图片是否就ok了？上代码
preg_match_all('/<img.*? src="(.*?)".*?>/is', $str, $matchs);if(!empty($matchs[0])){ //$time = microtime(true); //echo ' ---- start ' . PHP_EOL; foreach ($matchs[0] as $key => $m) { $urls[] = $matchs[1][$key] . '?x-oss-process=image/info'; } $imageInfos = batchCurl($urls); $i = 0; foreach ($matchs[0] as $key => $m) { $image = json_decode($imageInfos[$key], true); $_img['Width'] = $width= $image['ImageWidth']['value']; $_img['Height'] = $height = $image['ImageHeight']['value']; $imgs[$i]['ref'] = '<!--IMG#' . $key . '-->'; $imgs[$i]['pixel'] = $_img['Width'] . '*' . $_img['Height']; preg_match('/alt="(.*?)"/i', $matchs[0][$key], $mt); $imgs[$i]['alt'] = isset($mt[1]) ? $mt[1] : ''; //图片alt $imgs[$i]['src'] = $matchs[1][$key]; //图片地址 $str = str_replace($m, '<!--IMG#' . $key . '-->', $str); $i++; } //echo " ---- end px in " . (microtime(true)-$time) . " seconds \n"; //exit;} function batchCurl($urls){ $res = $conn = []; // 创立批处理cURL句柄 $mh = curl_multi_init(); foreach ($urls as $i => $url) { // 创立一对cURL资源 $conn[$i] = curl_init(); // 设置URL和相应的选项 curl_setopt($conn[$i], CURLOPT_URL, $url); curl_setopt($conn[$i], CURLOPT_HEADER, 0); curl_setopt($conn[$i], CURLOPT_RETURNTRANSFER, 1); curl_setopt($conn[$i], CURLOPT_TIMEOUT, 10); // 302跳转 curl_setopt($conn[$i], CURLOPT_FOLLOWLOCATION, 1); // 减少句柄 curl_multi_add_handle($mh, $conn[$i]); } $active = null; //防卡死写法：执行批处理句柄 do { $mrc = curl_multi_exec($mh, $active); } while ($mrc == CURLM_CALL_MULTI_PERFORM); while ($active && $mrc == CURLM_OK) { if (curl_multi_select($mh) != -1) { do { $mrc = curl_multi_exec($mh, $active); } while ($mrc == CURLM_CALL_MULTI_PERFORM); } } foreach ($urls as $i => $url) { //获取以后解析的cURL的相干传输信息 $info = curl_multi_info_read($mh); //获取申请头信息 $heards = curl_getinfo($conn[$i]); //获取输入的文本流 $res[$i] = curl_multi_getcontent($conn[$i]); // 移除curl批处理句柄资源中的某个句柄资源 curl_multi_remove_handle($mh, $conn[$i]); //敞开cURL会话 curl_close($conn[$i]); } //敞开全副句柄 curl_multi_close($mh); return $res;}
3. 测试性能，20张图片的效率简直能达到秒级
总结
1. 优化的思路很重要，重点在于剖析所提所在，隔靴搔痒。在此记个笔记