لا شك أنك سمعت عن الموجة القادمة لشبكة المحمول. الشيء الأكثر شيوعًا الذي سمعته على الأرجح هو أن الوصول إلى الويب عبر الهاتف المحمول يتزايد بسرعة ، وحوالي نصف حركة مرور الويب تتم الآن عبر الهاتف أو الجهاز اللوحي. أ تقرير 2018 لشهر فبراير من مركز بيو للأبحاث لاحظ أن 95٪ من جميع الأميركيين يمتلكون هاتفًا خلويًا ، في حين أن حصة الأميركيين مع الهواتف الذكية هي 77٪.
ليس عليك أن تنظر بعيدًا لترى تأثير الهاتف المحمول. انظر إلى سلوكك وسلوك عائلتك. في ديسمبر 2016 ، ذكرت comScore أن المواطن الأمريكي العادي الذي يزيد عمره عن 17 عامًا يقضي ساعتين و 51 دقيقة يوميًا على هواتفه (Englais).
Statcounter.com يلاحظ أن حركة مرور الويب العالمية تأتي أساسًا من الأجهزة المحمولة لمدة عام على الأقل (51,95٪ في فبراير 2018).
بينما قد تعتقد أنك لا تستطيع تطوير تطبيق أصلي لمستخدميك المحمول لتخزينه على هواتفهم ، هناك بديل رائع متاح لجميع الشركات: تطبيقات الويب التقدمية. ربما سمعت عن تطبيقات الويب التقدمية (PWAs) وكيف يستخدمها الناس لتنمية أعمالهم. في هذه المقالة ، سوف تتعلم المزيد عن PWAs ولماذا يجب أن تفكر أكثر في استخدامها في 2018.
بعض التعاريف
تطبيقات الويب التقدمية (PWAs) عبارة عن مجموعة من معايير الويب التي طورتها Google في الأصل لتحسين أداء موقع الويب على الأجهزة المحمولة. لذلك ، تعمل مواقع الويب مثل تطبيقات الهاتف المحمول المخصصة التي يمكنك العثور عليها في متجر تطبيقات Apple أو Google Play.
أخرى تعريف مطورو سلسلة الفنادق الهندية Treebo: "تطبيقات الويب التقدمية (PWA) عبارة عن تطبيقات من صفحة واحدة يتم تحسينها بشكل تدريجي بميزات توفر تجربة أصلية أكثر شمولاً. »
وبتقليل ذلك قليلاً ، تسمح PWAs على الأجهزة المحمولة للقراء والعملاء بتحميل الصفحة الرئيسية لموقعك بسرعة واستخدام العديد من الميزات نفسها على الجهاز المحمول التي سيستخدمها التطبيق الأصلي. قد يكون موقعك موجودًا خارج المتصفح ، حتى عندما لا يكون الجهاز متصلاً بالإنترنت.
تعاريف أخرى
تتضمن بعض الأجزاء الفنية الرئيسية لسلطة العمل الفلسطينية ما يلي:
عمال الخدمات هي التكنولوجيا الرئيسية المرتبطة بـ PWAs. هذه تسمح لـ PWAs بالعمل خارج الشبكة.
ملفات البيان تحتوي على الرمز والاسم الذي يربط التطبيق الموجود على الجهاز بـ موقع انترنت. يمكن للمطور أيضًا إضافة عناصر التصميم هنا لتحسين تجربة العملاء.
دفع الإخطارات التواصل مع المستخدمين (بإذن منهم) ، لذلك يعودون.
بعض الاسباب
فلماذا يشتمل موقعك على PWA؟ إنه بسيط جدًا.
أداء أفضل - حتى على سطح المكتب!
أنت تعلم أن لديك وقتًا محدودًا للفوز بـ زائر لأول مرة – ست ثوانٍ من التحميل قبل أن يغادر العميل المحتمل ويزور الموقع التالي في نتائج البحث. أصبح مستخدمو الهاتف المحمول أكثر نفاد الصبر - سيغادر نصف المستخدمين المحتملين إذا استغرق تحميل الموقع أكثر من 3 ثوانٍ!
خبر سار: التغييرات التي تجريها لإنشاء تطبيق ويب تدريجي ستسرع موقعك!
مثال: خفضت شركة الفنادق الهندية Treebo وقت شحن الهاتف المحمول من ست ثوانٍ إلى 1,5 ثانية من خلال إنشاء PWA. يتم تحميل الموقع الآن على سطح المكتب في ثانية! أفاد فريقهم التقني أن تصنيفات البحث في الموقع قد تحسنت وأن معدل التحويل الشهري قد تضاعف!
القدرة غير متصل
لا يلزم أن يكون PWA على الإنترنت للقيام بذلك. يمكن للمستخدمين الوصول إلى كل محتوى التطبيق من أجهزتهم أو سطح المكتب.
في الواقع ، أحد أجمل الأشياء في PWA هو أنه يمكن لعميلك حفظ الموقع في الصفحة الرئيسية لجهازهم واستخدامه لاحقًا لشراء منتجك ، أو الحصول على مزيد من المعلومات. .
مثلا، CNET Tech اليوم يقدم ملخصًا يوميًا للأخبار المتعلقة بالتكنولوجيا التي تمثل الخبز اليومي للموقع. إذا فتحت الموقع باستخدام Google Chrome على جهاز Android وقمت بالتمرير لأسفل إلى أسفل الشاشة ، فسترى هذا:
إضغط على أضف إلى الشاشة الرئيسية لتنزيل تطبيق الويب التقدمي Tech Today على جهازك. اضغط على الأيقونة لتحميل أهم 10 قصص حالية. اسحب لليسار لقراءة كل قصة. اضغط على شعار CNET لفتح صفحة CNET الرئيسية في متصفحك.
ملاحظة : في Firefox ، تحتوي المواقع التي تحتوي على PWA على أيقونة "إضافة إلى الصفحة الرئيسية" (علامة زائد في مربع صغير) مباشرة على شريط العناوين. إذا تم تثبيت PWA بالفعل ، سينقلك شعار Android الموجود على شريط العناوين إلى PWA.
شيء واحد لا يحتاجه موقعك: تشغل أدوات "تنزيل تطبيقنا" مساحة على صفحتك (عادةً مع وجود شعارات iTunes و Android تشتت انتباه المستخدمين). إذا لاحظ Chrome أن أحد المستخدمين قد فتح موقع PWA الخاص بك عدة مرات في الأسبوع ، فسيطالبك بإضافة PWA الخاص بك. التحديثات أيضا تلقائية.
لا حاجة للغات برمجة معقدة
ربما تكون قد فكرت في إنشاء تطبيق جوال أصلي لعملك ، ولكن وجدت أن إنشاء تطبيق جوال يختلف عن إنشاء ملف موقع انترنت. إذا كنت تعمل مع وكالة تصميم / تطوير الويب للحفاظ على موقعك ، فلن يكون لديهم بالضرورة المهارات اللازمة لإنشاء تطبيق لبائعي الأجهزة المحمولة السائدة.
لكي يظهر برنامجك في Apple App Store ، يجب على مطوريك التسجيل في شبكة مطوري Apple ، واستخدام أداة Apple Developer Tool (التي تعمل فقط على Mac) ، ومعرفة لغة البرمجة المعتمدة من Apple: Swift أو Objective C.
تعد البرمجة لنظام Android أسهل قليلاً (لا يلزم موافقة المطور) ، ولكن الغالبية العظمى من تطبيقات Android مكتوبة بلغة Java ، والتي قد تكون لغة صعبة التعلم.
لكي يظهر التطبيق في متاجر Apple أو Android عبر الإنترنت ، يجب أن يحصل التطبيق المكتمل على موافقة من أمناء المتجر المعني.
في المقابل ، يتم إنشاء تطبيقات الويب التقدمية باستخدام لغات الويب الشائعة: HTML و CSS (أوراق الأنماط المتتالية) وجافا سكريبت. باختصار ، حتى مطوري الويب المبتدئين يمكنهم بناء تطبيقات الويب التقدمية عالية الجودة.
على وجه التحديد ، لا تحتاج إلى الكثير من تعليم الكمبيوتر للقيام بـ PWA لموقع WordPress الخاص بك. إذا قمت بالفعل بتغيير تنسيق موقعك باستخدام سمة فرعية ، فيمكنك أيضًا إنشاء ملف PWA. سنغطي مشكلات الترميز في مقال آخر.
زيادة دعم عمالقة التكنولوجيا
تستغرق المعايير وقتًا طويلاً لتصبح معايير. روّجت Google لأول مرة لـ PWAs في 2015.
لفترة طويلة ، كان Chrome هو المستعرض الوحيد الذي يدعم PWAs ، لكن هذا على وشك التغيير. في الشهور الماضية:
- أضافت Mozilla دعم PWA في Firefox 58
- أعلنت شركة Apple مؤخرًا دعمها لتطبيقات الويب في نظام التشغيل iOS
- ستدعم Microsoft PWA في الإصدار التالي من Windows 10 ، والذي سيكون متاحًا في وقت لاحق من هذا العام (2018).
بالذهاب إلى أبعد من بائعي أنظمة التشغيل الآخرين ، صرحت Microsoft أنه سيتم قريبًا دمج PWAs "عالية الجودة" في متجر تطبيقات Windows 10 على الهواتف المحمولة وأجهزة الكمبيوتر المكتبية.
وورد و PWAs
لا يدعم WordPress بشكل كامل حتى الآن إنشاء تطبيقات ويب تقدمية في التطبيق الأساسي. يلتزم فريق Jetpack بإضافة وظائف PWA في العام المقبل. يتم المساعدة في ذلك من خلال تعريف جافا سكريبت لـ WordPress.
يقول المطور Jetpack "تقدم ميزات PWA تدريجيًا بمجرد أن تكون جاهزة" دان والسلي في مقال على مدونة كبار الشخصيات وورد . يمكن للمطورين إضافة ملفات البيان باستخدام وحدة البيان الخاصة بـ Jetpack منذ الإصدار 5.6.0 ، وقد أدخلوا تحميل الصور التدريجي ، مما يجعل تحميل الموقع أسرع حتى في حالة وجود الكثير من الصور عليه. الصفحة. المزيد من الميزات ستأتي هذا العام.
تسعى بعض المكونات الإضافية إلى إضافة وظائف PWA ، ولكن لم يتم اعتمادها بشكل كبير.
- توفر أداة تحسين WordPress أداة للعمل والبيان.
- تقوم تطبيقات الويب التقدمية الفائقة بإنشاء بيان وزر إضافة إلى الشاشة الرئيسية ، من بين ميزات أخرى.
- يضيف WordPress Mobile Pack أيضًا ميزات PWA
كيف ستستخدم PWA؟
في هذا البرنامج التعليمي، تعلمت القليل عن تطبيقات الويب التقدمية ولماذا يجب عليك إضافة واحدة على موقع انترنت من شركتك:
- موجة متزايدة من حركة أجهزة الجوّال
- أداء أفضل لموقع الويب الخاص بك - للجوال وسطح المكتب
- التوفر حتى عندما يكون الجهاز غير متصل بالإنترنت
- يستخدم ميزات الويب القياسية: HTML و CSS و Javascript. أرخص في البناء
- زيادة الدعم للمتصفحات وأنظمة التشغيل
ربما تريد الآن معرفة كيفية عمل PWA على WordPress؟ أو وضح للمطورين بتوعك كيف يفعلون ذلك؟ سيكون هذا موضوع درس آخر.
