CATEGORY

Mobile

PWA vs WebClip: Which One Should You Use on iPhone in 2026?

PWA vs WebClip: Which One Should You Use on iPhone in 2026? Both PWA (Progressive Web Apps) and WebClip allow you to place a website on your iPhone home screen. At first glance, they may seem similar—but they are fundamentally different technologies. And in 2026, the answer to “which one should you use?” is almost already decided. What is a PWA? A PWA is a technology that allows websites to behave like native apps. Fullscreen app-like display Offline support Advanced caching with Service Workers In short, it tries to turn the web into an app experience. What is a WebClip? WebClip is a built-in iPhone feature that simply creates a shortcut on your home screen. Opens in Safari No special configuration required Highly stable behavior It’s simple—but reliable. The Reality in 2026 (Key Differences) Feature PWA WebClip iPhone Support Unstable Stable App-like Display Mostly unavailable Not supported Offline Capability Limited None Manifest Support Unreliable Not required Overall Stability Low High As you can see, most advantages of PWA no longer apply on iPhone. Why Did This Happen? After 2024, Apple made major changes to Safari and WebKit, significantly limiting PWA functionality. This caused issues such as: Unstable Service Worker behavior […]

Is PWA Dead on iPhone? The Reality in 2026 and What Still Works

Is PWA Dead on iPhone? The Reality in 2026 and What Still Works “Is PWA still usable on iPhone?” This question has become increasingly common since 2024. Here’s the short answer: PWA is not completely dead—but it no longer works as originally intended on iPhone. In this article, we’ll explain the current state of PWA on iOS and what you can actually do in 2026. 1. PWA Changed Significantly After 2024 In 2024, Apple made major changes to Safari. These changes were driven by regulatory requirements, but they had a huge impact on PWA behavior. Key changes include: Service Workers became unreliable Home screen apps changed their behavior Cache management became restricted As a result, the idea of “web apps behaving like native apps” became much harder to achieve on iPhone. 2. iPhone Now Uses WebClip Instead of Real PWA Today, when you use “Add to Home Screen” on iPhone, it works as a WebClip, not a full PWA. WebClip characteristics: Opens in Safari (not a standalone app) No true offline functionality Most manifest settings are ignored In simple terms, it’s just a shortcut—not a real app experience. 3. Why Some People Still Say “PWA Works” You might hear that […]

Why Your PWA Doesn’t Work on iPhone Safari and How to Fix It

“Why doesn’t my PWA work on Safari or iPhone?” This question has become increasingly common since 2024. The short answer is: PWAs no longer function in their original form on Safari. In this article, we explain clearly and simply why PWAs don’t work on Safari, and what actually changed between 2024 and 2026. 1. Safari Never Fully Supported PWAs First, it’s important to understand that Safari has always had limited PWA support. Compared to browsers like Chrome: Service Worker behavior is restricted Push notifications work differently Installation behavior is inconsistent In other words, Safari was never a browser that fully embraced PWAs. 2. Major Changes After 2024 (EU Regulations Impact) In 2024, Apple made significant changes to WebKit (Safari’s engine) to comply with EU regulations. As a result, key PWA features became unstable or stopped working: Service Workers no longer behave reliably Home screen apps lose standalone app behavior Cache behavior becomes inconsistent This didn’t come with a clear “PWA is discontinued” announcement, but the practical effect was the same: PWA became unreliable on Safari. 3. iPhone Now Uses WebClip Instead of Real PWA As of 2026, when you “Add to Home Screen” on iPhone, it behaves as a WebClip, […]

When Mobile Readers Leave: A Clear Breakdown of Real Drop-Off Moments

When Mobile Readers Leave: A Clear Breakdown of Real Drop-Off Moments Mobile readers are far less patient than desktop users. A single moment of friction—slow loading, confusing UI, or unclear content—can cause immediate drop-off. This article breaks down the exact moments when mobile users decide to leave, based on real browsing behavior patterns. ① Within the First 3 Seconds (Slow Loading) The #1 reason mobile users leave is slow page loading. The screen stays white for more than 3 seconds Images take too long to appear The first contentful paint happens after 5 seconds Mobile users open pages with a “read now” mindset. If they can’t read immediately, they leave. Studies show over half of mobile users leave within 3 seconds of delay. ② The First Screen Didn’t Create Interest On mobile, the first screen decides everything. The title doesn’t match the content The text block looks overwhelming The benefit or conclusion isn’t visible Users aren’t trying to “read”; they’re trying to decide whether this is worth reading. ③ Ads or UI Interrupt Reading Intrusive UI elements cause immediate frustration on small screens. Sudden top banners Giant CTA fixed at the bottom Animations blocking scroll Layouts causing accidental taps The […]

Did Safari Really End PWA Support? What Changed from 2024 to 2026

Between 2024 and 2026, Apple gradually reduced Safari’s support for Progressive Web Apps (PWA), and by 2026 the feature was effectively discontinued. However, news headlines and social media created confusion: “Are PWAs completely gone?” “Does Add to Home Screen stop working?” “Will my website apps break?” This article explains, in simple non-technical terms, what Apple actually ended, what still works, and how the iPhone’s “Add to Home Screen” behaves today. First: What Was a PWA? A PWA (Progressive Web App) was a system that let a website behave like a real app. You could place an icon on the home screen The browser UI disappeared (app-like fullscreen) Offline mode and caching were possible It was a middle ground between “website” and “native app.” 2024: EU regulations trigger major Safari changes In 2024, Apple adjusted Safari and WebKit to comply with European DMA regulations. These changes unintentionally broke several key parts of the PWA system: Service Workers stopped functioning correctly Home-screen apps lost offline storage and notifications PWA behavior differed between EU and non-EU regions This was the moment when “Is PWA dead?” conversations began. 2025: Safari’s PWA features become unstable By 2025, internal changes made PWA behavior inconsistent or non-functional: […]

