জাভাস্ক্রিপ্ট মডিউল ওয়ার্কার থ্রেড: ব্যাকগ্রাউন্ড মডিউল প্রসেসিং আয়ত্ত করা

জাভাস্ক্রিপ্ট, যা ঐতিহ্যগতভাবে সিঙ্গেল-থ্রেডেড, অনেক সময় কম্পিউটেশনালি ইনটেনসিভ কাজগুলির সাথে লড়াই করতে পারে যা মূল থ্রেডকে ব্লক করে, যার ফলে UI ফ্রিজ হয় এবং ব্যবহারকারীর অভিজ্ঞতা খারাপ হয়। তবে, Worker Threads এবং ECMAScript Modules এর আবির্ভাবের সাথে, ডেভেলপারদের হাতে এখন ব্যাকগ্রাউন্ড থ্রেডে কাজ অফলোড করার এবং তাদের অ্যাপ্লিকেশনগুলিকে প্রতিক্রিয়াশীল রাখার জন্য শক্তিশালী সরঞ্জাম রয়েছে। এই নিবন্ধটি জাভাস্ক্রিপ্ট মডিউল ওয়ার্কার থ্রেডের জগতে প্রবেশ করে, এর সুবিধা, বাস্তবায়ন এবং পারফরম্যান্ট ওয়েব অ্যাপ্লিকেশন তৈরির সেরা অনুশীলনগুলি অন্বেষণ করে।

ওয়ার্কার থ্রেডের প্রয়োজনীয়তা বোঝা

ওয়ার্কার থ্রেড ব্যবহারের মূল কারণ হলো জাভাস্ক্রিপ্ট কোডকে মূল থ্রেডের বাইরে সমান্তরালভাবে চালানো। মূল থ্রেড ব্যবহারকারীর ইন্টারঅ্যাকশন পরিচালনা, DOM আপডেট করা এবং অ্যাপ্লিকেশনের বেশিরভাগ লজিক চালানোর জন্য দায়ী। যখন একটি দীর্ঘস্থায়ী বা CPU-ইনটেনসিভ কাজ মূল থ্রেডে চালানো হয়, তখন এটি UI ব্লক করতে পারে, যা অ্যাপ্লিকেশনটিকে প্রতিক্রিয়াহীন করে তোলে।

নিম্নলিখিত পরিস্থিতিগুলি বিবেচনা করুন যেখানে ওয়ার্কার থ্রেডগুলি বিশেষভাবে উপকারী হতে পারে:

