تطبيقات الويب التقدمية لسطح المكتب: إنجاز كبير

نشرت: 2019-09-10

جدول المحتويات

عند الحديث عن تطبيقات الويب التقدمية (PWAs) ، فإن تطبيقات الهاتف المحمول هي أول ما يتبادر إلى الذهن لأنه كان دائمًا على هذا النحو.

 يوصى بقراءة: ما هو تطبيق الويب التقدمي

ومع ذلك ، مع تغير الوقت ، فإن المتصفحات الرئيسية مثل Chrome مع مبادرات PWA الخاصة بهم تدخل الآن في سوق سطح المكتب ، مما يوسع من الإمكانات غير المحدودة على ما يبدو لـ PWAs أكثر.

بدءًا من Chrome 70 وما بعده ، يمكن للمستخدمين الآن تثبيت تطبيقات الويب التقدمية لسطح المكتب على نظامي التشغيل Windows و Linux. بمجرد التثبيت ، يتم تشغيلها من قائمة ابدأ ، وتعمل مثل جميع التطبيقات المثبتة الأخرى ، بدون شريط عنوان أو علامات تبويب.

عرض هذا المنشور على Instagram

نظرًا لأنه لا يمكن تمييزه تقريبًا عن التطبيقات الأصلية ، فإن تطبيق الويب التقدمي (PWA) هو مستقبل الويب بميزاته الشبيهة بالتطبيقات ، وإحدى هذه الميزات هي القدرة على التثبيت (إضافة PWA إلى الشاشة الرئيسية) التي يمكن أن تحدث ثورة في تجربة الويب. بناء PWA اليوم مع SimiCart. . . #pwa #simipwa #app #nativeapp #websitedesign #web #google #chromedevsummit # chromedevsummit2019

تم نشر مشاركة بواسطة SimiCart (@ simicart.official) في

ولا يتوقف الأمر عند هذا الحد . يتم وضع أساس PWA Microsoft Store المختلط خطوة بخطوة: في متجر Microsoft ، أصبحت تطبيقات الويب التقدمية الآن على قدم المساواة مع تطبيق Windows الأصلي ، وبالتالي توسيع نطاق وصولها إلى قاعدة تثبيت Windows 10 بالكامل التي تبلغ حوالي 700 مليون المستخدمون النشطون شهريًا.

فهم تطبيقات سطح المكتب PWAs ولماذا هي مهمة جدًا

من خلال امتلاك جميع مزايا تطبيقات الويب التقدمية والمزيد ، أصبح تطبيق Desktop Progressive Web هو الاتجاه السائد في تطوير تطبيقات سطح المكتب.

 يُنصح بالقراءة: 12 نموذجًا لتطبيقات الويب التقدمية لإلهامك

لفهم موجز لـ Desktop PWA ، يمكنك أن تتخيل سطح المكتب PWA يشبه المستند عبر الإنترنت أو مستند Google الذي يعمل من خلال استخدام مكونات الويب. من ناحية أخرى ، تشبه تطبيقات سطح المكتب الأصلية Microsoft Word : فهي جيدة ، وتأتي بحجم قليل ومصممة للعمل بسلاسة. السبب وراء كون Desktop PWA ساخن في الوقت الحالي هو أن Desktop PWA يمكن أن يؤدي إلى حد كبير مهمة تطبيق سطح مكتب أصلي مع تجربة أكثر جاذبية ولا يشغل مساحة صغيرة أو معدومة على القرص الثابت.

باختصار ، تطبيقات سطح المكتب PWAs هي:

  • سريع - تقدم PWA تجربة فورية ، سريعة الاستجابة وممتعة بشكل عام
  • قابل للتثبيت - يمكن تثبيت PWA مثل أي تطبيق أصلي آخر وعرضه على سطح المكتب أو الشاشة الرئيسية بدلاً من طلب متصفح. تكون عمليات تثبيت PWA دائمًا فورية وصغيرة في حجم الحزمة.
  • المشاركة - تعتمد PWA أفضل دليل لتجربة المستخدم وواجهة المستخدم عالية الجودة مع القدرة أيضًا على العمل بغض النظر عن حالة الشبكة أو قدرة الجهاز.

أبرز مثال على سطح المكتب PWA هو Twitter Lite . على الرغم من التركيز على مستخدمي الأجهزة المحمولة ، فقد شهد Twitter نموًا بارزًا في تفاعلات مستخدم سطح المكتب.

65٪ زيادة في عدد الصفحات في الجلسة

75٪ زيادة في التغريدات المرسلة

20٪ انخفاض في معدل الارتداد

من المؤكد أن الطلقة الأولى التي تشير إلى المرحلة الأولى من حركة PWA أطلقها موقع Twitter. يتبع ذلك العلامات التجارية المؤثرة مثل Spotify و Pinterest على عجل وبدون جودة منتجات استثنائية أيضًا:

