প্রগতিশীল ওয়েব অ্যাপস: এটি কীভাবে ওয়ার্ডপ্রেস পরিবেশ পরিবর্তন করবে

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

মোবাইলের প্রভাব দেখতে আপনাকে আর দেখতে হবে না। আপনার নিজের এবং আপনার পরিবারের আচরণ দেখুন। ডিসেম্বর 2016 এ, কমস্কোর জানিয়েছে যে গড় আমেরিকান 17 বছরেরও বেশি বয়সী তাদের ফোনে প্রতিদিন দুই ঘন্টা এবং 51 মিনিট ব্যয় করেছিল (Englais)।

Statcounter.com উল্লেখ্য যে গ্লোবাল ওয়েব ট্রাফিক প্রাথমিকভাবে মোবাইল ডিভাইস থেকে এসেছে কমপক্ষে এক বছরের জন্য (ফেব্রুয়ারি 51,95 অনুযায়ী 2018%)।

আপনি যদি ভাবতে পারেন যে আপনার মোবাইল ব্যবহারকারীদের ফোনে সঞ্চয় করার জন্য আপনি কোনও নেটিভ অ্যাপ্লিকেশন বিকাশ করতে পারবেন না, তবে সমস্ত ব্যবসায়ের জন্য একটি দুর্দান্ত বিকল্প রয়েছে: প্রগ্রেসিভ ওয়েব অ্যাপ্লিকেশন। হতে পারে আপনি প্রগ্রেসিভ ওয়েব অ্যাপ্লিকেশনগুলির (পিডাব্লুএ) এবং লোকেরা কীভাবে তাদের ব্যবসা বৃদ্ধিতে ব্যবহার করে সে সম্পর্কে শুনেছেন। এই নিবন্ধে, আপনি পিডব্লিউএ সম্পর্কে আরও কিছুটা শিখবেন এবং কেন 2018 এ ব্যবহার সম্পর্কে আপনার আরও চিন্তা করা উচিত।

কিছু সংজ্ঞা

প্রগ্রেসিভ ওয়েব অ্যাপ্লিকেশনগুলি (পিডব্লিউএ) মোবাইল ডিভাইসে ওয়েবসাইটের কার্যকারিতা উন্নত করার জন্য গুগল মূলত তৈরি ওয়েব মানগুলির একটি সংগ্রহ। সুতরাং, ওয়েবসাইটগুলি অ্যাপলির অ্যাপ স্টোর বা গুগল প্লেতে পাওয়া ডেডিকেটেড মোবাইল অ্যাপগুলির মতো আরও বেশি কাজ করে।

ভারতীয় হোটেল চেইন ট্রিবোর ডেভেলপারদের আরেকটি সংজ্ঞা: "PWA হল একক-পৃষ্ঠার অ্যাপ্লিকেশন যা ধীরে ধীরে এমন বৈশিষ্ট্যগুলির সাথে উন্নত করা হয় যা আরও নিমজ্জিত নেটিভ অভিজ্ঞতা প্রদান করে।"

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

অন্যান্য সংজ্ঞা

পিডাব্লুএর কয়েকটি মূল প্রযুক্তিগত অংশগুলির মধ্যে রয়েছে:

সেবা কর্মীদের PWAs এর সাথে সম্পর্কিত কী প্রযুক্তি। এটি পিডব্লিউএগুলিকে নেটওয়ার্কের বাইরে পরিচালনা করতে দেয়।

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

পুশ বিজ্ঞপ্তি আপনার ব্যবহারকারীদের সাথে যোগাযোগ করুন (তাদের অনুমতি সহ), তাই তারা ফিরে আসে।

কিছু কারণ

তাহলে আপনার সাইটের কেন একটি পিডাব্লুএ অন্তর্ভুক্ত করা উচিত? এটা বেশ সোজা।

আরও ভাল পারফরম্যান্স - এমনকি ডেস্কটপে!

আপনি জানেন যে প্রথমবারের দর্শণার্থীর জন্য আপনার সীমিত পরিমাণ রয়েছে - কোনও সম্ভাব্য গ্রাহক অনুসন্ধানের ফলাফল অনুসন্ধানের পরের সাইটটি পরীক্ষা করে দেখার আগে এবং ছয় সেকেন্ডের লোডিংয়ের ছয় সেকেন্ড। মোবাইল ব্যবহারকারীরা আরও বেশি অধৈর্য - কোনও সাইট লোড হতে 3 সেকেন্ডের বেশি সময় নেয় যদি আপনার সম্ভাব্য অর্ধেক ব্যবহারকারী চলে যান!

