مرورگر گوگل کروم در سیستم عامل اندروید از ابتدای معرفی PWA از آن پشتیبانی کرد و قرار است در آینده نزدیک Chrome Apps حذف شده و Progressive Web App به جای آن پا بر عرصه اپلیکیشن های تحت گوگل کروم برای همه سیستم عامل های لینوکس، ویندوز و مک بگذارد. به دلیل اهمیت اهداف PWA، بدیهیست که شرکت های بزرگ تولیدکننده مرورگر اینترنت و سیستم های تولید محتوا یا CMS از آن استقبال کنند.

برنامه ریزی وردپرس برای PWA

در همایش  توسعه دهندگان Progressive Web App که در اواخر سال 2017 برای اولین بار توسط گوگل برگذار شد، گوگل اعلام کرد که در حال همکاری با WordPress جهت افزودن قابلیت PWA به وردپرس ورژن 5 است. بدون تردید افزودن قابلیت PWA به وردپرس، نقطه عطفی در سیستم های تولید محتوا خواهد بود و تاثیر بسزایی بر سبک برنامه نویسی قالب ها و پلاگین ها خواهد داشت.

استقبال مرورگرهای اینترنتی مطرح از PWA

• هم اکنون شرکت موزیلا با مرورگر فایرفاکس و همچنین شرکت اپرا با مرورگر Opera Mobile نیز از پراگرسیو وب اپ پشتیبانی می کنند.
• شرکت مایکروسافت نیز رسما اعلام کرد که پس از آپدیت مارچ 2018 در مرورگر Microsoft Edge و همچنین در ویندوز 10 از پراگرسیو وب اپ پشتیبانی خواهد کرد و از آن تاریخ به بعد امکان آپلود این گونه اپ ها در Microsoft Store وجود خواهد داشت.
• همچنین شرکت اپل نیز اعلام نمود که مرورگر Safari آن از iOS ورژن 11.3 از Progressive Web App پشتیبانی خواهد کرد.

بنابراین شکی نیست که با توجه به پیشرفت تکنیک های برنامه نویسی و با توجه به اهمیت بالای سرعت بارگذاری اپلیکیشن های تحت وب و تجربه بهتر کاربر در استفاده از PWA نسبت به سایت های مرسوم و همچنین تاثیر مثبت پراگرسیو وب اپ ها در بهینه سازی سایت برای موتور جستجو، توسعه دهندگان با سرعت بیشتری به سمت PWA حرکت خواهند کرد. از دید سئوی حرفه ای به شما توصیه می کنیم که برای داشتن PWA برنامه ریزی جدی داشته باشید.

 

نظرتان در مورد یک اپلیکیشن تحت وب که مانند اپلیکیشن واقعی که بر روی گوشی نصب می شود باشد چیست؟

Progressive Web App که به اختصار PWA گفته می شود برای همین هدف به وجود آمد. پس از معرفی و حمایت پراگرسیو وب اپ توسط گوگل در سال 2016 در کنفرانس Google I/O، این بار نیز PWA مانند پروژه AMP با استقبال توسعه دهندگان و شرکت های مطرح تولیدکننده مرورگر مانند مایکروسافت، موزیلا و اپل روبرو شد. پراگرسیو وب اپ ها به دو دسته کلی تقسیم می شوند:

• سایت هایی که مانند اپلیکیشن رفتار می کنند.
• اپلیکیشن های تحت وب

به عنوان نمونه اگر با مرورگر گوگل کروم بر روی دستگاه اندروید سایت https://www.webyooz.com را باز کنید، می توانید از طریق منوی گوگل کروم بر روی گزینه Add to Home screen بزنید و آیکون وب یوز را بر روی صفحه گوشی موبایلتان اضافه کنید. سپس می توانید با tap کردن بر روی آیکون مذکور از سایت وب یوز مانند یک اپلیکیشن تحت وب استفاده کنید. البته بنده در اینجا صرفا به ساخت یک نمونه بسیار ساده PWA کرده ام و جا دارد تا امکانات بیشتری را به PWA سایت وب یوز اضافه کنم.

اهداف PWA از نظر گوگل

طبق توضیح گوگل، پراگرسیو وب اپ ها دارای چهار هدف اصلی هستند:

1. قابل اطمینان (Reliable) هستند. چون کاربر با پیغام لود نشدن صفحه در اثر کندی یا قطعی اینترنت مواجه نخواهد شد.
2. سریع هستند. علت سریع بودن آنها در کش شدن برخی فایلهای مورد نیاز در دستگاه کاربر است.
3. جذاب هستند. جذاب بودن PWAها به دلیل تشابه آنها به اپلیکیشن های مرسوم روی گوشی های موبایل است و به همین دلیل کاربران از PWA بیشتر از یک سایت ساده استقبال می کنند.
4. افزایش نرخ تبدیل (Conversion Rate). به عنوان مثال سایت AliExpress پس از افزودن قابلیت پراگرسیو وب اپ به سایتش با افزایش نرخ تبدیل به میزان 102% در همه مرورگرها و به میزان 82% در سیستم عامل iOS مواجه شد.

البته به این نکته توجه داشته باشید که در طراحی PWA این امکان وجود دارد که یک اپلیکیشن به صورت آفلاین کار کند ولی در مورد یک سایت معمولا فایلهای استاتیک قالب و برخی از امکانات مانند امکان افزودن کامنت به صورت آفلاین وجود دارد و منطقی نیست که کل وبسایت با اطلاعات آن بر روی دستگاه کاربر کش شود.

نمونه سایت PWA

از زمان معرفی Progressive Web App، شرکت های زیادی شروع به طراحی پراگرسیو وب اپ نمودند. در زیر می توانید برخی از سایت ها و اپلیکیشن هایی که به صورت PWA طراحی شده اند را ملاحظه بفرمایید. برخی از نمونه ها فقط بر روی موبایل به صورت PWA کار می کنند و برخی مانند دو نمونه آخر، قابلیت کار به صورت آفلاین در دسکتاپ را نیز دارند.

1. سایت همایش توسعه دهندگان گوگل Google I/O که در آن حتی می توانید به صورت آفلاین اقدام به نوشتن کامنت نیز بکنید.
2. سایت فروشگاه بزرگ اینترنتی AliExpress
3. سایت شبکه اجتماعی اینستاگرام
4. سایت تلگرام تحت وب
5. سایت UBER
6. سایت cnet
7. سایت توییتر
8. اپلیکیشن ادیت عکس SVGOMG که می توانید در آن به صورت آفلاین به ادیت عکس های با فرمت SVG کنید.
9. اپلیکیشن کاهش سایز فایل عکس Smaller Pictures برای کاهش filesize عکس به میزان دلخواه

در تصویر زیر تعدادی از سایت های مطرح که دارای PWA هستند نمایش داده شده اند.

با توجه به روشن بودن آینده Progressive Web App و اهداف و مزیت های آن و همچنین تاثیر مثبت آن در سئوی حرفه ای و همچنین  به همه توسعه دهندگان و طراحان وب سایت توصیه می شود که به این مقوله نگاهی ویژه داشته باشند.