![](https://web.dev/static/images/case-studies-header.png?authuser=8&%3Bhl=he&hl=he)
תיאור מקרים
שימוש בנתוני משתמשים אמיתיים כדי להפיק תועלת מנתוני Baseline
איך צוות RUMvision שילב את נתוני Baseline עם נתוני ה-RUM שלו.
ניצול מלוא הפוטנציאל של שאילתות בקונטיינרים של CSS: לקחים מצוות Netflix
במחקר המקרה הזה מוסבר על היתרונות של שימוש בשאילתות בקונטיינרים ב-Netflix.
איך Tokyu השיגה כניסה מהירה פי 12 באמצעות מפתחות גישה
איך חברת הרכבות Tokyu ביפן הצליחה להאיץ את הכניסה לחשבון פי 12 באמצעות מפתחות גישה, וכך לעזור לאלפי נוסעים מדי יום?
למה Google Sheets העביר את עובד החישוב מ-JavaScript ל-WasmGC
החישובים ב-Google Sheets בוצעו בהתחלה בשרת, לאחר מכן ב-JavaScript ללקוח ובלקוח ב-WebAssembly Garbage Collection. מקרה לדוגמה שמראה איך ולמה.
פחות חיכוך, יותר שליטה: איך שופרו ב-Google Meet הרשאות של וידאו ואודיו
מקרה לדוגמה שבו מתואר איך צוות Google Meet שיפר את ההרשאות ואת ההשפעה שהייתה לו על המשתמשים' לשביעות הרצון שלך מהפגישה.
ב-BILIBILI הקיש על פתרון ה-AI באינטרנט של MediaPipe' במכשיר כדי לשפר את חוויית המשתמש בסטרימינג בווידאו ולהגדיל את משך הסשן ב-30%
כאן אפשר ללמוד איך חוויות תלת-ממדיות סוחפות באינטרנט יעזרו ללקוחות להבין ולחקור מוצרים פיזיים.
איך Disney+ Hotstar הגדילה את מספר הצפיות בכרטיסים השבועיים ב-100% במכשירים בסלון והפחיתה את ה-INP ב-61%
בואו לגלות איך Disney+ Hotstar, אפליקציה למכשירי טלוויזיה חכמה וממירים, הגדילה משמעותית את מעורבות הצופים באמצעות המאמצים לצמצם את ה-INP שלה.
תלת-ממד אינטראקטיבי באינטרנט עם חומרת Google: חוויות לימודיות של מוצר מהדור הבא
כאן אפשר ללמוד איך חוויות תלת-ממדיות סוחפות באינטרנט יעזרו ללקוחות להבין ולחקור מוצרים פיזיים.
איך הפלטפורמה לניהול הסכמה של PubTech הפחיתה את ה-INP באתרים של הלקוחות שלה בשיעור של עד 64%, ובמקביל הגדילה את הניראות של המודעות בשיעור של עד 1.5%
איך הפלטפורמה לניהול הסכמה של PubTech הפחיתה את ה-INP באתרים של הלקוחות שלה בשיעור של עד 64%, ובמקביל הגדילה את הניראות של המודעות בשיעור של עד 1.5%
הערות טובות בכל מקום
בשנתיים האחרונות, צוות המהנדסים של Goodnotes עבד על פרויקט שיביא את האפליקציה המצליחה לרישום הערות ב-iPad לפלטפורמות אחרות. מקרה לדוגמה שממחיש איך אפליקציית iPad לשנת 2022 הגיעה לאינטרנט, ל-ChromeOS, ל-Android ול-Windows, שמופעלות על ידי טכנולוגיות אינטרנט, והתכונה WebAssembly משתמשת באותו קוד Swift שהצוות עובד עליו במשך יותר מעשר שנים.
חברת CapCut הגדילה את התנועה האורגנית ב-83% על ידי בניית אפליקציית אינטרנט עם פונקציונליות מלאה באמצעות WebAssembly ו-WebCodecs
איך אחת מהאפליקציות הכי פופולריות לעריכת סרטונים למכשירים ניידים יצרה גרסת אינטרנט עם פונקציונליות מלאה.
איך חברת Taboola השתמשה ב-LoAF כדי לשפר את ה-INP ב-36% עבור האתרים של שותפיה בעלי תוכן דיגיטלי.
איך חברת Taboola השתמשה ב-LoAF כדי לשפר את ה-INP ב-36% עבור האתרים של שותפיה בעלי תוכן דיגיטלי.
עוצמת האינטרנט למאיירים: איך חברת pixiv משתמשת בטכנולוגיות אינטרנט עבור אפליקציית הציור שלה
pixiv הוא שירות קהילתי באינטרנט שמאפשר למאיירים ולחובבי איור לתקשר ביניהם באמצעות התוכן שלהם. היא מאפשרת לאנשים לפרסם איורים משלהם. ל-Pinterest יש יותר מ- 84 מיליון משתמשים ברחבי העולם, ומאז מאי 2023 פורסמו בה יותר מ- 120 מיליון יצירות אמנות. pixiv
איך Tokopedia מפחיתה את עלויות התפעול שלה על ידי שיפור אפליקציית האינטרנט של אתר המכירה באמצעות למידת מכונה
בפוסט הזה מוסבר איך Mitra Tokopedia צמצמה את עלויות התפעול באמצעות שיפור אפליקציית האינטרנט של החברה למכירה באמצעות למידת מכונה.
איך Trendsol הפחיתה את INP ב-50% וכתוצאה מכך עלתה עלייה של 1% בשיעור הקליקים
מקרה לדוגמה מתאר שלב אחר שלב תהליך עבודה של ניפוי באגים ושיפור INP ב-React שבו משתמשת טרנדית, באמצעות כלים של Google כמו PageSpeed Insights (PSI), Chrome DevTools ו-Scheduler.yield API.
איך האפליקציה Kiwix PWA מאפשרת למשתמשים לאחסן ג'יגה-בייט של נתונים מהאינטרנט לשימוש לא מקוון
מקרה לדוגמה שבוחן איך Kiwix, ארגון ללא כוונת רווח, משתמש בטכנולוגיית Progressive Web App וב-File System Access API כדי לאפשר למשתמשים להוריד ולאחסן ארכיוני אינטרנט גדולים לשימוש אופליין.
איך Yahoo! JAPAN הגדילה את השימוש במפתחות הגישה ל-11% והפחיתה את העלויות של סיסמאות חד-פעמיות להודעות SMS
מידע על מודעות רספונסיביות לרשת החיפוש JAPAN' הגישה לשיפור השימוש במפתחות גישה וחוויית המשתמש.
איך שליפה מראש (prefetch) עזרה ל-Terra להגדיל את שיעור הקליקים על המודעות ב-30% ולהאיץ את פעולת Largest Contentful Paint (LCP).
שליפה מראש (prefetch) היא טכניקה שמשמשת לזירוז טעינת הדפים על ידי הורדה של משאבים — או אפילו דפים שלמים — שסביר להניח שיהיה צורך בעתיד הקרוב. מחקרים הראו שזמני טעינה מהירים יותר מניבים שיעורי המרה גבוהים יותר וחוויות משתמשים טובות יותר.
איך התכונה 'מטמון לדף הקודם/הבא' עזרה ל-Yahoo! JAPAN News הגדילה את ההכנסות ב-9% במכשירים ניידים
מזהה העסק JAPAN News, אחת מפלטפורמות החדשות הפופולריות ביותר ביפן, הניבה מאמץ מרוכז לשיפור שיעור הפגיעה של מטמון ה-Bfcache, וכתוצאה מכך חוויית המשתמש ושיפורים עסקיים משמעותיים. באופן ספציפי, התוצאות של בדיקת ה-A/B שהם ביצעו הראו שדפים שבהם נעשה שימוש ב-bfcache נהנו מעלייה של 9% בהכנסות מפרסום.
מסע לפתרון INP של ה-EEA
צמצום מספר TBT פי 30 והמעבר אל Next.js עזרו ל-The Ecomonic Times לצמצם את ה-INP כמעט פי ארבעה, מה שהוביל לירידה של 50% בשיעור העזיבה ולעלייה של 43% במספר הצפיות בדפים.
איך חברת redBus שיפרה את האינטראקציה של האתר שלהם עם INP (INP) והגדילה את המכירות ב-7%
האופטימיזציה של INP סייעה ל-redBus להגדיל את המכירות בכ-7%
איך התכונה 'כבישים איטיים' מסקרנת גיימרים ומפתחים וגם מדגישה את היכולות המפתיעות של תלת-ממד בדפדפן
בואו לגלות את הפוטנציאל של WebGL עם הנוף האינסופי שנוצר באופן פרוצדורלי של משחק הנהיגה הנינוח הזה. Slow Roads הוא משחק נהיגה יומיומי ששם דגש על נוף שנוצר באופן פרוצדורלי ללא הגבלה, והוא מתארח בדפדפן כ אפליקציית WebGL. להרבה אנשים, חוויה אינטנסיבית
פיתוח אינטרנט טוב יותר: YouTube מהיר יותר
זהו חלק 1 בסדרה החדשה שלנו בנושא שיפור הגרסה האינטרנטית של YouTube.
איך ההשקעה של Rakuten 24' בדוח המדדים הבסיסיים של חוויית המשתמש הגדילה את ההכנסה לכל מבקר ב-53.37% ואת שיעור ההמרה ב-33.13%
ב-Rakuten 24 מדדו משתמשים אמיתיים' בדוח תפקוד האפליקציה, נמצא גם שנתונים בפורמט Largest Contentful Paint (LCP) יכולים להוביל לעלייה של 61.13% בשיעור ההמרה.
איך האתרים של GoDaddy + שירות השיווק שיפרו את דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals) של הלקוחות ב-75%
מקרה לדוגמה של שינויים שהוטמעו ב-GoDaddy במטרה לשפר את ביצועי האתרים של מיליוני אתרים, ועזרו להם להשיג ציונים טובים ב-PageSpeed Insights ובמדדי הליבה לבדיקת חוויית המשתמש באתר.
רשת קמעונאית היוקרה Farfetch נהנתה משיעורי המרות גבוהים יותר כדי לשפר את דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals)
איך ההשקעה של קמעונאית היוקרה Farfetch' לשפר את דוח המדדים הבסיסיים של חוויית המשתמש הובילה לתוצאות עסקיות טובות יותר.
מזהה העסק האימות ללא סיסמה של יפן הפחית ב-25% את מספר השאילתות, והכניסה לחשבון איצה פי 2.6
מזהה העסק JAPAN השיגה מערכת זהויות ללא סיסמה. לומדים על הגישה שלהם ועל השלכות המאמץ.
איך RebelMouse הגבירה את הנאמנות ואת המעורבות באמצעות אופטימיזציה של דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals)
מקרה לדוגמה שמודד את ההשפעה המלאה והיתרונות של ציוני ביצועים גבוהים במדדי הליבה לבדיקת חוויית המשתמש באתר.
חוויית אינטרנט מודרנית ב-Adobe Experience Manager עם WorkBox
Progressive Web Apps משתמשות באפשרויות שהאינטרנט המודרני יכול לעשות. Adobe השתמשה ב-Workbox כדי להביא את היכולות האלה ל-Adobe Experience Manager.
אפליקציית MishiPay' מגדילה את מספר העסקאות פי 10 וחוסכת 2.5 שנים של המתנה בתור
איך משתמשים באמצעי התשלום של MishiPay'> מגדילים את מספר העסקאות פי 10 וחוסכים 2.5 שנים של המתנה בתור.
איך The Economic Times עבר את הסף של דוח המדדים הבסיסיים של חוויית המשתמש והשיג שיעור יציאה כולל גבוה יותר ב-43%
ביצוע אופטימיזציה של דוח המדדים הבסיסיים של חוויית המשתמש באתר של Economic Times שיפר באופן משמעותי את חוויית המשתמש והפחית באופן משמעותי את שיעור העזיבה באתר כולו.
איך Terra שיפרה את מעורבות המשתמשים הודות למצב כהה
במאמר הזה ננתח את התהליך של Terra' החל מזיהוי הגודל של קבוצת "המצב הכהה", דרך החלת עיצוב כהה מותאם אישית ועד למדידת ההשפעה של יישום זה על מדדי ה-KPI העיקריים שלהם.
איך QuintoAndar הגדילה את שיעורי ההמרה ומספר הדפים בסשן על ידי שיפור ביצועי הדפים
פרויקט שהתמקד באופטימיזציה של המדדים הבסיסיים של חוויית המשתמש והמעבר ל-Next.js הוביל לעלייה של 5% בשיעורי ההמרות ולעלייה של 87% במספר הדפים בסשן.
Kapwing: כלי עריכת וידאו חזק לאינטרנט
חברות כמו Kapwing מאפשרות ליצור את כל תוכן הווידאו הזה ישירות באינטרנט, באמצעות ממשקי API מתקדמים (כמו IndexedDB ו-WebCodecs) וכלי ביצועים.
SVGcode: PWA להמרת תמונות רשת לגרפיקה וקטורית מסוג SVG
המרה של תמונות מפת סיביות בצבע או במפת סיביות מונוכרומטיות (PNG, JPG, JPEG, WEBP, AVIF, GIF ,...) לתמונות וקטוריות בצבע או מונוכרומטיות (SVG).
שיפור המדדים הבסיסיים של חוויית המשתמש בדף הבית של Mail.ru הוביל לעלייה ממוצעת של 10% בשיעורי ההמרות
מספר חודשים של עבודה לשיפור המדדים הבסיסיים של חוויית המשתמש בדף הבית של Mail.ru, הובילה לעלייה של 60% באחוזון ה-75 של Cumulative Layout Shift (CLS), להגדלת זמן הסשן הממוצע ב-2.7% ולשיעורי ההמרות בקטעי הליבה ביותר מ-10%.
איך Renault שיפרה את שיעורי העזיבה ואת שיעורי ההמרה באמצעות מדידה ואופטימיזציה של Largest Contentful Paint (LCP)
בפוסט הזה מוסבר איך Renault וחברת הנתונים הגלובלית 55 ו-50 חשבו על אופן המדידה והאופטימיזציה של דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals). הצוות ניתח נתונים מ-10 מיליון ביקורים בדפי הנחיתה, מצא מתאם ברור בין Largest Contentful Paint (LCP) לבין המרות והכפיל את מאמצי האופטימיזציה שלו. נבחן את הנקודות האלה ונבין איך הצוותים התארגנו לצורך ביצוע אופטימיזציות.
איך Swappie הגדילה את ההכנסות מהנייד ב-42% על ידי התמקדות בדוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals)
מקרה לדוגמה שמראה איך הצוות של Swappie הגדיל את מספר ההמרות וההכנסות על ידי אופטימיזציה של אפליקציית האינטרנט שלו לדוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals).
ההשפעה העסקית של דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals)
במאמר הזה נסביר את ההתאמה בין דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals) למדדים עסקיים מרכזיים, באמצעות דוגמאות של חברות שכבר השיגו השפעה חיובית על המשתמשים ועל העסק שלהן.
איך מחויבות למדדי הליבה לבדיקת חוויית המשתמש באתר הגדילה את ההכנסות מפרסום של Netzwelt' ב-18%
בקישור הבא תוכלו לקרוא איך חברת Netzwelt ביצעה אופטימיזציה בדוח ה-Web Vitals הבסיסיים של החברה כדי לשפר את חוויית המשתמש ואת ההכנסות מפרסום.
אפליקציית PWA של בליבלי'ההכנסה לכל משתמש גדולה פי 10 בהשוואה לאתר הקודם לנייד
איך בליבלי השיגה ירידה של 42% בשיעור העזיבה, שיפור של פי 8 בשיעור ההמרות מניידים ופי 2.5 יותר דפים לפעילות באתר.
שיפור Cumulative Layout Shift (CLS) בקבוצת מדיה של Telegraph
איך Telegraph, אתר החדשות המוביל בבריטניה הצליחה לשפר את ה-CLS באחוזון ה-75 ב-250% מ-0.25 ל-0.1 תוך כמה חודשים.
Orange: אפליקציית PWA חדשה מניבה המרות טובות יותר ב-52% בנייד
גם זמן הטעינה הממוצע של הגרסה החדשה ל-PWA מהיר ב-30% לעומת האתר הישן, ושיעור העזיבה השתפר ב-12% ועומק הסשן ב-18%.
בגדי גברים ממוצעים מיישמים PWA ומשיגים עלייה של 55% בשיעור ההמרות
חברת Minswear מטמיעה גרסת Progressive Web App (PWA) ומשפרת את שיעור ההמרה של משתמשים שהתקינו את האפליקציה עם יכולות שמירה במטמון ויכולות אופליין.
איך Zalando הפחיתה את זמן המשוב על הביצועים מיום אחד ל-15 דקות באמצעות Lighthouse CI
צוות האינטרנט ב-Zalando מצא שהשילוב של Lighthouse CI איפשר גישה יזומה לשיפור הביצועים, תוך בדיקות סטטוס אוטומטיות שאפשר להשוות בין ההתחייבות הנוכחית לבין הסניף הראשי, כדי למנוע רגרסיות של ביצועים.
האתר של Lowe'הוא בין אתרי המסחר האלקטרוני שמניבים את הביצועים הטובים ביותר
על ידי יצירה של מערכת אוטומטית לבדיקת ביצועים ולמעקב, צוות מהירות האתר של Lowe' נשלף בקשות מול תקציבי ביצועים ומונעים רגרסיות של ביצועים המועברות לייצור.
Vodafone: שיפור של 31% ב-LCP הגדילה את המכירות ב-8%
חברת Vodafone ביצעה בדיקת A/B שהתמקדה ספציפית באופטימיזציה של Web Vitals, וגילתה ששיפור של 31% ב-LCP הוביל לעלייה של 8% במכירות, לשיפור של 15% בשיעור הלידים אל היעד ולשיפור של 11% בשיעור הביקורים לעגלת הקניות.
איך Wix שיפרה את ביצועי האתר על ידי פיתוח התשתית שלה
מקרה לדוגמה של מספר שינויים משמעותיים שהושקו ב-Wix במטרה לשפר את ביצועי טעינת האתרים של מיליוני אתרים, תוך ניקוי הנתיב הנדרש לקבלת ציונים טובים של PageSpeed Insights ומדדי ליבה לבדיקת חוויית המשתמש באתר.
איך האופטימיזציה של CLS הגבירה את נתוני Yahoo! צפיות בדפים של JAPAN News בכל סשן ב-15%
הם השתמשו ב-Search Console וב-Lighthouse כדי לעקוב אחר מדדי ליבה לבדיקת חוויית המשתמש באתר. הם גילו הזדמנויות לאופטימיזציה של ציון ה-CLS ב-0.2. כתוצאה מכך, החברה נהנתה מעלייה של 15% במספר הצפיות בדפים בכל סשן, למשך סשן ארוך יותר ב-13% ובירידה של 1.72 נקודות אחוז בשיעור העזיבה.
אפרוריות: שיפור של 70% ב-LCP הביא לירידה של 76% בנטישת עומסים
כדאי לקרוא איך Agrofy שיפרה את שיעור נטישת הטעינה בעזרת התמקדות במדדי ליבה לבדיקת חוויית המשתמש באתר.
הוצאנו משימוש את Excalidraw Electron לטובת גרסת האינטרנט
Excalidraw הוא לוח וירטואלי שיתופי שמאפשר לכם לשרטט תרשימים בקלות באמצעות שרטוט. בפרויקט Exalidraw, החלטנו להוציא משימוש את Excalidraw Desktop, Elecron wrapper של Excalidraw, לטובת גרסת האינטרנט שאפשר – ותמיד אפשר – למצוא בכתובת excalidraw.com. לאחר ניתוח קפדני, החלטנו ש-Progressive Web App (PWA) הוא העתיד שעליו אנחנו רוצים להתבסס.
הסיכוי למשתמשי PWA ירכוש את Gravit Designer PRO גבוה פי 2.5
בנוסף, משתמשי PWA פעילים ב-24% יותר מכל סוגי ההתקנות האחרים. הם הופכים למשתמשים חוזרים ב-31% יותר מכל שאר הפלטפורמות, ועוד.
מספר ההתקנות של אפליקציית PWA של Clipchamp' הוא עלייה של 97% בחודש
איך PWA, WebAssembly ו-ChromeOS עוזרים לעורך סרטונים מבוסס-אינטרנט לספק ביצועים טובים יותר וחוויה מעניינת יותר ל-12 מיליון משתמשים.
JD.ID שיפרה את שיעור ההמרה שלה בניידים ב-53% באמצעות אסטרטגיות שמירה במטמון, התקנה והתראות
איך JD.ID הגדילה את שיעור ההמרה הכולל בנייד (mCVR) ב-53%, את mCVR למשתמשים מותקנים ב-200% ואת המשתמשים הפעילים ביום ב-26%.
ההשקעה של Rakuten 24 באפליקציה PWA הגדילה את שימור המשתמשים ב-450%
היכולת להתקין את אפליקציית האינטרנט של החברה הובילה לעלייה בנפח התנועה, בשימור מבקרים, במכירות לכל לקוח ובהמרות.
NDTV השיגה שיפור של 55% ב-LCP באמצעות אופטימיזציה של דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals)
באמצעות כלים כמו PageSpeed Insights , web.dev/measure ו-WebPagetest, צוות NDTV ניתח אזורי שיפור פוטנציאליים והשקיע במדדי הליבה לבדיקת חוויית המשתמש באתר כדי להשיג הצלחה עסקית.
איך התמקדות בביצועי אינטרנט שיפרה את שיעור הקליקים של Tokopedia' ב-35%
יצירת מרכז בקרה לביצועי אינטרנט וביצוע אופטימיזציה של JavaScript, משאבים ודף הבית כדי להשיג הצלחה עסקית.
איך ZDF יצר סרטון PWA במצב אופליין ובמצב כהה
כך נוצרה ב-ZDF אפליקציית אינטרנט מתקדמת (PWA) עם תכונות מודרניות כמו תמיכה אופליין, יכולת התקנה ומצב כהה.
איך גרסת PWA של Goibibo's שיפרה את ההמרות ב-60%
כך למשל, חברת Goibibo, חברת הנסיעות המובילה בהודו בתחום הנסיעות באינטרנט, השיגה עלייה של 60% בהמרות בעקבות יצירת חוויית משתמש אמינה באפליקציות שלה ל-PWA ל-iOS ול-Android.
איך בוצעה אופטימיזציה של Mercado Libre לשימוש בדוח ה-Web Vitals (TBT/FID)
סיכום העבודה של צוות ארכיטקטורת החזית של Mercado Libre' כדי לבצע אופטימיזציה של FID, תוך שימוש ב-TBT כמדד של שרת proxy.
אלפי שניות מניבות מיליונים
שיפור של 0.1 שנייה ב-4 מדדי המהירות יכול לשפר את שיעורי ההתקדמות בכל משפך הרכישה.
מקרה לדוגמה של Wake Lock API: עלייה של 300% באינדיקטורים של כוונת רכישה באתר BettyCrocker.com
מקרה לדוגמה שממחיש את הניסיון של אתר הבישול BettyCrocker.com's להטמיע את Wake Lock API.
איך Google שיפרה את ביצועי המודעות באמצעות 'לא פעיל בזמן האימות מחדש'
מקרה לדוגמה זה מסביר איך Google הגדילה את המדדים העסקיים העיקריים של המודעות באמצעות אופטימיזציה של הביצועים של סקריפט המודעות של צד שלישי באמצעות הסטטוס 'לא פעיל בזמן האימות מחדש'.
קניות למהירות ב-eBay.com
מקרה לדוגמה זה מסביר איך חברת eBay שיפרה את המדדים העסקיים העיקריים שלה על ידי אופטימיזציה של ביצועי חוויות המשתמש באתר ובאפליקציה.
OYO Lite: TWA עם מיטב האפליקציות לאינטרנט ול-Android
איך חברת סטארט-אפ בתחום המלונאות יצרה אפליקציה ל-Android שמסתמכת על תוכן מהאינטרנט כדי להגביר במידה משמעותית את מעורבות המשתמשים ולשמור על גודל קובץ נמוך.
חמש דרכים שבהן AirSHIFT שיפרה את הביצועים בזמן הריצה של אפליקציית React
איך צוות AirSHIFT השתמש בווירטואליזציה של טבלה, נתוני RUM, טעינה מדורגת, עובדי אינטרנט, תקציבי ביצועים והאקאתונים כדי לשפר את הביצועים של אפליקציית React בזמן הריצה.
איך Truebil הפכה את האינטרנט לערוץ הצמיחה שלה
מקרה לדוגמה זה מסביר איך צוות Truebil הגדיל את מספר ההמרות והמעורבות באמצעות אופטימיזציה של אפליקציית האינטרנט שלו לשיפור המהירות והאמינות.
איך OpenSooq הגדילה את המעורבות באמצעות השקעה באינטרנט
ראו כיצד צוות OpenSooq השתמש בשיטות מומלצות כדי ליצור אפליקציית אינטרנט מתקדמת ויעילה של זירת מסחר.
איך אנחנו מביאים את Google Earth לאינטרנט
שיפור הגישה ל-Google Earth בדפדפנים שונים באמצעות WebAssembly
העברת קובצי שירות (service worker) אל חיפוש Google
לחפש ב-Google כמעט כל נושא, וכך יוצג לך דף עם תוצאות משמעותיות ורלוונטיות. מה שבטח לא ידעתם הוא שדף תוצאות החיפוש הזה עשוי להיות מוצג על ידי תכונה מתקדמת של טכנולוגיית אינטרנט שנקראת Service Worker.
Nikkei משיגה רמה חדשה של איכות וביצועים באמצעות ה-PWA שלה, שמכיל מספר דפים
ניקיי, עם היסטוריה של יותר מ-140 שנה, הוא אחד מעסקי המדיה המהימנים ביותר ביפן. כדי לספק חוויית משתמש טובה יותר ולהאיץ את הפעילות העסקית שלה באינטרנט, השיקה ניקיי בהצלחה אפליקציית Progressive Web App בנובמבר 2017, והפלטפורמה החדשה מניבה תוצאות מדהימות.
George.com משפר את חוויית הלקוח בנייד באמצעות Progressive Web App חדשה
George.com הוא מותג בגדים מוביל בבריטניה, כחלק מ-ASDA Walmart. לאחר שדרוג האתר ל-Progressive Web App (PWA), נרשמה עלייה של 31 אחוזים במספר ההמרות מניידים. ציפיות הצרכנים סביב חוויית הקנייה בנייד הגיעו לשיא של כל הזמנים, והבינו באסדה ג'ורג' שהם צריכים
בעזרת Progressive Web App החדשה של BookMyShow, יש עלייה של 80% במספר ההמרות
BookMyShow היא חברת הכרטיסים הגדולה ביותר בהודו, עם 50 מיליון מבקרים ויותר מ-50 מיליון מבקרים מדי חודש. החברה פיתחה גרסה משופרת של האתר לנייד באמצעות Progressive Web App (PWA) שעבר אופטימיזציה למהירות והסרת אילוצי נתונים, וכתוצאה מכך נרשמה עלייה של 80%+% במספר ההמרות.
באתר Ele.me אפשר לשפר את זמני הטעינה של הביצועים באמצעות Progressive Web App שמורכבת מדפים מרובים
Ele.me היא החברה הגדולה ביותר להזמנת אוכל ומשלוחים בסין. החברה פיתחה את Progressive Web App (PWA) אפליקציה שמורכבת ממספר דפים כדי לשפר את חוויית הגלישה באינטרנט לנייד. כך היא מהירה ומהימנה יותר בחיבורים לא יציבים תוך שהיא תואמת את הצרכים התפעוליים שלה כדי לספק את השירות הטוב ביותר ללקוחות.
ריקוד טוניט ב-WebVR
דאנס טוניט הוא שיתוף פעולה במציאות מדומה שמשתנה כל הזמן עם להקת LCD Soundsystem והמעריצים שלה. הפרויקט, שנוצר ב-WebVR, פועל בפלטפורמות שונות – עם ובלי VR – והוא מעניק למשתמשים תפקיד שונה בחוויה בהתאם למכשיר שלהם. ההחלטות של יוצרי הפרויקט, ג'ונתן פוקי (Jonthan Puckey), צוות מוניקר (Moniker) וצוות אומנויות הנתונים של Google, הניבו ביצועים באיכות גבוהה – וכמעט 60FPS ל-3DoF ול-90FPS ל-6DoF – וחוויית משתמש מעניינת בכל הפלטפורמות באמצעות בסיס קוד יחיד.
OLX מגדילה את המעורבות מחדש באינטרנט לנייד ב-250% באמצעות Progressive Web App
ב-OLX, יצירת Progressive Web App הגדילה את המעורבות ב-250% וקצרה את זמן הדף לאינטראקטיביות ב-23%
אולה מעודדת ניידות של מיליארד הודים באמצעות Progressive Web App
אולה היא אתר האגרות המוביל בהודו, עם שליחות אינסופית להניע ניידות למיליארד אינדיאנים. החברה מגיעה ליותר מ-100 ערים בהודו ברשת של כ-600,000 נהגים שותפים. כאחת מחברות הסטארט-אפ המוערכות ביותר בהודו, אולה משלים יותר ממיליון נסיעות יומיות, ונאבק על נתח
חברת Mynet מאיצה את חוויית השימוש באינטרנט לנייד פי 4 ומגדילה את ההכנסות ב-25% בעזרת PWA שמבוסס על AMP
בכל חודש Mynet מספק ליותר מ-34 מיליון מבקרים באתר שלה תוכן ושירותים של חדשות, סרטונים, משחקים, תוכן פיננסי, אינפורמטיבי ובידור. לאחר השקת Progressive Web App (PWA) שמשתמשת ב-Accelerated Accelerated Mobile Pages (AMP) ליצירת תוכן, זמני הטעינה הממוצעים
אפליקציית PWA החדשה של MakeMyTrip.com מספקת שיפור של פי 3 בשיעורי ההמרות
אחרי השקה של Progressive Web App, שיעור ההמרה של MakeMyTrip.com' באינטרנט לנייד גדל פי שלושה, בזמן שמהירות טעינת הדפים של האתר השתפרה ב-38%.
Infobae יותר מכפילה את זמן הגלישה באתר לנייד בעזרת Progressive Web App
Infobae ניצלה את השירות (service worker) כדי לספק ביצועים אמינים ברשתות לא אמינות. אפליקציית ה-PWA הטובה בתחומה השיגה ציון ביצועים של 93/100 ב-Lighthouse, כלי אוטומטי למדידת האיכות של דפי אינטרנט.
ג'ומיה נהנית מעלייה של 33% בשיעור ההמרות, פי 12 יותר משתמשים ב-PWA
התנועה אל אפליקציית PWA של Jumia'Ƌ ירדה יותר מ-12 פעמים מזו של האפליקציה המקורית, והיא ממשיכה לגדול. כמו כן, ב-Jumia נהנו מירידה של 50% בשיעור העזיבה
השימוש ב-PWA ב-Twitter Lite מגדילה משמעותית את המעורבות ומפחית את השימוש בנתונים
Progressive Web App של Twitter Lite משלב את המיטב של תכונות האינטרנט והתכונות המקוריות החדשנית כדי לספק חוויה חזקה יותר, עם יעדים מפורשים לטעינה מיידית, מעורבות משתמשים וצריכת נתונים נמוכה יותר
0 שע' 1
0h h1 הוא משחק כיפי (וממכר) שמתאים בדיוק לניידים. תמיד נהניתי מהאפשרויות הרבות של טכנולוגיית אינטרנט, ואני חושב שיש לי מזל שאימצתי אותה לפני כל כך הרבה שנים, כי בשנים האחרונות האלו ראינו שיפורים מדהימים שממשיכים לקדם את האינטרנט, במחשב ובנייד.
חברת Lancôme בונה מחדש את אתר המובייל שלה כ-PWA, ומגדילה את שיעור ההמרות ב-17%
כדי למשוך יותר תנועת גולשים ולעורר עניין מחדש, במותג הקוסמטיקה היוקרתי לנקום (Lncôme) הושק Progressive Web App ( PWA) במטרה לספק חוויה מהירה דמויית אפליקציה באינטרנט לנייד.
Progressive Web App ב-Voot
Voot.com משיקה את אפליקציית המדיה שלה מסוג Progressive Web App בהודו. תוך ימים מההטמעה, זמן הביקור לכל משתמש גדל ב-39%, והמספר היומי של הצפיות לכל משתמש גדל ב-15%. Voot הוא אחד מהמוצרים המובילים בהודו לצפייה על פי דרישה, שזמין גם כאפליקציה מקורית וגם
כלי המעקב אחר סנטה בתור PWA
כניסה לאתר ב-Santa Tracker שודרגו במהירות ל-Progressive Web App אופליין במהלך עונת הקניות של סוף השנה ה-2016. בין היתר, בזכות עיצוב הסצנה הקיים שלנו. סנטה מעקב הוא מסורת לחגים כאן ב-Google. בכל שנה אפשר לחגוג את עונת הקניות של סוף השנה האזרחית עם
Matterport VR ל-WebVR
הצגת האתר בזכות הוספת תמיכה ב-WebVR, תקן Matterport מאפשר לחקור בקלות מקומות בעולם האמיתי במציאות מדומה. כשאין אפליקציות להורדה, WebVR יצמצם את מספר הנטישות ויאפשר לשותפים להשאיר את המשתמשים באתר שלהם. WebVR הוא גורם מרכזי באסטרטגיה של Matterport
אינטראקציות מרכזיות ב-WebVR Lab
לצפייה בשיעור ה-Lab מעצבי אתרים מכירים את הרעיון של עיצוב רספונסיבי, כלומר בניית אתר שיפעל במכשירים שונים, כמו טלפונים ניידים, טאבלטים ומחשבים, וכן רזולוציות מסך שונות ויחסי פיקסלים שונים. WebVR חושף אתגרים חדשים ברעיון של עיצוב רספונסיבי. אפשר לסווג
רינדור טקסט ב-WebVR
בתוך הוא פלטפורמה לספר סיפורים במציאות מדומה, שזמינה בכל מקום שבו מציאות מדומה, כולל האינטרנט. בזכות WebVR, הצופים יכולים להיכנס לאתר, ללחוץ על קישור ולצפות מיד בסרטים שבפנים במציאות מדומה סוחפת, כולל מסכים מתקדמים עם תושבת על הראש. במהלך תהליך הפיתוח, הצוות גילה שקשה לעבד טקסט בסביבה החדשה הזו, והם יצרו דוגמה באמצעות הצללות כדי שהתהליך יהיה חלק יותר.
בני הדוב 71 ו-WebVR
לצפייה בסרטון התיעודי WebVR הוא API מובנה בדפדפנים שמשלב עיבוד בסטריאו עם מעקב תנועות הראש בזמן אמת. כך ניתן ליהנות מתוכן VR באינטרנט במהירות ובקלות. עם WebVR, יוצרי תוכן יכולים ליצור תוכן VR סוחף שחי באינטרנט ופועל עם מגוון רחב של חומרת VR. Bear 71
קווים נייחים
קווי קרקע הוא ניסוי שמאפשר לכם לחקור תמונות לוויין של Google Earth באמצעות תנועה. באמצעות שילוב של למידת מכונה, אלגוריתמים שעברו אופטימיזציה וכוח של כרטיס גרפי, הניסוי יוכל לפעול ביעילות בדפדפן האינטרנט של הטלפון' ללא צורך בשרתים עורפיים. זוהי מבט על תהליך הפיתוח שלנו ועל הגישות השונות שניסינו להוביל אותנו לתוצאה הסופית.
קרנבל קרוזים
Carnival Cruise Line מספק ללקוחות שירות תקשורת מותאם אישית ומרתק באמצעות התראות. הורדת מקרה לדוגמה בפורמט PDF Carnival Cruise Line, אחת מחברות הפנאי הגדולות בעולם, רצתה לשפר את האינטראקציה המחודשת עם הלקוחות. המטרה הייתה לשלוח מידע מותאם אישית ובזמן,
The Weather Channel
The Weather Company, IBM Business, מגישה בממוצע 40 מיליארד בקשות לתחזיות מדי יום, ועוזרות לאנשים לתכנן את חיי היומיום ולקבל החלטות טובות יותר על סמך מזג האוויר.
Smart Lock לאפוטרופוס
הורדת מקרה לדוגמה בפורמט PDF Guard News & Media (GNM) מפרסם את האתר theguardian.com, אחד מאתרי החדשות הגדולים בעולם בשפה האנגלית. מאז השקת המהדורות הדיגיטליות בארה"ב ובאוסטרליה, ב-2011 וב-2013 בהתאמה, התנועה מחוץ לבריטניה מהווה כיום יותר משני
Smart Lock ל-AliExpress
הורדת מקרה לדוגמה בפורמט PDF AliExpress, שהושקה באפריל 2010, היא שוק קמעונאי גלובלי שמיועד לצרכנים ברחבי העולם. הפלטפורמה מאפשרת לצרכנים ברחבי העולם לקנות ישירות מסיטונאים ומיצרנים בסין, דרך גישה למוצרים במחירים תחרותיים. AliExpress היא עסק בתוך
בעזרת שירות PWA חדש, חברת Housing.com מגדילה את מספר ההמרות ומורידה את שיעור העזיבה ב-40%
הורדת מקרה לדוגמה בפורמט PDF Housing.com היא אחת מחברות הסטארט-אפ המובילות בהודו. האתר צפוי לקבל 50 מיליון ביקורים השנה, והוא הפך לאחת מפלטפורמות הנדל"ן המובילות בהודו. אחרי שפתחו את Housing Go, אפליקציית Progressive Web App (PWA), הם נהנו מעלייה של
מדידת ההשפעה של אנשי שירות (service worker) על הביצועים בעולם
מדידת ההשפעה של אנשי שירות (service worker) על הביצועים בעולם
וושינגטון פוסט
טכנולוגיית AMP עוזרת ל-Washington Post להגדיל ב-23% את מספר המשתמשים החוזרים מחיפוש בנייד הורדת מקרה לדוגמה בפורמט PDF כמעט 55% מתנועת הגולשים לאתר מגיעה ממכשירים ניידים, ב-Washington Post יודעים שחוויית קריאה מצוינת במכשירים ניידים היא קריטית להצלחה
בניית Progressive Web App של Google I/O 2016
בניית ה-PWA של Google I/O 2016 באמצעות רכיבי אינטרנט
eXtra Electronics, אלקטרוניקה
United eXtra Electronics מגדילה את מכירות המסחר האלקטרוני ב-100% בעזרת התראות באינטרנט הורדת מקרה לדוגמה בפורמט PDF eXtra היא קמעונאית מוצרי הצריכה וכלי הבית בערב הסעודית, המובילה והצמיחה המהירה ביותר. היא משרתת יותר מ-12 מיליון קונים ביותר מ-40
ג'ומיה
התראות עוזרות ל-Jumia לבטל את נטישת עגלת הקניות ולהגדיל את ההמרות פי 9 הורדת מקרה לדוגמה בפורמט PDF Jumia הוא אתר מסחר אלקטרוני מוביל באפריקה. רוב הלקוחות שלהם משתמשים במכשירים ניידים, שמספקים גם את המקור הגדול ביותר לתנועה ולגידול המשתמשים. מדי יום,
BaBe
הביצועים של Progressive Web App בדפדפנים שונים של BaBe מתחרים על הביצועים של אפליקציית הנייטיב. הורדת מקרה לדוגמה בפורמט PDF BaBe, שהושקה ב-2013, היא האפליקציה הגדולה ביותר באינדונזיה לצבירת חדשות. יותר ממיליון אנשים הורידו אותו. עסק זה, שמבוסס על
קונגה
קונגה צמצמה את השימוש בחבילת הגלישה ב-92% באמצעות אפליקציית Progressive Web App החדשה הורדת מקרה לדוגמה בפורמט PDF קונגה הוא אתר מסחר אלקטרוני מוביל בניגריה, שהושק ב-2012, ומוכר בו הכול, מספרים, מקררים וטלפונים ניידים. מכשירים ניידים הם המקור הגדול
5 ק"מ
אפליקציית 5miles מפחיתה את שיעור העזיבה ב-50% ומגדילה את ההמרות ב-60% באמצעות Progressive Web App החדשה הורדת מקרה לדוגמה בפורמט PDF המוטו של 8 ק"מ – שוק לנייד שבו קונים יכולים לקנות הכול, מרהיטים ועד עגילי יהלומים. לסטארט-אפ מדאלאס עם מרכז מחקר
Suumo
אתר הנדל"ן המוביל ביפן מקדם את הרשומות החדשות באמצעות התראות באינטרנט, ושיעור הפתיחה של ההתראות הוא 31%. הורדת מקרה לדוגמה בפורמט PDF SUUMO הוא אתר הנדל"ן המוביל ביפן, והוא משרת כמעט 11% מאוכלוסיית המדינה. 14 מיליון משתמשים ייחודיים, רבים מהם
סשנים של אומנות וירטואלית
שישה אומנים הוזמנו לצייר, לעצב ולפסל ב-VR.
נט-א-פורטר
אפליקציית Net-A-Porter חוסכת זמן פיתוח בעזרת ספריית הפולימרים של Google NET-A-PORTER הטמיעו עיצוב המבוסס על רכיבים בנכסים הדיגיטליים שלהם באמצעות ספריית הפולימרים של Google. כתוצאה מכך, החברה חסכה באופן משמעותי בזמן הפיתוח על קוד עצמאי בכל האתרים
Flipkart מעלה פי שלושה את זמן הביקור באתר באמצעות Progressive Web App
ב-2015, חברת Flipkart, האתר הגדול ביותר בהודו למסחר אלקטרוני, אימצה אסטרטגיה לאפליקציות בלבד וסגרה באופן זמני את האתר שלה לנייד. החברה מצאה שקשה יותר ויותר לספק חוויית משתמש מהירה ומושכת כמו זו של האפליקציה לנייד. אבל אז, Flipkart החליטו לחשוב מחדש על גישת הפיתוח שלהם. הם נמשכו בחזרה לאינטרנט לנייד בגלל הצגת תכונות שמאפשרות לאינטרנט לנייד לפעול באופן מיידי, לעבוד באופן לא מקוון וליצור עניין מחודש אצל המשתמשים.
יצירת חרב אור באמצעות פולימר
איך להגדיר פרויקט FPS WebGL גבוה עם Polymer.
Google+
המטרה שלנו היא לא להוריד יותר מ-60,000 HTML , 60,000 JavaScript ו-60,000 CSS בזמן אמת!
משטח
פלטפורמת Beyond the Rack מעוררת עניין מחדש בקרב המשתמשים באינטרנט לנייד, ומגדילה את ההכנסה לכל ביקור ב-26% באמצעות התראות.
AirHorner.com
AirHorner הוא אפליקציית אינטרנט מתקדמת ופשוטה, שמראה את הכוח של Service Workers ושל Web Audio API, כדי להעניק לך צופר אוויר משלך. השתמשו בו כדי להטריד חברים או עמיתים לעבודה, לא משנה אם אתם במצב מקוון, לא מקוון או ברשת 2G לא יציבה
קובצי שירות (service worker) בסביבת הייצור
איך השתמשנו בספריות של שירותי עובדים כדי להפוך את אפליקציית האינטרנט של Google I/O 2015 למהירה ולמותאמת לעבודה אופליין? אפליקציית האינטרנט של Google I/O 2015 נכתבה השנה על ידי צוות קשרי המפתחים של Google, על סמך עיצובים של החברים שלנו ב- Instrument,
מכונת ההרפתקאות של מדאון
Madeon Adventure Machine הוא מבצע מתוחכם לאלבום החדש של Madeon, שהוא מכונת תופים כיפית. The Adventure Machine היא אפליקציה פשוטה מאוד, אבל היא עושה את העבודה די טוב. בזכות השימוש ב-Web Audio וגם ב-Web Midi (כן, אפשר לחבר סינתיסייזר משלכם!), הלולאות
ספריית יונק דבש
Hummingbird Library: ממשק חדש ומרענן של Hummingbird, אתר פופולרי למעקב אחר צפייה ולצפייה באנימה. חובבי אנימה (כמוני – מספר הצפיות הזה בצילום המסך הוא אמיתי!) כבר מזמן אין להם אובססיה לעקוב אחרי התכנים שבהם הם צפו. האתרים הפופולריים במרחב הזה הם AniDB
Adsy.me
Adsy.me הוא דרך קלה ומהירה מאוד ליצור מיקרו-אתרים לנייד. Adsy.me הוא כלי שמאפשר לכל אחד ליצור אתר לנייד (מיקרו-), ומיד לאחר מכן הוא קיבל את האמון שלי על ידי אכילת ניסוי לפני הפצה (dogfood): הכלי כולו הוא אפליקציית אינטרנט נהדרת לנייד עם תחושה מאוד
האלכימיה הקטנה
Little Alchem: משחק משולב כיפי וידידותי לנייד בהשראת אחיו הגדול Alchemy. Little Alchemy היא דוגמה מצוינת לשימוש בכל היכולות העדכניות של פלטפורמת האינטרנט לניצול מלא של היכולות שלה. היא משתמשת ב מניפסט של אפליקציית אינטרנט כדי להפעיל מסך מלא כשהיא
קורא חדשות בהאקר
Hacker News Reader: קורא חדשות ומדהים שעבר אופטימיזציה עבור Hacker News. האפליקציה הזו פועלת היטב ונראית נהדר בנייד, בטאבלט ובמחשב, והיא חוויית קריאה יפה ומותאמת במיוחד עבור Hacker News. הוא מהיר, ובבדיקה בנייד תראו כמה מעברים חלקים עם משי. יש לו
כנס Chrome Dev Summit 2014
מפגש הפסגה של מפתחי Chrome לשנת 2014 נבנה באופן עצמאי על ידי פול לואיס שלנו, אתר CDS שהדגים כיצד ליצור חוויית משתמש מעולה באינטרנט לנייד עבור המבקרים בכנס.
פיקמאס שמח
Merry Pixmas: כיף לחג המולד עם המרות CSS בתלת-ממד. הדגמה נחמדה בנושא חג המולד, שפועלת היטב במחשב ובנייד. האפליקציה כוללת גם תמיכה בצבעים חדשים לעיצוב, ומניפסט אינטרנט שמציג חוויית מסך ביתי במסך מלא. טיפ למתקדמים: נער את הטלפון כדי שיגיע שלג! למרות
מסנן אינטרנט
Web Filters: פילטרים מהירים, מהירים ומלוכלכים למצלמה. אפליקציית מצלמה מבוססת אינטרנט מדהימה שמאפשרת להחיל פילטרים בזמן אמת. התמונה נשמרת באופן אוטומטי במכשיר המקומי, כך שלרוב היא מסתנכרנת עם ספק שירותי האחסון בענן שבחרתם (כלומר +G), ולכן לא כדאי לשתף
SVGOMG
SVGOMG: ממשק רספונסיבי ויפהפה ל-SVGO. SVGOMG הוא דוגמה כמעט מושלמת לכלי עם יכולת תגובה מלאה שנכתב על ידי טכנולוגיות אינטרנט, שפותח על ידי ג'ייק ארצ'יבלד. השירות כולל מראה יפהפה של Material Design, כך ששירות ServiceWorker מבטיח שהאפליקציה תיטען
חוויית ההוביט 2014
הוספת משחק WebRTC לחוויית ה-Hobbit לקראת צאת הסרט החדש של 'ההוביט', 'ההוביט: הקרב על חמשת הצבאות', הרחבנו את הניסוי ב-Chrome משנה שעברה, מסע בממלכת שר הטבעות, והוספנו לו תוכן חדש. הפעם המטרה העיקרית הייתה להרחיב את השימוש ב-WebGL, כדי שיותאם ליותר
פיתוח באמצעות Chrome
הצגת לבני LEGO® באינטרנט במכשירים מרובים Build with Chrome הוא ניסוי מהנה למשתמשי Chrome במחשב שנפתח במקור באוסטרליה. הוא הופץ מחדש בשנת 2014 עם זמינות גלובלית, שיתופי פעולה עם הסרט 'לגו® מובייל' ותמיכה חדשה במכשירים ניידים. במאמר הזה נשתף כמה
קצה הארץ התיכונה
סקירה כללית על פיתוח למספר מכשירים ב המאמר הראשון שלנו על הפיתוח של הניסוי ב-Chrome מסע בממלכת שר הטבעות, התמקדנו בפיתוח WebGL למכשירים ניידים. במאמר הזה נסביר על האתגרים, הבעיות והפתרונות שבהם נתקלנו בזמן יצירת שאר חזית ה-HTML5. נתחיל בהסבר קצר על
חוויית ההוביט
הפיכת ממלכת שר הטבעות לחיים באמצעות WebGL לנייד בעבר, היה קשה להציע חוויות אינטראקטיביות מבוססות-אינטרנט עם הרבה מולטימדיה בניידים ובטאבלטים. האילוצים העיקריים היו ביצועים, זמינות ה-API, מגבלות באודיו ב-HTML5 במכשירים והיעדר הפעלה חלקה של סרטונים
מקרה לדוגמה – בניית מרוץ
Racer הוא ניסוי מבוסס-אינטרנט לנייד ב-Chrome שפותח על ידי Active Theory. עד 5 חברים יכולים לחבר את הטלפונים או הטאבלטים שלהם כדי להתחרות בכל המסכים. בעזרת הקונספט, העיצוב והאב טיפוס מ-Google Creative Lab והסאונד מ-Plan8, שיפרנו את הגרסאות הזמניות
מקרה לדוגמה – The Sounds of Racer
Racer הוא ניסוי ב-Chrome למספר משתתפים במספר מכשירים. משחק מכוניות רטרו שבו השחקנים מתחרים במסכים שונים. בטלפונים או בטאבלטים עם Android או iOS. כל אחד יכול להצטרף. אין אפליקציות. אין הורדות. רק באינטרנט לנייד. חברת Plan8 יצרה יחד עם החברים שלנו ב-
מקרה לדוגמה – בתוך המבוך ברחבי העולם
World Wide Maze הוא משחק שבו משתמשים בסמארטפון כדי לנווט בכדור גלילי במבוכים תלת-ממדיים שנוצרו מאתרים, בניסיון להגיע לנקודות היעד שלהם. במשחק נעשה שימוש נרחב בתכונות של HTML5. לדוגמה, האירוע DeviceOrientation מאחזר נתוני הטיה מהסמארטפון, שנשלחים לאחר
יצירת גלגל
Roll It הוא ניסוי ב-Chrome שמציג גרסה חדשה של משחק חוף קלאסי, וניתן לשחק בו רק בדפדפן בטלפון ובמחשב. בדפדפן בטלפון אפשר לכוון את הכדור ולגלגל אותו בתנועת פרק כף היד, ואילו בדפדפן במחשב הגרפיקה של המנהרה ב-Roll It מוצגת בזמן אמת באמצעות WebGL
הדור הבא של פריסת האינטרנט - נשיונל ג'יאוגרפיק פורסט ענק
בעזרת הכלים של CSS ותצוגת הדפדפן אפשר ליצור תצוגות חזותיות מדהימות של תוכן אינטרנט. שימוש בתכונות אינטרנט כמו מסנני CSS, WebGL, וידאו HTML5, SVG, Canvas וטכנולוגיות עתידיות מתפתחות כמו אזורים ב-CSS, צורות ב-CSS ומסננים מותאמים אישית ב-CSS מבטיח סביבה
מקרה לדוגמה – שינוי אוטומטי של גודל משחקי HTML5
בקיץ 2010 יצרנו את Sand Trap, משחק שהשתתפנו איתו בתחרות למשחקי HTML5 לנייד. אבל ברוב הטלפונים הניידים הוצג רק חלק מהמשחק או שהמשחק הוצג בגודל קטן מדי, כך שלא ניתן היה לשחק בו בכלל. לכן החלטנו שהמשחק יתאים את עצמו בצורה חלקה לכל רזולוציה. אחרי קצת
מקרה לדוגמה - ניסוי של Google I/O לשנת 2013
כדי לעורר עניין בקרב מפתחים באתר של Google I/O 2013 לפני פתיחת ההרשמה לכנס, פיתחנו סדרה של ניסויים ומשחקים לנייד שמתמקדים באינטראקציות מגע, באודיו גנרטיבי ובחוויית הגילוי. החוויה האינטראקטיבית הזו, בהשראת פוטנציאל הקוד ועוצמת ההפעלה, מתחילה בצלילים
מקרה לדוגמה – איך מגיעים למדינה אוז
'Find Your Way to Oz' הוא ניסוי חדש של Google Chrome שחברת Disney הביאה לאינטרנט. הנסיעה מאפשרת לכם לצאת למסע אינטראקטיבי בקרוסלה של קנזס, שמובילה אתכם לארץ עוץ אחרי שאתם נשטפים בסערה עזה. המטרה שלנו הייתה לשלב את העושר של הקולנוע עם היכולות הטכניות
מקרה לדוגמה – JAM עם Chrome
איך שיפרנו את ממשק המשתמש JAM with Chrome הוא פרויקט מוזיקלי מבוסס-אינטרנט שנוצר על ידי Google. JAM with Chrome מאפשר לאנשים מכל העולם ליצור להקה ולנגן בה בזמן אמת בדפדפן. DinahMoe דחפו את הגבולות של מה שאפשר לעשות באמצעות Web Audio API של Chrome,
יצירת 100,000 כוכבים
שלום! שמי Michael Chang ואני עובד בצוות Data Arts ב-Google. לאחרונה השלמנו את 100,000 כוכבים, ניסוי ב-Chrome שמציג גרפיות של כוכבים שנמצאים בקרבת מקום. הפרויקט נוצר באמצעות THREE.js ו-CSS3D. בניתוח המקרה הזה אציג את תהליך הגילוי, אשתף כמה שיטות תכנות
מקרה לדוגמה – JAM עם Chrome
איך שיפרנו את האודיו JAM with Chrome הוא פרויקט מוזיקלי מבוסס-אינטרנט שנוצר על ידי Google. JAM with Chrome מאפשר לאנשים מכל העולם ליצור להקה ולנגן ביחד בזמן אמת בתוך הדפדפן. אנחנו ב- DinahMoe נהנינו מאוד לקחת חלק בפרויקט הזה. התפקיד שלנו היה לייצר
Movi Kanti Revo - חלק 1 – בניית העולם בתלת-ממד
Movi.Kanti.Revo הוא ניסוי חושי חדש ב-Chrome שנוצר על ידי Cirque du Soleil ופותח על ידי Subatomic Systems, שמביא את הפלא של Cirque du Soleil לאינטרנט באמצעות טכנולוגיות אינטרנט מודרניות. הניסוי נוצר באמצעות HTML5 בלבד, והסביבה נוצרה כולה באמצעות סימון
מקרה לדוגמה – SONAR, פיתוח משחקי HTML5
בקיץ שעבר עבדתי כמנהל טכני במשחק מסחרי ב-WebGL שנקרא SONAR. הפרויקט הושלם תוך כ-3 חודשים, והוא נוצר לגמרי מהתחלה ב-JavaScript. במהלך הפיתוח של SONAR, נאלצנו למצוא פתרונות חדשניים למספר בעיות בתחום החדש והלא נבדק של HTML5. במיוחד, נדרשנו לפתרון לבעיה
מקרה לדוגמה – בניית Technitone.com
Technitone.com הוא שילוב של WebGL, Canvas, Web Sockets, CSS3, JavaScript, Flash ו- Web Audio API החדש ב-Chrome. במאמר הזה נסקור כל היבט של הפקה: התכנון, השרת, הצלילים, הרכיבים החזותיים וחלק מתהליך העבודה שאנחנו משתמשים בו כדי לעצב תכנים
מקרה לדוגמה – עכבר קופצני
אחרי שפרסמתי את Bouncy Mouse ל-iOS ול-Android בסוף השנה שעברה, למדתי כמה לקחים חשובים מאוד. אחד מהם היה שקשה לפרוץ לשוק קיים. בשוק המוצף של מכשירי iPhone, היה קשה מאוד לקבל תנועה. בשוק Android Marketplace, פחות מוצף, היה קל יותר להתקדם, אבל עדיין לא
מקרה לדוגמה – HTML5 MathBoard
MathBoard on iPad, אפליקציה של PalaSoftware, היא אפליקציה מבריקה עם הרבה אנימציות עדינות אך טבעיות, ומראה וסגנון ייחודיים וריאליסטיים. המטרה הייתה ליצור את ההמרה באיכות הגבוהה ביותר של אפליקציית iPad ל-HTML5. N2N-Apps היא חברת פיתוח תוכנה שמתמקדת
מקרה לדוגמה – בניית 'מציירים Google' של Stanisław Lem
דף הבית של Google הוא סביבה מרתקת ליצירת קוד. יש בה הרבה הגבלות מאתגרות: התמקדות במהירות ובזמן אחזור, התאמה לסוגים שונים של דפדפנים ועבודה בתנאים שונים, וגם... כן, מפתיעה ושמחה. אני מדבר על ציורים של Google, האיורים המיוחדים שמחליפים מדי פעם את הלוגו
מקרה לדוגמה – עדכונים בזמן אמת בשידור הקונגרס
באמצעות WebSockets ו- EventSource, HTML5 מאפשר למפתחים ליצור אפליקציות אינטרנט שמתקשרות עם שרת בזמן אמת. Stream Congress (זמינה ב חנות האינטרנט של Chrome ) מספקת עדכונים בזמן אמת על פעילות הקונגרס של ארצות הברית. הערוץ משדר עדכונים מהרצפה גם מבית
מקרה לדוגמה - המרת Wordico מ-Flash ל-HTML5
כשהעברנו את משחק הפאזל Wordico מ-Flash ל-HTML5, המשימה הראשונה שלנו הייתה לשכוח את כל מה שידענו על יצירת חוויית משתמש עשירה בדפדפן. ב-Flash יש ממשק API יחיד ומקיף לכל ההיבטים של פיתוח אפליקציות – החל מאיור וקטור ועד לזיהוי פגיעה בפוליגון ולניתוח XML.
מקרה לדוגמה – Onslaught! אצטדיון
ביוני 2010, הגיעה אלינו הודעה על כך ש תחרות לפיתוח משחקים מתקיימת באתר החדשות המקומי Boing Boing. ראינו בכך תירוץ מצוין ליצור משחק מהיר ופשוט ב-JavaScript וב- <canvas>, אז התחלנו לעבוד. אחרי התחרות עדיין היו לנו הרבה רעיונות ורצינו לסיים את מה
מקרה לדוגמה – אפקט היפוך דפים מ-20thingsilearned.com
בשנת 2010, אתר F-i.com וצוות Google Chrome שיתפו פעולה בפיתוח אפליקציית אינטרנט חינוכית מבוססת HTML5 בשם 20 דברים שלמדתי על דפדפנים ועל האינטרנט ( www.20thingsilearned.com ). אחד הרעיונות המרכזיים שעמדו בבסיס הפרויקט הזה היה שהדרך הטובה ביותר להציג
מקרה לדוגמה – התמודדות עם HTML5 Canvas
באביב האחרון (2010) התעניינתי בתמיכה ההולכת וגדלה ב-HTML5 ובטכנולוגיות קשורות. באותו זמן, חבר ואני היינו מתחרים זה בזה בתחרויות פיתוח משחקים של שבועיים כדי לשפר את מיומנויות התכנות והפיתוח שלנו, וגם כדי להפוך למציאות את רעיונות המשחקים שאנחנו מציעים
מקרה לדוגמה - HTML5 ב-DeviantART Muro
ב-7 באוגוסט 2010, deviantART חגגה 10 שנים. חגגנו את יום ההולדת שלנו בהשקת כלי ציור ב-HTML5 בשם deviantART muro. הכלי יכול לשמש כאפליקציית אינטרנט עצמאית וגם ככלי ציור קל להוספת תמונות לתגובות בפורום. קהילת deviantART קיבלה את פני כלי השרטוט החדש
מקרה לדוגמה – הורדת 'גרירה ושחרור' ב-Chrome
'גרירה ושחרור' (DnD) היא אחת מהתכונות הרבות והמצוינות של HTML 5, והיא נתמכת ב-Firefox 3.5, ב-Safari, ב-Chrome וב-IE. Google השיקה לאחרונה תכונה חדשה שמאפשרת למשתמשים ב-Google Chrome לגרור ולשחרר קבצים מהדפדפן לשולחן העבודה. זו תכונה נוחה מאוד, אבל
How Ray-Ban doubled conversion rate and reduced exit rate by 13% through prerendering using the Speculation Rules API
Learn how Ray-Ban improved LCP by using the Speculation Rules API, and how it improved Ray-Ban's ecommerce platform's business performance.
How QuintoAndar reduced INP by 80%, increasing conversions by 36%
QuintoAndar significantly improved its web performance by reducing its Interaction to Next Paint (INP) by 80%, leading to a 36% increase in conversions year-over-year.
How YouTube improved video performance with the Media Capabilities API
Using the Media Capabilities API lets you better target video codecs, frame rates, and resolutions based on the capabilities of your users' devices.
Forbes
Forbes is re-defining modern web development with Progressive Web App technology.
Wego
There's a new way to deliver amazing user experiences on the web. Travel company Wego has built a successful AMP based Progressive Web App (PWA).
Alibaba
Alibaba.com is the world’s largest online business-to-business (B2B) trading platform, serving 200+ countries and regions. After upgrading their site to a Progressive Web App (PWA), they saw a 76 percent increase in total conversions across browsers.
AliExpress
AliExpress increases conversion rate for new users by 104% with new Progressive Web App Download PDF Case study "Smarter shopping, better living!" is the motto of AliExpress, a website where shoppers can buy everything from baby clothes to