সুসংবাদ: প্রগতিশীল ওয়েব অ্যাপ্লিকেশন তৈরি করতে আপনি যে পরিবর্তনগুলি করেছেন তা আপনার সাইটের গতি বাড়িয়ে তুলবে!

উদাহরণ: ভারতীয় হোটেল সংস্থা ট্রিবো তাদের পিডাব্লুএ তৈরি করে তাদের মোবাইল চার্জিংয়ের সময়টি ছয় সেকেন্ড থেকে 1,5 সেকেন্ডে কমিয়েছে। সাইটটি এখন এক সেকেন্ডে ডেস্কটপে লোড হয়! তাদের প্রযুক্তি দলটি জানিয়েছে যে সাইটের অনুসন্ধানের র‌্যাঙ্কিংয়ের উন্নতি হয়েছে এবং মাসিক রূপান্তর হার দ্বিগুণেরও বেশি বেড়েছে!

অফলাইন ক্ষমতা

PWA এর জন্য ইন্টারনেটে থাকার দরকার নেই be আপনার ব্যবহারকারীরা তাদের ডিভাইস বা ডেস্কটপ থেকে অ্যাপের সমস্ত সামগ্রী অ্যাক্সেস করতে পারবেন।

প্রকৃতপক্ষে, পিডব্লিউএ সম্পর্কে সর্বোত্তম জিনিসগুলির মধ্যে একটি হ'ল আপনার গ্রাহকটি তাদের ডিভাইসের হোম পৃষ্ঠায় সাইটটি সংরক্ষণ করতে পারে এবং এটি পরে আপনার পণ্য ক্রয় করতে, বা আরও তথ্য পেতে পারে। ।

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

প্রেস হোম পর্দায় যোগ করুন আপনার ডিভাইসে টেক টুডে প্রগতিশীল ওয়েব অ্যাপ্লিকেশনটি ডাউনলোড করতে। শীর্ষ 10 বর্তমান গল্পগুলি লোড করতে আইকনটি আলতো চাপুন। প্রতিটি গল্প পড়তে বাম দিকে সোয়াইপ করুন। আপনার ব্রাউজারে সিএনইটি হোম পৃষ্ঠা খুলতে সিএনইটি লোগোটি আলতো চাপুন।

Remarque : ফায়ারফক্সে, পিডব্লিউএর সাইটগুলিতে সরাসরি অ্যাড্রেস বারে একটি "হোম পেজে অ্যাড করুন" আইকন থাকে (একটি ছোট বাক্সে একটি প্লাস সাইন) থাকে। যদি পিডব্লিউএ ইতিমধ্যে ইনস্টল করা থাকে তবে ঠিকানা বারে অ্যান্ড্রয়েড লোগো আপনাকে পিডব্লিউএতে নিয়ে যাবে।

আপনার সাইটের একটি জিনিস প্রয়োজন নেই: "আমাদের অ্যাপ্লিকেশনটি ডাউনলোড করুন" উইজেটগুলি আপনার পৃষ্ঠায় স্থান নেয় (সাধারণত আইটিউনস এবং অ্যান্ড্রয়েড লোগো ব্যবহারকারীদের বিভ্রান্তকারী ব্যবহারকারীদের সাথে নিয়ে থাকে)। যদি ক্রোম লক্ষ্য করে যে কোনও ব্যবহারকারী সপ্তাহে কয়েকবার আপনার পিডব্লিউএ সাইটটি খোলেন, এটি আপনাকে আপনার পিডাব্লুএ যুক্ত করার অনুরোধ জানাবে। আপডেটগুলিও স্বয়ংক্রিয়।

জটিল প্রোগ্রামিং ভাষার জন্য কোন প্রয়োজন নেই

তুমি হয়তো তোমার ব্যবসার জন্য একটি দেশীয় মোবাইল অ্যাপ তৈরির কথা ভেবেছো, কিন্তু তুমি আবিষ্কার করেছো যে মোবাইল অ্যাপ তৈরি করা আর ওয়েবসাইট তৈরি করা আলাদা। আপনি যদি আপনার সাইট রক্ষণাবেক্ষণের জন্য কোনও ওয়েব ডিজাইন/ডেভেলপমেন্ট এজেন্সির সাথে কাজ করেন, তাহলে প্রভাবশালী মোবাইল প্রদানকারীদের জন্য একটি অ্যাপ তৈরি করার দক্ষতা তাদের থাকবে না।

অ্যাপল অ্যাপ স্টোরটিতে আপনার সফ্টওয়্যারটি প্রদর্শনের জন্য, আপনার বিকাশকারীদের অবশ্যই অ্যাপল বিকাশকারী নেটওয়ার্কের সাথে নিবন্ধন করতে হবে, অ্যাপল বিকাশকারী সরঞ্জাম (যা কেবলমাত্র ম্যাকের জন্য কাজ করে) ব্যবহার করতে হবে এবং এর একটি ভাষা জানতে হবে অ্যাপল অনুমোদিত প্রোগ্রামিং: সুইফট বা অবজেক্টিভ সি।

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