• ছবি এবং ভিডিও প্রসেসিং: জটিল ছবি ম্যানিপুলেশন (রিসাইজিং, ফিল্টারিং) বা ভিডিও এনকোডিং/ডিকোডিং একটি ওয়ার্কার থ্রেডে অফলোড করা যেতে পারে, যা প্রক্রিয়া চলাকালীন UI ফ্রিজ হওয়া থেকে বিরত রাখে। এমন একটি ওয়েব অ্যাপ্লিকেশন কল্পনা করুন যা ব্যবহারকারীদের ছবি আপলোড এবং সম্পাদনা করতে দেয়। ওয়ার্কার থ্রেড ছাড়া, এই অপারেশনগুলি অ্যাপ্লিকেশনটিকে প্রতিক্রিয়াহীন করে তুলতে পারে, বিশেষ করে বড় ছবির ক্ষেত্রে।
• ডেটা বিশ্লেষণ এবং গণনা: জটিল গণনা, ডেটা সর্টিং বা পরিসংখ্যানগত বিশ্লেষণ কম্পিউটেশনালি ব্যয়বহুল হতে পারে। ওয়ার্কার থ্রেডগুলি এই কাজগুলিকে ব্যাকগ্রাউন্ডে চালানোর অনুমতি দেয়, যা UI-কে প্রতিক্রিয়াশীল রাখে। উদাহরণস্বরূপ, একটি আর্থিক অ্যাপ্লিকেশন যা রিয়েল-টাইম স্টক ট্রেন্ড গণনা করে বা একটি বৈজ্ঞানিক অ্যাপ্লিকেশন যা জটিল সিমুলেশন সম্পাদন করে।
• হেভি DOM ম্যানিপুলেশন: যদিও DOM ম্যানিপুলেশন সাধারণত মূল থ্রেড দ্বারা পরিচালিত হয়, খুব বড় আকারের DOM আপডেট বা জটিল রেন্ডারিং গণনা কখনও কখনও অফলোড করা যেতে পারে (যদিও ডেটা অসঙ্গতি এড়াতে এর জন্য সতর্ক আর্কিটেকচারের প্রয়োজন)।
• নেটওয়ার্ক অনুরোধ: যদিও fetch/XMLHttpRequest অ্যাসিঙ্ক্রোনাস, বড় প্রতিক্রিয়ার প্রসেসিং অফলোড করলে অনুভূত পারফরম্যান্স উন্নত হতে পারে। একটি খুব বড় JSON ফাইল ডাউনলোড করার এবং এটি প্রসেস করার প্রয়োজন কল্পনা করুন। ডাউনলোডটি অ্যাসিঙ্ক্রোনাস, কিন্তু পার্সিং এবং প্রসেসিং এখনও মূল থ্রেডকে ব্লক করতে পারে।
• এনক্রিপশন/ডিক্রিপশন: ক্রিপ্টোগ্রাফিক অপারেশনগুলি কম্পিউটেশনালি ইনটেনসিভ। ওয়ার্কার থ্রেড ব্যবহার করে, ব্যবহারকারী যখন ডেটা এনক্রিপ্ট বা ডিক্রিপ্ট করে তখন UI ফ্রিজ হয় না।

জাভাস্ক্রিপ্ট ওয়ার্কার থ্রেডের পরিচিতি

ওয়ার্কার থ্রেডগুলি Node.js-এ প্রবর্তিত একটি বৈশিষ্ট্য এবং ওয়েব ওয়ার্কার্স API-এর মাধ্যমে ওয়েব ব্রাউজারগুলির জন্য প্রমিত। এগুলি আপনাকে আপনার জাভাস্ক্রিপ্ট পরিবেশে আলাদা এক্সিকিউশন থ্রেড তৈরি করতে দেয়। প্রতিটি ওয়ার্কার থ্রেডের নিজস্ব মেমরি স্পেস থাকে, যা রেস কন্ডিশন প্রতিরোধ করে এবং ডেটা আইসোলেশন নিশ্চিত করে। মূল থ্রেড এবং ওয়ার্কার থ্রেডগুলির মধ্যে যোগাযোগ মেসেজ পাসিংয়ের মাধ্যমে সম্পন্ন হয়।

মূল ধারণা:

• থ্রেড আইসোলেশন: প্রতিটি ওয়ার্কার থ্রেডের নিজস্ব স্বাধীন এক্সিকিউশন কনটেক্সট এবং মেমরি স্পেস থাকে। এটি থ্রেডগুলিকে একে অপরের ডেটা সরাসরি অ্যাক্সেস করা থেকে বিরত রাখে, ডেটা করাপশন এবং রেস কন্ডিশনের ঝুঁকি কমায়।
• মেসেজ পাসিং: মূল থ্রেড এবং ওয়ার্কার থ্রেডগুলির মধ্যে যোগাযোগ `postMessage()` পদ্ধতি এবং `message` ইভেন্টের মাধ্যমে মেসেজ পাসিংয়ের মাধ্যমে ঘটে। থ্রেডগুলির মধ্যে পাঠানোর সময় ডেটা সিরিয়ালাইজড হয়, যা ডেটার সামঞ্জস্য নিশ্চিত করে।
• ECMAScript Modules (ESM): আধুনিক জাভাস্ক্রিপ্ট কোড সংগঠন এবং মডুলারিটির জন্য ECMAScript Modules ব্যবহার করে। ওয়ার্কার থ্রেডগুলি এখন সরাসরি ESM মডিউলগুলি এক্সিকিউট করতে পারে, যা কোড ম্যানেজমেন্ট এবং ডিপেন্ডেন্সি হ্যান্ডলিং সহজ করে।

