אפליקציית ווב מתקדמת (PWA): אתר שמתנהג כמו אפליקציה
"אנחנו צריכים אפליקציה" - באמת?
זו אחת השיחות הנפוצות שיש לנו עם לקוחות. מישהו רוצה אפליקציה, מקבל הצעת מחיר לפיתוח כפול ל-iOS ולאנדרואיד, ומגלה שהתקציב נגמר לפני שהגיעו לתכונה השנייה.
ואז מתברר שמה שהם באמת רצו הוא: שהלקוח יוכל להיכנס מהר ממסך הבית, שזה ירגיש חלק, ושאפשר יהיה לשלוח התראה. לשלושת אלה לא צריך אפליקציה - צריך PWA.
מה זו PWA
Progressive Web App היא אתר רגיל שקיבל שכבה של יכולות אפליקציה. הוא רץ בדפדפן, אבל אפשר להתקין אותו על מסך הבית, הוא נטען מיידית בביקורים חוזרים, ובחלק מהמקרים הוא עובד גם בלי אינטרנט.
הכל מבוסס על אותו קוד של האתר - לא פרויקט נפרד.
מה מקבלים
- התקנה על מסך הבית, עם אייקון ומסך פתיחה - בלי לעבור בחנות אפליקציות.
- טעינה מיידית בזכות Service Worker ששומר קבצים מקומית.
- עבודה במצב לא מקוון או ברשת גרועה.
- התראות Push (באנדרואיד ובדסקטופ; ב-iOS זה נתמך אך מוגבל יותר ודורש שהמשתמש יתקין).
- קוד אחד לכל הפלטפורמות.
וידאו: Progressive Web Apps in 100 Seconds (ערוץ Fireship)
מה זה חוסך בפועל
פיתוח אפליקציה נייטיב פירושו שני פרויקטים, שני צוותי מיומנות, שני תהליכי אישור, ועדכון שדורש שהמשתמש יעדכן. PWA פירושה פרויקט אחד, פריסה מיידית, ואפס עמלות חנות.
יש גם השלכה שיווקית שרובם מפספסים: אפליקציה דורשת מהמשתמש להחליט להוריד - וזה חסם ענק. PWA מתחילה כאתר רגיל שמופיע בתוצאות החיפוש, והצעת ההתקנה מגיעה רק אחרי שהמשתמש כבר התרשם.
אפליקציה שאף אחד לא מוריד שווה אפס. לרוב העסקים הקטנים, אתר מהיר ומצוין עדיף על אפליקציה בינונית שדורשת התקנה.
למי זה מתאים
- חנויות אונליין - מהירות טעינה מתורגמת ישירות להמרות. ראו אופטימיזציית המרות.
- שירותים עם שימוש חוזר - הזמנת תורים, מעקב הזמנות, אזור אישי.
- תוכן ומגזינים - קריאה גם ברכבת התחתית.
- עסקים עם קהל באנדרואיד - שם התמיכה הכי מלאה.
מתי דווקא צריך נייטיב
נגיד את זה בבירור, כי לא כל דבר צריך להיות PWA:
- כשצריך גישה עמוקה לחומרה - בלוטות', חיישנים מתקדמים, עיבוד וידאו כבד.
- כשהנוכחות בחנות האפליקציות היא ערוץ שיווקי מרכזי בפני עצמו.
- כשנדרשים ביצועים גרפיים גבוהים (משחקים, עריכה).
- כשהמודל העסקי נשען על רכישות מתוך האפליקציה.
מה נדרש טכנית
- HTTPS - חובה, בלי זה אין PWA.
- Web App Manifest - קובץ שמגדיר שם, אייקונים וצבעים.
- Service Worker - הרכיב שמנהל מטמון ועבודה לא מקוונת.
- עיצוב רספונסיבי אמיתי - ראו החשיבות של אתר מותאם מובייל.
- ביצועים טובים - PWA איטית היא סתם אתר איטי עם אייקון. בדקו מדדי הליבה.
שורה תחתונה
PWA היא לא "אפליקציה זולה" - היא בחירה ארכיטקטונית שמתאימה מצוין לרוב הצרכים העסקיים ופחות לקצוות. לפני שמוציאים מאות אלפי שקלים על פיתוח כפול, שווה לשאול מה בדיוק צריך שהאתר יעשה.
מתלבטים בין אתר, PWA ואפליקציה? פוקס מדיה תעשה איתכם את החישוב לפני שמתחילים לפתח.
שאלות נפוצות
מה ההבדל בין PWA לאפליקציה רגילה?
אפליקציה נייטיב מפותחת בנפרד לכל מערכת הפעלה ומופצת דרך חנות אפליקציות. PWA היא אתר עם יכולות אפליקציה שרץ מאותו קוד בכל הפלטפורמות, מותקן ישירות מהדפדפן ומתעדכן מיידית ללא אישור חנות.
האם PWA עובדת על אייפון?
כן, אך עם מגבלות. iOS תומך בהתקנה למסך הבית ובעבודה לא מקוונת, ומאפשר התראות Push לאפליקציות שהותקנו למסך הבית - אך התמיכה מוגבלת יותר מאשר באנדרואיד ומשתנה בין גרסאות.
כמה עולה לפתח PWA?
משמעותית פחות מפיתוח כפול לנייטיב, כי מדובר בהרחבה של אתר קיים ולא בשני פרויקטים נפרדים. העלות תלויה בעיקר במורכבות התכונות ובמצב האתר הקיים - אתר מודרני ומהיר דורש עבודה קטנה בהרבה.
האם PWA טובה ל-SEO?
כן. בניגוד לאפליקציה, PWA היא אתר לכל דבר - הדפים שלה נסרקים ומדורגים בגוגל. בנוסף, המהירות הגבוהה שהיא מספקת משפרת את מדדי חוויית המשתמש שגוגל מודדת.
לקוחות שאנחנו אוהבים