অ্যাপল বা অ্যান্ড্রয়েড অনলাইন স্টোরগুলিতে অ্যাপটি প্রদর্শিত হওয়ার জন্য, সমাপ্ত অ্যাপটিকে অবশ্যই সংশ্লিষ্ট স্টোরের রক্ষকগণের কাছ থেকে অনুমোদন নিতে হবে।

বিপরীতে, প্রগতিশীল ওয়েব অ্যাপ্লিকেশনগুলি জনপ্রিয় ওয়েব ভাষা: HTML, সিএসএস (ক্যাসকেডিং স্টাইল শীট) এবং জাভাস্ক্রিপ্ট ব্যবহার করে নির্মিত হয়। সংক্ষেপে, এমনকি প্রাথমিক ওয়েব বিকাশকারীরা উচ্চ মানের পিডব্লিউএ তৈরি করতে পারে।

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

প্রযুক্তি জায়ান্টদের সমর্থন বৃদ্ধি করুন

স্ট্যান্ডার্ডগুলি মান হয়ে উঠতে দীর্ঘ সময় নেয়। গুগল 2015 সালে প্রথম পিডব্লিউএগুলি প্রচার করেছিল।

দীর্ঘ সময় ধরে, পিডব্লিউএ সমর্থন করার জন্য ক্রোমই একমাত্র ব্রাউজার ছিল তবে এটি প্রায় পরিবর্তন হতে চলেছে। সাম্প্রতিক মাসগুলিতে:

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

অন্যান্য অপারেটিং সিস্টেম বিক্রেতাদের তুলনায় মাইক্রোসফ্ট বলেছে যে শীঘ্রই "উচ্চ মানের" পিডব্লিউএ মোবাইল এবং ডেস্কটপগুলির উইন্ডোজ 10 অ্যাপ স্টোরের সাথে সংহত করা হবে।

ওয়ার্ডপ্রেস এবং PWAs

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

জেটপ্যাক "ধীরে ধীরে পিডাব্লুএ বৈশিষ্ট্যগুলি প্রস্তুত হওয়ার সাথে সাথেই পরিচয় করিয়ে দেয়," বিকাশকারী বলেছেন ড্যান ওয়ালমসলি ওয়ার্ডপ্রেস ভিআইপি ব্লগে একটি নিবন্ধে । বিকাশকারীরা সংস্করণ ৫..5.6.0.০ থেকে জেটপ্যাকের ম্যানিফেস্ট মডিউলটি ব্যবহার করে ম্যানিফেস্ট ফাইল যুক্ত করতে পারে এবং তারা প্রগতিশীল চিত্র লোডিং প্রবর্তন করেছে, এটিতে প্রচুর চিত্র থাকাকালীন সাইট লোডিং দ্রুততর করে তোলে। পৃষ্ঠা. আরও বৈশিষ্ট্য এই বছর আসবে।

কয়েকটি প্লাগইন পিডব্লিউএ কার্যকারিতা যুক্ত করতে চাইছে, তবে ভারীভাবে গৃহীত হয়নি।

• ওয়ার্ডপ্রেস অপ্টিমাইজেশন সরঞ্জামটি একটি কার্যকরী এবং ম্যানিফেস্টের সরঞ্জাম সরবরাহ করে।
• সুপার প্রগ্রেসিভ ওয়েব অ্যাপস অন্যান্য বৈশিষ্ট্যগুলির মধ্যে হোম স্ক্রিনে একটি ম্যানিফেস্ট এবং অ্যাড বোতাম উত্পন্ন করে।
• ওয়ার্ডপ্রেস মোবাইল প্যাক পিডাব্লুএ বৈশিষ্ট্যগুলিও যুক্ত করে

কিভাবে আপনি PWA ব্যবহার করতে যাচ্ছেন?

এই টিউটোরিয়ালে, আপনি প্রগতিশীল ওয়েব অ্যাপস এবং আপনার প্রতিষ্ঠানের ওয়েবসাইটে কেন আপনার একটি যুক্ত করা উচিত সে সম্পর্কে কিছুটা শিখলেন:

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

সম্ভবত এখন আপনি কীভাবে ওয়ার্ডপ্রেসে পিডাব্লুএ করবেন তা জানতে চান? বা আপনার বিকাশকারীদের এটি কীভাবে করবেন তা দেখান? এটি অন্য টিউটোরিয়ালের বিষয় হবে।