মডিউল ওয়ার্কার থ্রেডের সাথে কাজ করা

মডিউল ওয়ার্কার থ্রেড প্রবর্তনের আগে, ওয়ার্কারগুলি শুধুমাত্র একটি URL দিয়ে তৈরি করা যেত যা একটি পৃথক জাভাস্ক্রিপ্ট ফাইলকে নির্দেশ করত। এটি প্রায়শই মডিউল রেজোলিউশন এবং ডিপেন্ডেন্সি ম্যানেজমেন্টের সাথে সমস্যা তৈরি করত। তবে, মডিউল ওয়ার্কার থ্রেডগুলি আপনাকে সরাসরি ES মডিউল থেকে ওয়ার্কার তৈরি করতে দেয়।

একটি মডিউল ওয়ার্কার থ্রেড তৈরি করা

একটি মডিউল ওয়ার্কার থ্রেড তৈরি করতে, আপনি কেবল একটি ES মডিউলের URL `Worker` কনস্ট্রাক্টরে পাস করবেন, সাথে `type: 'module'` অপশনটি ব্যবহার করবেন:

const worker = new Worker('./my-module.js', { type: 'module' });

এই উদাহরণে, `my-module.js` একটি ES মডিউল যা ওয়ার্কার থ্রেডে এক্সিকিউট করার জন্য কোড ধারণ করে।

উদাহরণ: বেসিক মডিউল ওয়ার্কার

চলুন একটি সহজ উদাহরণ তৈরি করি। প্রথমে, `worker.js` নামে একটি ফাইল তৈরি করুন:

// worker.js

addEventListener('message', (event) => {
  const data = event.data;
  console.log('Worker received:', data);

  const result = data * 2;
  postMessage(result);
});

এখন, আপনার মূল জাভাস্ক্রিপ্ট ফাইল তৈরি করুন:

// main.js

const worker = new Worker('./worker.js', { type: 'module' });

worker.addEventListener('message', (event) => {
  const result = event.data;
  console.log('Main thread received:', result);
});

worker.postMessage(10);

এই উদাহরণে:

• `main.js` `worker.js` মডিউল ব্যবহার করে একটি নতুন ওয়ার্কার থ্রেড তৈরি করে।
• মূল থ্রেড `worker.postMessage()` ব্যবহার করে ওয়ার্কার থ্রেডে একটি বার্তা (সংখ্যা 10) পাঠায়।
• ওয়ার্কার থ্রেড বার্তাটি গ্রহণ করে, এটিকে 2 দ্বারা গুণ করে এবং ফলাফলটি মূল থ্রেডে ফেরত পাঠায়।
• মূল থ্রেড ফলাফলটি গ্রহণ করে এবং কনসোলে লগ করে।

ডেটা পাঠানো এবং গ্রহণ করা

মূল থ্রেড এবং ওয়ার্কার থ্রেডগুলির মধ্যে ডেটা `postMessage()` পদ্ধতি এবং `message` ইভেন্ট ব্যবহার করে বিনিময় করা হয়। `postMessage()` পদ্ধতি পাঠানোর আগে ডেটা সিরিয়ালাইজ করে, এবং `message` ইভেন্ট `event.data` প্রপার্টির মাধ্যমে প্রাপ্ত ডেটাতে অ্যাক্সেস সরবরাহ করে।

আপনি বিভিন্ন ডেটা টাইপ পাঠাতে পারেন, যার মধ্যে রয়েছে:

• প্রিমিটিভ ভ্যালু (সংখ্যা, স্ট্রিং, বুলিয়ান)
• অবজেক্ট (অ্যারে সহ)
• ট্রান্সফারেবল অবজেক্ট (ArrayBuffer, MessagePort, ImageBitmap)

ট্রান্সফারেবল অবজেক্ট একটি বিশেষ ক্ষেত্র। অনুলিপি করার পরিবর্তে, এগুলি এক থ্রেড থেকে অন্য থ্রেডে স্থানান্তরিত হয়, যার ফলে বিশেষত বড় ডেটা স্ট্রাকচার যেমন ArrayBuffers এর জন্য উল্লেখযোগ্য পারফরম্যান্স উন্নতি হয়।