سطح المكتب Spotify & Pinterest PWA

في حالة فاتتك ، لدينا هنا مراجعة شاملة لـ Spotify PWA. يتميز Spotify PWA ، الذي يبرز فوق البقية ، بتجديد غيّر بشكل كبير تجربة المستخدم ، مما جعله أكثر تخصيصًا وتكيفًا مع احتياجات المستخدم - كما يجب أن يكون مشغل الموسيقى.

ألوان الخلفية التكيفية لـ Spotify PWA

شهدت Pinterest أيضًا العديد من التحسينات الإيجابية في مقاييس العمل الأساسية.

ارتفع الوقت المستغرق بنسبة 40٪ مقارنةً بتجربة الويب القديمة للجوال ، وارتفعت أرباح الإعلانات التي ينتجها المستخدمون بنسبة 44٪ وارتفعت المشاركات الأساسية بنسبة 60٪

تعد تجربة الويب الجديدة للهاتف المحمول الخاصة بهم خطوة للأمام إلى وحدة متراصة من موقع ويب من قبل.

لم يقتصر الأمر على تفكيك وإزالة مئات كيلوبايت من JavaScript ، مما أدى إلى تقليل حجم الحزمة الأساسية الخاصة بهم من 650 كيلوبايت إلى 150 كيلوبايت ، بل قاموا أيضًا بتحسين مقاييس الأداء الرئيسية. انخفض First Meaningful Paint من 4.2 ثانية إلى 1.8 ثانية و Time To Interactive انخفض من 23 ثانية إلى 5.6 ثانية.

للقراء المهتمين بدراسة حالة معينة لـ Pinterest PWA ، نوصي بشدة بهذه المقالة: دراسة حالة أداء تطبيق الويب التقدمي من Pinterest.

احصائيات Pinterest PWA
المصدر: PWAstats

كيفية تثبيت تطبيقات الويب التقدمية على سطح المكتب

عملية تثبيت تطبيق Desktop Progressive Web بسيطة ومباشرة. أهم خطوتك هي فقط العثور على عنوان PWA الصحيح لتطبيقك.

في برنامجنا التعليمي اليوم ، سنستخدم Twitter كمثال على Desktop PWA:

الخطوة 1 : باستخدام الإصدار 70 من Google Chrome وما فوق ، انتقل إلى https://mobile.twitter.com/home

الخطوة 2 : تحقق مما إذا كان هناك زر (+) على الطرف الأيمن من شريط العناوين

نافذة منبثقة لتطبيق Twitter PWA

أو إذا كان هناك خيار " تثبيت Twitter " في القائمة المنسدلة

خيار تثبيت Twitter PWA

الخطوة 3 : انقر فوق تثبيت وستنتهي العملية على الفور.

الخطوة 4 : قم بتشغيل PWA المثبت حديثًا من سطح المكتب الخاص بك.

سطح المكتب تويتر أيقونة
رمز Twitter على سطح المكتب

كيفية إلغاء تثبيت تطبيقات الويب التقدمية على سطح المكتب

بالنسبة للمستخدمين غير المهتمين ، يعد حذف رمز Desktop PWA إحدى الطرق المقبولة لإلغاء تثبيت PWA. ومع ذلك ، بالنسبة للمستخدمين الذين يبحثون عن طريقة أكثر تأكيدًا لإلغاء تثبيت PWAs ، يوصى بالخطوات التالية:

الخطوة 1 : افتح سطح المكتب PWA (في هذه الحالة هو Twitter )

الخطوة 2 : حدد " Uninstall Twitter …" في القائمة المنسدلة

خيار إلغاء تثبيت Twitter PWA

الخطوة 3 : حدد الخيار المقترح أو ألغِ تحديده ، ثم انقر في النهاية على " إزالة "

نافذة منبثقة لإلغاء تثبيت Twitter PWA

وهذا كل شيء! تم الآن الانتهاء من إزالة Twitter PWA من جهاز الكمبيوتر الخاص بك في بضع خطوات بسيطة.

ملاحظات ختامية

لا يمكن إنكار أن سطح المكتب PWA هو الخطوة الثورية التالية في تفاعل ووظائف تطبيقات الويب. لكي تكون في صدارة منافسيك ، يجب على الشركات أن تتبنى حركة PWA الآن وتبقى متيقظًا للاتجاه المتغير في تطوير الويب / التطبيق.

للتجار عبر الإنترنت الذين يبحثون عن حل تطبيق ويب Magento Progressive مثالي شامل ، هنا في SimiCart نقدم حزمة كاملة لك ولمتجرك.

بناء PWA مع SIMICART