Scroll Speed & SEO: How Many Seconds Until Readers Leave? (2026 Guide)

Scroll Speed & SEO: How Many Seconds Until Readers Leave? (2026 Guide) In the mobile-first SEO era, one UX factor is gaining major importance: scroll speed. How fast users move through your page — or whether they scroll at all — directly affects engagement signals that influence SEO. Google does not officially list scroll speed as a ranking factor. However, it strongly impacts dwell time, bounce rate, and completion rate, making it an indirect but powerful SEO element. 1. How many seconds before users leave? New 2026 data Recent studies show that most mobile readers decide whether to stay or leave within 3–7 seconds. The reason is simple: readers judge the article based on the first screen — the “above the fold” area. Hard to read Unclear value Heavy layout or slow rendering Dense or intimidating text If the first impression fails, users will not scroll at all. In other words, the first few seconds of scrolling behavior predict SEO performance. 2. Scroll speed reflects “readability” of the article Smooth scrolling usually means the reader is following the content naturally. Stalled or choppy scrolling means the content is hard to digest. Common causes of scroll interruptions Paragraphs that are too […]

Why Writing Blog Posts on Your Phone Is Surprisingly Great for SEO (2026 Edition)

Why Writing Blog Posts on Your Phone Is Surprisingly Great for SEO (2026 Edition) For years, people believed that “real blogging requires a PC.” But that era is over. Today, in 2026, many site owners have discovered that writing on your phone can actually be stronger for SEO. In fact, blogs written primarily on mobile tend to naturally improve: Search intent accuracy Content clarity and speed Update frequency This article explains why mobile writing aligns perfectly with modern SEO. 1. Mobile writing keeps you aligned with real search intent The most important factor in SEO is matching search intent. When you write on a smartphone, you see exactly what your readers see — their screen size, their UX, their reading behavior. As a result, you naturally think like a search user: “Would I click this title?” “This intro is too long for mobile.” “This paragraph needs to be shorter.” Writing on a PC often disconnects you from how mobile readers behave, but writing on a phone keeps you inside the user’s mindset. 2. Mobile typing forces simplicity (which Google loves) Typing on a phone is slower — and that “inconvenience” is actually SEO-friendly. You naturally avoid long, unnecessary explanations and […]

Home Screen Design Guide: Best Image Sizes for Icons, Wallpapers, and Widgets (Made on Your Phone)

Home Screen Design Guide: Best Image Sizes for Icons, Wallpapers, and Widgets (Made on Your Phone) If you want to make your iPhone or Android home screen look beautiful, knowing the optimal image sizes makes everything cleaner and easier. Wallpapers, icons, widgets — each element has a recommended image size that prevents distortion and keeps your layout consistent. This guide summarizes the essential image sizes for anyone designing a home screen directly on their phone. 1. Best Image Size for Home Screen Icons (Web Icons) When saving a web icon (WebClip) to your home screen, use: 1024 × 1024 px (recommended) PNG format (transparent background allowed) No need for rounded corners — iPhone applies them automatically The 1024px size ensures crisp visuals on both iPhone and Android. OJapp also uses this size as the default for icon generation. Note: White backgrounds + thin lines may appear faint when shrunk. High contrast and clear shapes are safer. 2. Best Wallpaper Sizes for iPhone (Lock Screen / Home Screen) Modern iPhones use high-resolution wallpapers. Examples: 1290 × 2796 px (iPhone 15 Pro Max) 1179 × 2556 px (iPhone 15 / 15 Pro) Even if you create an image that perfectly matches the […]

How to Save Images on iPhone and Android: Long-Press Is Still the Easiest Way

When saving images on iPhone or Android, the long-press save method is actually the fastest, safest, and most reliable option. Many users experience the common problem: “I downloaded the image, but it’s not in my Photos app.” This guide explains why long-press saving solves that issue 100% of the time. Conclusion First: Long-Press Saving Is Always the Correct Choice Long-press saving guarantees that the image: Goes directly into the Photos app Never gets lost in the Downloads folder Requires no extra steps Works consistently across Safari and Chrome In contrast, the “Download” button does not save images to Photos—it saves them to the device’s file system, which is why many beginners cannot find their images afterward. Why the “Download” Button Causes So Much Confusion On both iPhone and Android, downloads go to a completely different place from photos: iPhone: Files app → Downloads folder Android: Internal storage → Download folder Most users expect downloaded images to appear in the Photos app… but they don’t. This is the root cause of the common complaint: “I saved it, but it’s not there!” The system is working correctly—just not in the way users expect. Long-Press Saving: The Fastest Path to the Photos App […]

>OJapp Tips

OJapp Tips

PWA開発やWebデザインの現場で使える実践的なノウハウをお届けする「OJapp tips」。iOS特有の挙動ハックからmanifest.jsonの緻密な設計まで、ツール開発者が実機検証(PWA LAB)を繰り返して得た泥臭いリアルな知見を発信中。

私たちが運営する「Petal」は、その仕組みを使って“人のページを名刺のように持つ”ためのミニマルなSNS。QRからすぐ開けて、ログインなしでも見れる。でも、必要なときだけつながれる。そんな「弱いつながり」を未来へ残すために作られています。