উদাহরণ: ট্রান্সফারেবল অবজেক্ট

চলুন ArrayBuffer ব্যবহার করে একটি উদাহরণ দেখি। `worker_transfer.js` তৈরি করুন:

// worker_transfer.js

addEventListener('message', (event) => {
  const buffer = event.data;
  const array = new Uint8Array(buffer);

  // বাফারটি পরিবর্তন করুন
  for (let i = 0; i < array.length; i++) {
    array[i] = array[i] * 2;
  }

  postMessage(buffer, [buffer]); // মালিকানা আবার ফেরত পাঠানো হচ্ছে
});

এবং মূল ফাইল `main_transfer.js`:

// main_transfer.js

const buffer = new ArrayBuffer(1024);
const array = new Uint8Array(buffer);

// অ্যারেটি শুরু করুন
for (let i = 0; i < array.length; i++) {
  array[i] = i;
}

const worker = new Worker('./worker_transfer.js', { type: 'module' });

worker.addEventListener('message', (event) => {
  const receivedBuffer = event.data;
  const receivedArray = new Uint8Array(receivedBuffer);

  console.log('Main thread received:', receivedArray);
});

worker.postMessage(buffer, [buffer]); // মালিকানা ওয়ার্কারকে হস্তান্তর করা হচ্ছে

এই উদাহরণে:

• মূল থ্রেড একটি ArrayBuffer তৈরি করে এবং এটিকে মান দিয়ে শুরু করে।
• মূল থ্রেড `worker.postMessage(buffer, [buffer])` ব্যবহার করে ArrayBuffer-এর মালিকানা ওয়ার্কার থ্রেডে হস্তান্তর করে। দ্বিতীয় আর্গুমেন্ট, `[buffer]`, ট্রান্সফারেবল অবজেক্টের একটি অ্যারে।
• ওয়ার্কার থ্রেড ArrayBuffer গ্রহণ করে, এটি পরিবর্তন করে এবং মালিকানা মূল থ্রেডে ফেরত পাঠায়।
• `postMessage` এর পরে মূল থ্রেডের আর সেই ArrayBuffer-এ অ্যাক্সেস থাকে না। এটি থেকে পড়ার বা এতে লেখার চেষ্টা করলে একটি ত্রুটি হবে। কারণ মালিকানা হস্তান্তর করা হয়েছে।
• মূল থ্রেড পরিবর্তিত ArrayBuffer গ্রহণ করে।

ট্রান্সফারেবল অবজেক্টগুলি বড় আকারের ডেটা নিয়ে কাজ করার সময় পারফরম্যান্সের জন্য অত্যন্ত গুরুত্বপূর্ণ, কারণ এগুলি অনুলিপি করার ওভারহেড এড়ায়।

ত্রুটি হ্যান্ডলিং

ওয়ার্কার থ্রেডের মধ্যে ঘটে যাওয়া ত্রুটিগুলি ওয়ার্কার অবজেক্টে `error` ইভেন্ট শোনার মাধ্যমে ধরা যেতে পারে।

worker.addEventListener('error', (event) => {
  console.error('Worker error:', event.message, event.filename, event.lineno);
});

এটি আপনাকে ত্রুটিগুলি সুন্দরভাবে হ্যান্ডেল করতে এবং পুরো অ্যাপ্লিকেশনটি ক্র্যাশ হওয়া থেকে আটকাতে সাহায্য করে।

বাস্তব অ্যাপ্লিকেশন এবং উদাহরণ

আসুন কিছু বাস্তব উদাহরণ অন্বেষণ করি যেখানে মডিউল ওয়ার্কার থ্রেডগুলি অ্যাপ্লিকেশন পারফরম্যান্স উন্নত করতে ব্যবহার করা যেতে পারে।

১. ছবি প্রসেসিং

