Blog'a Dön

Buğra Şıkel

PWA Nedir? PWA’nın Faydaları Nelerdir?

PWA Nedir? Ne için kullanılır?

Bu yazımızda PWA (Progressive Web App) nedir? Ne için kullanılır? Faydaları nelerdir? Bize neler kazandırır? Nasıl Yüklenir? Sorularına cevaplar vereceğiz.

PWA (Progressive Web App) Nedir ?

Türkçesi aşamalı bir web uygulaması olan PWA, bir mobil uygulama gibi görünen ve davranan bir web sitesidir. PWA’lar, son kullanıcının bir uygulama mağazasını ziyaret etmesine, satın almasına ve yerel olarak yazılım indirmesine gerek kalmadan yerel mobil cihaz özelliklerinden yararlanmak için oluşturulmuştur. Bunun yerine, bir arama motoru sorgusu ile bir PWA bulunabilir ve bir tarayıcı aracılığıyla hemen erişilebilir. PWA’lar uygulamalar gibi cihazlarınızda bir yer kaplamaz ve verileri cihazınızda biriktirmezler. Günümüzde gelişmiş teknolojileri kullanan çoğu şirket PWA kullanmaktadır. PWA kullanan büyük şirketlere örnek olarak; AliExpress, Twitter, Financial Times, Forbes, Medium, Pinterest, Uber, Spotify, Starbucks verilebilir. Örneğin telefonunuzda Twitter uygulaması oldukça büyük yer kaplarken, Twitter’in PWA’sı telefonunuzda neredeyse hiç yer kaplamaz ve size uygulamasına çok yakın bir kullanıcı deneyimi sunar. Ben bir web geliştirici olarak tasarımlarımın tamamında PWA kullanmaktayım. Hem Google açısından, hem kullanıcılara sağladığı deneyim sebebiyle PWA gerçekten günümüz web teknolojisinin gerekliliklerinden biri.

Peki bir PWA Nasıl Yüklenir?

PWA Nasıl Yüklenir ?

PWA’nın Faydaları Nelerdir ?

PWA’lar, e-ticaret tüccarlarının birden çok mobil işletim sistemi için yerel uygulamalar geliştirme ihtiyacını ortadan kaldırır. Tıpkı YouTube videoları gibi, PWA içeriği aşamalı olarak indirilir ve bu da son kullanıcıya duyarlı tasarım kullanan geleneksel bir web sitesinden daha iyi bir kullanıcı deneyimi sağlar. “Aşamalı web uygulamaları” terimi, 2015 yılında tasarımcı Frances Berriman ve Google Chrome mühendisi Alex Russell tarafından ortaya atıldı.

PWA’ların amacı, yerel mobil uygulamaların avantajlarının çoğunu mobil tarayıcıya getirerek yerel uygulamalar ile mobil web arasındaki farkı bulanıklaştırmaktır. PWA’lar standartlara dayalı teknolojiler kullanır ve güvenli ve web’deki herkesin erişebileceği bir Kapsayıcıda çalışır. Web push bildirimleri gönderebilir, çevrimdışı çalışabilir ve tıpkı bir uygulama mağazasındaki bir mobil uygulama gibi ana ekrandan erişilebilirler.

PWA’lar, bir web sitesinin dağıtımının ve bakımının mümkün olduğunca kolay olmasını sağlamak için API’lerden ve tarayıcı eklentilerinden de yararlanabilir. PWA’ların geleneksel web sitelerinden devraldığı bir diğer fayda, mevcut durumu belirtmek için URI’lerin kullanılmasıdır. Bu, kullanıcı uygulamanın URL’sini yer imlerine eklediğinde veya paylaştığında web uygulamasının durumunu korumasına veya yeniden yüklemesine olanak tanır.

Aşamalı bir web uygulamasının kullanıcı arayüzü, cihazın form faktörü ve ekran boyutu için doğru şekilde boyutlandırılmalıdır. Ayrıca, yerel bir uygulama gibi görünmeli ve bir uygulama kabuğu modeli üzerine kurulmalıdır. PWA’nın birkaç sayfa yenilemesi olmalı ve uygulama, bağlantının düşük olduğu veya hatta çevrimdışı olduğu alanlarda çalışmalıdır.

İlerleyen yazılarımızda bir web yazılımı nasıl PWA’ya dönüştürülür bunu anlatacağım.

Diğer yazılarıma göz atmak için tıklayın.

Web sitesine mi ihtiyacınız var ?

Bunları da beğenebilirsiniz

PHP ile SEO Uyumlu Link Oluşturma (Permalink/Seflink)

Projelerimizde seo ile uyumlu linkler oluşturmak için türkçe karakterleri dönüştürmemiz ve bu karakterlerin arasını ‘-‘ ile ayırmamız gerekiyor. Örneğin bir blog sitemizde yazımızın başlığı ile…

Devamını Oku

Asenkron İş Kuyruklarında RabbitMQ Yerine Kafka Ne Zaman Seçilmeli: Mimari Değerlendirme Çerçevesi

50.000+ mesaj/saniye yük altındaki dağıtık sistemlerde mesajlaşma altyapısı seçimi. RabbitMQ ve Kafka’nın p99 metrikleri, tüketici mimarileri ve trade-off analizi.

Devamını Oku

Redux Monolitinden Zustand ve TanStack Query’ye Migration: Global State’i Parçalayan 3 Aşamalı Geçiş

Production ortamında 42KB gzipped Redux yükünü 11KB’a düşüren, server ve client state’i izole ederek render sürelerini %68 azaltan 3 aşamalı mimari geçiş rehberi.

Devamını Oku