أمثلة تحسين الأداء

توفر هذه الصفحة بعض أمثلة تحسين الأداء وأفضل الممارسات لـ Sharp.

تحسين الذاكرة

المعالجة المتدفقة للملفات الكبيرة

import sharp from 'sharp';
import fs from 'fs';

// المعالجة المتدفقة، تجنب تحميل الملف بالكامل في الذاكرة
fs.createReadStream('large-image.jpg')
  .pipe(sharp().resize(800, 600))
  .pipe(fs.createWriteStream('output.jpg'));

استخدام Buffer بدلاً من الملف

// للملفات الصغيرة، استخدام Buffer أكثر كفاءة
const inputBuffer = fs.readFileSync('input.jpg');
const outputBuffer = await sharp(inputBuffer)
  .resize(300, 200)
  .jpeg({ quality: 80 })
  .toBuffer();

fs.writeFileSync('output.jpg', outputBuffer);

تحرير الموارد في الوقت المناسب

// تحرير الموارد بعد اكتمال المعالجة
const image = sharp('input.jpg');
await image.resize(300, 200).toFile('output.jpg');
// سيتم جمع مثيل image تلقائيًا بواسطة المهملات

التحكم في التزامن

تحديد عدد التزامن

// تعيين الحد الأقصى لعدد التزامن
sharp.concurrency(4);

// التحكم في التزامن أثناء المعالجة المجمعة
async function batchProcess(files) {
  const batchSize = 4;
  const results = [];
  
  for (let i = 0; i < files.length; i += batchSize) {
    const batch = files.slice(i, i + batchSize);
    const batchPromises = batch.map(file => 
      sharp(file).resize(300, 200).jpeg().toFile(`output_${file}`)
    );
    
    await Promise.all(batchPromises);
    results.push(...batch);
  }
  
  return results;
}

استخدام قائمة انتظار للمعالجة

class ImageProcessor {
  constructor(concurrency = 4) {
    this.concurrency = concurrency;
    this.queue = [];
    this.running = 0;
  }
  
  async add(task) {
    return new Promise((resolve, reject) => {
      this.queue.push({ task, resolve, reject });
      this.process();
    });
  }
  
  async process() {
    if (this.running >= this.concurrency || this.queue.length === 0) {
      return;
    }
    
    this.running++;
    const { task, resolve, reject } = this.queue.shift();
    
    try {
      const result = await task();
      resolve(result);
    } catch (error) {
      reject(error);
    } finally {
      this.running--;
      this.process();
    }
  }
}

// مثال الاستخدام
const processor = new ImageProcessor(4);

for (const file of files) {
  processor.add(async () => {
    await sharp(file).resize(300, 200).jpeg().toFile(`output_${file}`);
  });
}

تحسين التخزين المؤقت

تخزين نتائج المعالجة مؤقتًا

const cache = new Map();

async function processWithCache(inputPath, width, height) {
  const key = `${inputPath}_${width}_${height}`;
  
  if (cache.has(key)) {
    return cache.get(key);
  }
  
  const result = await sharp(inputPath)
    .resize(width, height)
    .jpeg({ quality: 80 })
    .toBuffer();
  
  cache.set(key, result);
  return result;
}

مسح تخزين Sharp المؤقت

// مسح التخزين المؤقت بانتظام لتحرير الذاكرة
setInterval(() => {
  sharp.cache(false);
}, 60000); // مسح كل دقيقة

اختيار الخوارزمية

اختيار خوارزمية التغيير المناسبة

// للتصغير، استخدام خوارزمية أسرع
await sharp('input.jpg')
  .resize(300, 200, { kernel: sharp.kernel.cubic })
  .toFile('output.jpg');

// للتكبير، استخدام خوارزمية عالية الجودة
await sharp('input.jpg')
  .resize(1200, 800, { kernel: sharp.kernel.lanczos3 })
  .toFile('output.jpg');

تحسين المعالجة المجمعة

async function optimizedBatchProcess(files) {
  // تجميع المعالجة حسب الحجم
  const smallFiles = [];
  const largeFiles = [];
  
  for (const file of files) {
    const metadata = await sharp(file).metadata();
    if (metadata.width * metadata.height < 1000000) {
      smallFiles.push(file);
    } else {
      largeFiles.push(file);
    }
  }
  
  // الملفات الصغيرة تستخدم خوارزمية سريعة
  await Promise.all(smallFiles.map(file =>
    sharp(file)
      .resize(300, 200, { kernel: sharp.kernel.cubic })
      .jpeg({ quality: 80 })
      .toFile(`output_${file}`)
  ));
  
  // الملفات الكبيرة تستخدم خوارزمية عالية الجودة
  await Promise.all(largeFiles.map(file =>
    sharp(file)
      .resize(800, 600, { kernel: sharp.kernel.lanczos3 })
      .jpeg({ quality: 90 })
      .toFile(`output_${file}`)
  ));
}

تحسين الشبكة

الاستجابة المتدفقة

// مثال Express.js
app.get('/image/:filename', async (req, res) => {
  const filename = req.params.filename;
  
  try {
    const imageStream = sharp(`images/${filename}`)
      .resize(300, 200)
      .jpeg({ quality: 80 });
    
    res.set('Content-Type', 'image/jpeg');
    imageStream.pipe(res);
  } catch (error) {
    res.status(404).send('Image not found');
  }
});