এমন একটি ওয়েব অ্যাপ্লিকেশন কল্পনা করুন যা ব্যবহারকারীদের ছবি আপলোড করতে এবং বিভিন্ন ফিল্টার (যেমন, গ্রেস্কেল, ব্লার, সেপিয়া) প্রয়োগ করতে দেয়। এই ফিল্টারগুলি সরাসরি মূল থ্রেডে প্রয়োগ করলে UI ফ্রিজ হয়ে যেতে পারে, বিশেষত বড় ছবির জন্য। একটি ওয়ার্কার থ্রেড ব্যবহার করে, ছবি প্রসেসিং ব্যাকগ্রাউন্ডে অফলোড করা যেতে পারে, যা UI-কে প্রতিক্রিয়াশীল রাখে।

ওয়ার্কার থ্রেড (image-worker.js):

// image-worker.js

import { applyGrayscaleFilter } from './image-filters.js';

addEventListener('message', async (event) => {
  const { imageData, filter } = event.data;
  let processedImageData;

  switch (filter) {
    case 'grayscale':
      processedImageData = applyGrayscaleFilter(imageData);
      break;
    // এখানে অন্যান্য ফিল্টার যোগ করুন
    default:
      processedImageData = imageData;
  }

  postMessage(processedImageData, [processedImageData.data.buffer]); // ট্রান্সফারেবল অবজেক্ট
});

মূল থ্রেড:

// main.js

const worker = new Worker('./image-worker.js', { type: 'module' });

worker.addEventListener('message', (event) => {
  const processedImageData = event.data;
  // প্রক্রিয়াজাত ছবির ডেটা দিয়ে ক্যানভাস আপডেট করুন
  updateCanvas(processedImageData);
});

// ক্যানভাস থেকে ছবির ডেটা পান
const imageData = getImageData();

worker.postMessage({ imageData: imageData, filter: 'grayscale' }, [imageData.data.buffer]); // ট্রান্সফারেবল অবজেক্ট

২. ডেটা বিশ্লেষণ

একটি আর্থিক অ্যাপ্লিকেশন বিবেচনা করুন যা বড় ডেটাসেটের উপর জটিল পরিসংখ্যানগত বিশ্লেষণ করতে হয়। এটি কম্পিউটেশনালি ব্যয়বহুল হতে পারে এবং মূল থ্রেডকে ব্লক করতে পারে। একটি ওয়ার্কার থ্রেড ব্যাকগ্রাউন্ডে বিশ্লেষণ করার জন্য ব্যবহার করা যেতে পারে।

ওয়ার্কার থ্রেড (data-worker.js):

// data-worker.js

import { performStatisticalAnalysis } from './data-analysis.js';

addEventListener('message', (event) => {
  const data = event.data;
  const results = performStatisticalAnalysis(data);
  postMessage(results);
});

মূল থ্রেড:

// main.js

const worker = new Worker('./data-worker.js', { type: 'module' });

worker.addEventListener('message', (event) => {
  const results = event.data;
  // UI-তে ফলাফল প্রদর্শন করুন
  displayResults(results);
});

// ডেটা লোড করুন
const data = loadData();

worker.postMessage(data);

৩. 3D রেন্ডারিং

ওয়েব-ভিত্তিক 3D রেন্ডারিং, বিশেষ করে Three.js-এর মতো লাইব্রেরিগুলির সাথে, খুব CPU ইনটেনসিভ হতে পারে। রেন্ডারিংয়ের কিছু গণনাগত দিক, যেমন জটিল ভার্টেক্স পজিশন গণনা করা বা রে ট্রেসিং করা, একটি ওয়ার্কার থ্রেডে স্থানান্তর করলে পারফরম্যান্স ব্যাপকভাবে উন্নত হতে পারে।

ওয়ার্কার থ্রেড (render-worker.js):

// render-worker.js

import { calculateVertexPositions } from './render-utils.js';

addEventListener('message', (event) => {
    const meshData = event.data;
    const updatedPositions = calculateVertexPositions(meshData);

    postMessage(updatedPositions, [updatedPositions.buffer]); // ট্রান্সফারেবল
});

মূল থ্রেড:

// main.js

const worker = new Worker('./render-worker.js', {type: 'module'});

