CATEGORY

Mobile

Safari PWA Limitations: What Works and What Doesn’t (2026 Guide)

Safari PWA Limitations: What Works and What Doesn’t (2026 Guide) Last updated: 2026/04/06 Progressive Web Apps (PWAs) are designed to make websites behave like native apps. However, on iPhone (Safari), PWA functionality is significantly limited. In this guide, we clearly explain what still works and what doesn’t in Safari as of 2026. Why Is PWA Limited on Safari? Safari has never fully supported PWAs compared to browsers like Chrome. After 2024, Apple introduced changes that further restricted PWA functionality. As a result, PWAs on iPhone are no longer reliable as a full app-like solution. What Works on Safari Despite the limitations, some features still work: Add to Home Screen (WebClip) Basic website rendering Light caching behavior Standard HTML, CSS, and JavaScript In short, Safari still supports normal web usage. What Doesn’t Work Properly Many core PWA features are limited or unstable: Reliable Service Worker behavior Full offline functionality True standalone app mode Consistent manifest support Stable cache control These limitations make PWAs unreliable on iOS. The Reality: WebClip Instead of Full PWA On iPhone, “Add to Home Screen” creates a WebClip, not a full PWA. Opens in Safari No real offline support No full app experience This is the most […]

How to Add a Website to Your iPhone Home Screen (2026 Guide)

How to Add a Website to Your iPhone Home Screen (2026 Guide) Last updated: 2026/04/06 Did you know you can add any website to your iPhone home screen and use it like an app? This feature makes it easier to access your favorite tools, blogs, or services with just one tap. In this guide, we’ll walk you through how to add a website to your home screen step by step. What Does “Add to Home Screen” Do? “Add to Home Screen” allows you to save a website as an icon on your iPhone. Open the site instantly No need to search or bookmark Feels like launching an app This feature uses a system called WebClip. Step-by-Step Instructions 1. Open the Website in Safari First, open the website you want to add using Safari. 2. Tap the Share Button Tap the share icon (a square with an arrow pointing up) at the bottom of the screen. 3. Select “Add to Home Screen” Scroll down and tap “Add to Home Screen”. You can rename the icon if needed. Then tap “Add” to finish. Why It Might Not Work If you don’t see the option, check the following: You are using Safari (not […]

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

PWA vs WebClip: Which One Should You Use on iPhone in 2026? Last updated: 2026/03/21 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 […]

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 Last updated: 2026/03/21 “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 […]

Why PWA Doesn’t Work on Safari: The Real Reason on iPhone (2026 Guide)

Why PWA Doesn’t Work on Safari: The Real Reason on iPhone (2026 Guide) Last updated: 2026/03/21 “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 […]

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

When Mobile Readers Leave: A Clear Breakdown of Real Drop-Off Moments Last updated: 2026/02/17 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 […]

Safari Officially Ends PWA Support: A Simple Explanation for Everyone (2024 → 2026)

Safari Officially Ends PWA Support: A Simple Explanation for Everyone (2024 → 2026) Last updated: 2026/02/11 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. […]

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

Scroll Speed & SEO: How Many Seconds Until Readers Leave? (2026 Guide) Last updated: 2026/02/09 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 […]

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) Last updated: 2026/02/06 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, […]

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) Last updated: 2026/02/06 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 […]

>OJapp / Petal

OJapp / Petal

OJappは、Webページをそのままホーム画面に置ける仕組みを提供しています。
Petalは、その仕組みを使って “人のページを名刺のように持つ”ためのサービスです。
QRからすぐ開けて、ログインなしでも見れる。 でも、必要なときだけつながれる。
そんな「弱いつながり」を残すために作られています。

CTR IMG