المعالجة الشرطية

app.get('/image/:filename', async (req, res) => {
  const { filename } = req.params;
  const { width, height, quality = 80 } = req.query;
  
  try {
    let image = sharp(`images/${filename}`);
    
    if (width || height) {
      image = image.resize(parseInt(width), parseInt(height));
    }
    
    if (req.headers.accept?.includes('image/webp')) {
      image = image.webp({ quality: parseInt(quality) });
      res.set('Content-Type', 'image/webp');
    } else {
      image = image.jpeg({ quality: parseInt(quality) });
      res.set('Content-Type', 'image/jpeg');
    }
    
    image.pipe(res);
  } catch (error) {
    res.status(404).send('Image not found');
  }
});

المراقبة والتصحيح

مراقبة الأداء

async function processWithTiming(inputPath, outputPath) {
  const startTime = Date.now();
  
  try {
    await sharp(inputPath)
      .resize(800, 600)
      .jpeg({ quality: 80 })
      .toFile(outputPath);
    
    const endTime = Date.now();
    console.log(`وقت المعالجة: ${endTime - startTime}ms`);
  } catch (error) {
    console.error('فشلت المعالجة:', error.message);
  }
}

مراقبة استخدام الذاكرة

const process = require('process');

function logMemoryUsage() {
  const usage = process.memoryUsage();
  console.log('استخدام الذاكرة:', {
    rss: `${Math.round(usage.rss / 1024 / 1024)} MB`,
    heapTotal: `${Math.round(usage.heapTotal / 1024 / 1024)} MB`,
    heapUsed: `${Math.round(usage.heapUsed / 1024 / 1024)} MB`,
    external: `${Math.round(usage.external / 1024 / 1024)} MB`
  });
}

// تسجيل استخدام الذاكرة قبل وبعد المعالجة
logMemoryUsage();
await sharp('input.jpg').resize(800, 600).toFile('output.jpg');
logMemoryUsage();

معالجة الأخطاء وإعادة المحاولة

آلية إعادة المحاولة

async function processWithRetry(inputPath, outputPath, maxRetries = 3) {
  for (let attempt = 1; attempt <= maxRetries; attempt++) {
    try {
      await sharp(inputPath)
        .resize(800, 600)
        .jpeg({ quality: 80 })
        .toFile(outputPath);
      
      console.log(`نجحت المعالجة، عدد المحاولات: ${attempt}`);
      return;
    } catch (error) {
      console.error(`فشلت المحاولة ${attempt}:`, error.message);
      
      if (attempt === maxRetries) {
        throw new Error(`فشلت المعالجة، تمت إعادة المحاولة ${maxRetries} مرات`);
      }
      
      // الانتظار قليلاً قبل إعادة المحاولة
      await new Promise(resolve => setTimeout(resolve, 1000 * attempt));
    }
  }
}

معالجة الأخطاء المصنفة

async function robustProcess(inputPath, outputPath) {
  try {
    await sharp(inputPath)
      .resize(800, 600)
      .jpeg({ quality: 80 })
      .toFile(outputPath);
  } catch (error) {
    if (error.code === 'VipsForeignLoad') {
      console.error('تنسيق صورة غير مدعوم');
    } else if (error.code === 'VipsForeignLoadLimit') {
      console.error('الصورة كبيرة جدًا، محاولة التصغير');
      // محاولة معالجة نسخة أصغر
      await sharp(inputPath, { limitInputPixels: 268402689 })
        .resize(400, 300)
        .jpeg({ quality: 80 })
        .toFile(outputPath);
    } else if (error.code === 'ENOSPC') {
      console.error('مساحة القرص غير كافية');
    } else {
      console.error('خطأ غير معروف:', error.message);
    }
  }
}

ملخص أفضل الممارسات

1. اختيار طريقة المعالجة المناسبة

// الملفات الصغيرة: المعالجة المباشرة
if (fileSize < 1024 * 1024) {
  await sharp(file).resize(300, 200).toFile(output);
}

// الملفات الكبيرة: المعالجة المتدفقة
else {
  fs.createReadStream(file)
    .pipe(sharp().resize(300, 200))
    .pipe(fs.createWriteStream(output));
}

2. تحسين المعالجة المجمعة

// استخدام Promise.all للمعالجة المتزامنة
const promises = files.map(file => 
  sharp(file).resize(300, 200).jpeg().toFile(`output_${file}`)
);
await Promise.all(promises);

3. إدارة الذاكرة

// مسح التخزين المؤقت بانتظام
setInterval(() => {
  sharp.cache(false);
}, 300000); // مسح كل 5 دقائق

4. معالجة الأخطاء

// دائماً استخدام try-catch
try {
  await sharp(input).resize(300, 200).toFile(output);
} catch (error) {
  console.error('فشلت المعالجة:', error.message);
  // توفير حل بديل
}

روابط ذات صلة

• الأمثلة الأساسية
• الأمثلة المتقدمة
• مرجع واجهة برمجة التطبيقات
• دليل التثبيت