worker.addEventListener('message', (event) => {
    const updatedPositions = event.data;

    //নতুন ভার্টেক্স পজিশন দিয়ে জ্যামিতি আপডেট করুন
    updateGeometry(updatedPositions);
});

// ... মেশ ডেটা তৈরি করুন ...

worker.postMessage(meshData, [meshData.buffer]); //ট্রান্সফারেবল

সেরা অনুশীলন এবং বিবেচনা

• কাজগুলি ছোট এবং কেন্দ্রীভূত রাখুন: অত্যন্ত দীর্ঘস্থায়ী কাজগুলি ওয়ার্কার থ্রেডে অফলোড করা এড়িয়ে চলুন, কারণ এটি এখনও UI ফ্রিজের কারণ হতে পারে যদি ওয়ার্কার থ্রেডটি শেষ হতে খুব বেশি সময় নেয়। জটিল কাজগুলিকে ছোট, আরও পরিচালনাযোগ্য খণ্ডে ভাগ করুন।
• ডেটা স্থানান্তর ন্যূনতম করুন: মূল থ্রেড এবং ওয়ার্কার থ্রেডগুলির মধ্যে ডেটা স্থানান্তর ব্যয়বহুল হতে পারে। স্থানান্তরিত ডেটার পরিমাণ ন্যূনতম করুন এবং যখনই সম্ভব ট্রান্সফারেবল অবজেক্ট ব্যবহার করুন।
• ত্রুটিগুলি সুন্দরভাবে হ্যান্ডেল করুন: ওয়ার্কার থ্রেডগুলির মধ্যে ঘটে যাওয়া ত্রুটিগুলি ধরতে এবং হ্যান্ডেল করার জন্য সঠিক ত্রুটি হ্যান্ডলিং প্রয়োগ করুন।
• ওভারহেড বিবেচনা করুন: ওয়ার্কার থ্রেড তৈরি এবং পরিচালনা করার কিছু ওভারহেড আছে। তুচ্ছ কাজগুলির জন্য ওয়ার্কার থ্রেড ব্যবহার করবেন না যা মূল থ্রেডে দ্রুত কার্যকর করা যেতে পারে।
• ডিবাগিং: ওয়ার্কার থ্রেড ডিবাগ করা মূল থ্রেড ডিবাগ করার চেয়ে বেশি চ্যালেঞ্জিং হতে পারে। ওয়ার্কার থ্রেডের অবস্থা পরিদর্শন করতে কনসোল লগিং এবং ব্রাউজার ডেভেলপার টুল ব্যবহার করুন। অনেক আধুনিক ব্রাউজার এখন ডেডিকেটেড ওয়ার্কার থ্রেড ডিবাগিং টুল সমর্থন করে।
• সুরক্ষা: ওয়ার্কার থ্রেডগুলি সেম-অরিজিন পলিসির অধীন, যার মানে তারা কেবল মূল থ্রেডের একই ডোমেন থেকে রিসোর্স অ্যাক্সেস করতে পারে। বাহ্যিক রিসোর্সের সাথে কাজ করার সময় সম্ভাব্য সুরক্ষা প্রভাব সম্পর্কে সচেতন থাকুন।
• শেয়ার্ড মেমরি: যদিও ওয়ার্কার থ্রেডগুলি ঐতিহ্যগতভাবে মেসেজ পাসিংয়ের মাধ্যমে যোগাযোগ করে, SharedArrayBuffer থ্রেডগুলির মধ্যে শেয়ার্ড মেমরির অনুমতি দেয়। এটি নির্দিষ্ট পরিস্থিতিতে উল্লেখযোগ্যভাবে দ্রুত হতে পারে তবে রেস কন্ডিশন এড়াতে সতর্ক সিনক্রোনাইজেশন প্রয়োজন। এর ব্যবহার প্রায়শই সীমাবদ্ধ এবং সুরক্ষার কারণে (Spectre/Meltdown দুর্বলতা) নির্দিষ্ট হেডার/সেটিংস প্রয়োজন। SharedArrayBuffers-এ অ্যাক্সেস সিনক্রোনাইজ করার জন্য Atomics API বিবেচনা করুন।
• বৈশিষ্ট্য সনাক্তকরণ: ওয়ার্কার থ্রেড ব্যবহার করার আগে সর্বদা ব্যবহারকারীর ব্রাউজারে এটি সমর্থিত কিনা তা পরীক্ষা করুন। যে ব্রাউজারগুলি ওয়ার্কার থ্রেড সমর্থন করে না তাদের জন্য একটি ফলব্যাক ব্যবস্থা প্রদান করুন।

ওয়ার্কার থ্রেডের বিকল্প

যদিও ওয়ার্কার থ্রেডগুলি ব্যাকগ্রাউন্ড প্রসেসিংয়ের জন্য একটি শক্তিশালী প্রক্রিয়া সরবরাহ করে, তারা সবসময় সেরা সমাধান নয়। নিম্নলিখিত বিকল্পগুলি বিবেচনা করুন:

• অ্যাসিঙ্ক্রোনাস ফাংশন (async/await): I/O-বাউন্ড অপারেশনগুলির জন্য (যেমন, নেটওয়ার্ক অনুরোধ), অ্যাসিঙ্ক্রোনাস ফাংশনগুলি ওয়ার্কার থ্রেডের চেয়ে আরও হালকা এবং সহজে ব্যবহারযোগ্য বিকল্প সরবরাহ করে।
• WebAssembly (WASM): কম্পিউটেশনালি ইনটেনসিভ কাজগুলির জন্য, WebAssembly ব্রাউজারে কম্পাইল করা কোড কার্যকর করে প্রায়-নেটিভ পারফরম্যান্স সরবরাহ করতে পারে। WASM সরাসরি মূল থ্রেডে বা ওয়ার্কার থ্রেডে ব্যবহার করা যেতে পারে।
• সার্ভিস ওয়ার্কার: সার্ভিস ওয়ার্কারগুলি মূলত ক্যাশিং এবং ব্যাকগ্রাউন্ড সিনক্রোনাইজেশনের জন্য ব্যবহৃত হয়, তবে তারা ব্যাকগ্রাউন্ডে অন্যান্য কাজও সম্পাদন করতে পারে, যেমন পুশ নোটিফিকেশন।

উপসংহার

জাভাস্ক্রিপ্ট মডিউল ওয়ার্কার থ্রেডগুলি পারফরম্যান্ট এবং প্রতিক্রিয়াশীল ওয়েব অ্যাপ্লিকেশন তৈরির জন্য একটি মূল্যবান সরঞ্জাম। কম্পিউটেশনালি ইনটেনসিভ কাজগুলি ব্যাকগ্রাউন্ড থ্রেডে অফলোড করে, আপনি UI ফ্রিজ প্রতিরোধ করতে পারেন এবং একটি মসৃণ ব্যবহারকারীর অভিজ্ঞতা প্রদান করতে পারেন। এই নিবন্ধে বর্ণিত মূল ধারণা, সেরা অনুশীলন এবং বিবেচনাগুলি বোঝা আপনাকে আপনার প্রকল্পগুলিতে মডিউল ওয়ার্কার থ্রেডগুলিকে কার্যকরভাবে ব্যবহার করার ক্ষমতা দেবে।

জাভাস্ক্রিপ্টে মাল্টিথ্রেডিংয়ের শক্তিকে আলিঙ্গন করুন এবং আপনার ওয়েব অ্যাপ্লিকেশনগুলির সম্পূর্ণ সম্ভাবনা উন্মোচন করুন। বিভিন্ন ব্যবহারের ক্ষেত্রে পরীক্ষা করুন, পারফরম্যান্সের জন্য আপনার কোড অপটিমাইজ করুন এবং বিশ্বব্যাপী আপনার ব্যবহারকারীদের আনন্দ দেয় এমন ব্যতিক্রমী ব্যবহারকারীর অভিজ্ঞতা তৈরি করুন।

আরও পড়ার জন্য

• MDN ওয়েব ডক্স: ওয়ার্কার
• Node.js ডকুমেন্টেশন: ওয়ার্কার থ্রেড