Aşamalı web uygulaması: WordPress işinizi nasıl değiştirecekler

Yaklaşan hücresel web dalgalarını duymuş olmalısınız. Duymuş olabileceğiniz en yaygın şey, Web’e hücresel erişimin hızla artması ve şimdi tüm web trafiğinin yaklaşık yarısının mobil veya tablet üzerinden olduğudur. Pew Araştırma Merkezi’nin Şubat 2018 raporunda, tüm Amerikalıların% 95’inin cep telefonlarına sahip olduğunu, Amerikalıların akıllı telefonlarla payının% 77 olduğunu belirtti. Mobilin etkisini görmek için çok fazla bakmanıza gerek yok. Kendi davranışınıza ve ailenizin davranışına bakın. Aralık 2016’da Comscore, ortalama 17 yaşından büyük bir Amerikalı’nın cep telefonlarında günde iki saat 51 dakika geçirdiğini bildirdi.
StatCounter.com, küresel web trafiğinin çoğunlukla mobil cihazlardan en az bir yıl geldiğini kaydetti (Şubat 2018’de% 51.95). Hücresel kullanıcılar tarafından cep telefonlarında depolanacak orijinal uygulamalar geliştiremeyeceğinizi düşünebilirsiniz, ancak her işletme tarafından ulaşılabilecek harika alternatifler vardır: İlerici Web Uygulamaları. Belki ilerici web uygulamalarını (PWA) ve insanların işlerini kurmak için nasıl kullandıklarını duydunuz. Bu yazıda, PWA ve neden 2018’de kullanmak için daha çok düşünmeniz gerektiğini biraz öğreneceksiniz.
Bazı aşamalı web uygulamaları (PWA) tanımları, mobil cihazlardaki web sitelerinin performansını artırmak için Google tarafından başlangıçta geliştirilen bir web standartları koleksiyonunu temsil eder.Sonuç olarak, web’deki siteler daha çok Apple App Store veya Google Play’de bulacağınız özel hücresel uygulamalar gibi çalışır.Indian Treeb Hotel Network geliştiricisinin bir başka tanımı (daha sonra hakkında daha fazla bilgi): “PWA, daha derinlemesine orijinal uygulamalar gibi deneyimler sunan özelliklerle aşamalı olarak geliştirilen tek sayfalık bir uygulamadır.”Biraz açıklayarak, mobil cihazlarda PWA, okuyucularınızın ve müşterilerinizin sitenizi hızlı bir şekilde eve yüklemelerine ve aynı özelliklerin çoğunu orijinal uygulama tarafından kullanılacak mobil cihazlarda kullanmasına olanak tanır.Siteniz, cihaz internete bağlı olmasa bile tarayıcının dışında olabilir.Bunun hakkında daha fazla bilgi.
PWA’nın birkaç ana teknik bölümünün diğer tanımları şunlardır: Hizmet çalışanları PWA ile ilgili ana teknolojidir. Bu, PWA’nın dokunun dışında çalışmasını sağlar. Manifest dosyası, uygulamaları cihaza web sitesine bağlayan simgeler ve adlar içerir. Geliştiriciler, müşteri deneyiminizi geliştirmek için buraya tasarım öğeleri ekleyebilir. Push bildirimi kullanıcılarınızla (izinleriyle) iletişim kurar, böylece geri dönmeye devam ederler. Bazı nedenler Peki sitenizin neden PWA dahil olması gerekir? Bu oldukça basit. Daha iyi performans – masaüstünde bile! İlk ziyaretçiyi kazanmak için sınırlı zamanınız olduğunu biliyorsunuz – potansiyel müşteri çıkmadan ve arama sonuçlarında bir sonraki siteyi ziyaret etmeden altı saniye yük. Hücresel kullanıcılar daha da sabırsızdır – Sitenin yüklenmesi için 3 saniyeden fazla ihtiyacı varsa potansiyel kullanıcılarınızın yarısı gider! İyi haber: Aşamalı bir web uygulaması oluşturmak için yaptığınız değişiklikler sitenizi daha hızlı çalıştıracaktır! Örnek: Hindistan Treebo Hotel Company, PWA’larını yaparak hücresel yükleme sürelerini altı saniyeden 1,5 saniyeye düşürür. Bu site şimdi bir saniyede masaüstünde yayınlandı! Teknoloji ekibi, site arama sıralamasının arttığını ve aylık dönüşüm oranının iki katından fazla olduğunu bildirdi! PWA çevrimdışı özelliklerinin çalıştırmak için internette olması gerekmez. Kullanıcınız tüm uygulama içeriğine cihazlarından veya masaüstlerinden erişebilir.
Aslında, PWA ile ilgili en iyi şeylerden biri, müşterilerinizin siteleri cihaz ev sayfalarında saklayabilmeleri ve ürünlerinizi satın almak veya daha fazla bilgi almak için kullanabilmeleridir. Örneğin, bugün CNET’ten Tech, bir ekmek ve tereyağı sitesi olan teknoloji ile ilgili günlük bir haber özetini sunuyor. Bir Android cihazında Google Chrome ile bir site açarsanız ve ekranın altına gidin, şunu görürsünüz: PWA’yı hücresel ana ekrana ekleyin. Uygulama mağazası gerekmez!
Günümüzde Progressive Web uygulamasını cihazınıza indirmek için Ana Ekrana Ekle’ye dokunun. Şu anda en iyi 10 hikayeyi yüklemek için simgeye dokunun. Her hikayeyi okumak için sola kaydırın. Tarayıcınızdaki CNET ana sayfasını açmak için CNET logosuna dokunun.

Not: Firefox’ta, PWA’lı sitede adres çubuğunda “Ana Sayfaya Ekle” (artı küçük bir evde oturum açma) simgesi vardır. PWA yüklenirse, adres çubuğundaki Android logosu sizi PWA’ya götürür.
Siteniz tarafından ihtiyaç duyulmayan bir şey: sayfanızda yer harcamak için “Uygulamamızı İndir” (genellikle iTunes ve kullanıcıları rahatsız eden Android logolarla). Chrome, kullanıcının haftada birkaç kez PWA yetenekli sitenizi açtığını biliyorsa, Chrome onlardan PWA’nızı eklemelerini isteyecektir. Yenileme de otomatiktir. İşletmeniz için orijinal hücresel uygulamalar yapmayı düşünmüş olabileceğiniz karmaşık bir programlama diline gerek yoktur, ancak hücresel uygulamalar yapmanın bir web sitesi oluşturmaktan farklı olduğunu bulabilirsiniz. Sitenizi korumak için bir Web Tasarım/Geliştirme Bürosu ile çalışıyorsanız, baskın hücresel satıcılar için uygulamalar yapmak için doğru uzmanlığa sahip değildirler. Apple App Store’da görünmek için geliştiricinizin Apple Development’a kaydolması gerekir. Ağ, Apple’ın Araç Geliştirme (yalnızca MAC’de çalışır) ve Apple tarafından onaylanan programlama dilini bilmelidir: Swift veya Objective C. Android için programlama biraz daha kolaydır (geliştirici onayına gerek yoktur), ancak çoğu Android uygulamaları yazılmıştır Öğrenilmesi zor bir dil olabilecek Java’da. Uygulamanın Apple veya Android Web Store’da görünmesi için tamamlanan uygulamanın kendi mağazalarındaki kapı bekçisinden onay alması gerekir.
Tersine, aşamalı web uygulamaları ortak web dili: html, basamaklı stil sayfaları (CSS) ve JavaScript’te yapılır. Kısacası, yeni başlayan bir web geliştiricisi bile yüksek kaliteli PWA yapabilir. Daha da önemlisi, WordPress siteniz için PWA yapmak için çok fazla bilgisayar bilimi eğitimine ihtiyacınız yoktur. Site biçiminizi bir alt tema ile değiştirdiyseniz, PWA da yapabilirsiniz. Diğer yayınlardaki kodlama sorunlarını tartışacağız. Standart teknoloji devlerinden artan desteğin standart olması uzun zaman alır. Google ilk olarak 2015 yılında PWA’yı tanıttı. Chrome, PWA’yı destekleyen tek tarayıcıdır, ancak bu şimdi değişti. Son birkaç ay içinde:

Mozilla Firefox 58’e PWA desteği ekledi
Apple kısa süre önce iOS’ta web uygulamalarına destek duyurdu
Microsoft, bu yılın (2018) için planlanan Windows 10’un bir sonraki sürümünde PWA’yı destekleyecek.
Ayrıca, diğer işletim sistemi satıcılarından Microsoft, PWA’nın “yüksek kalite” nin yakında hücresel ve masaüstündeki Windows 10 uygulama mağazalarına entegre edileceğini söyledi. WordPress ve PWA WordPress, temel uygulamada aşamalı web uygulamalarının oluşturulmasını tam olarak desteklemez. Jetpack ekibi önümüzdeki yıl PWA işlevselliği eklemeye kararlı. Bu, WordPress’ten JavaScript-Ticaret ile desteklenir.
VIP WordPress blogundaki bir yayında geliştiriciye ve Walmsley’e göre Jetpack “hazır olduklarında PWA özelliklerini yavaş yavaş tanıtıyor”. Geliştirici, v5.6.0’dan beri bir jetpack manifest modülü kullanarak bir dosya manifest ekleyebilir ve sayfada birçok görüntü olsa bile site yüklemesini hızlandıran yavaş yükleme görüntüleri sunar. Bu yıl daha fazla özellik gelecek. Bazı eklentiler PWA işlevselliği eklemeye çalışır, ancak benimsenmemiştir. WordPress optimizasyon aracı servis çalışanları ve tezahür araçları sağlar.
Süper aşamalı web uygulaması, diğer özelliklerin yanı sıra ana ekrana tezahürler üretir ve düğmeler ekler.
WordPress Cellular paketi ayrıca PWA özellikleri ekler
PWA’yı nasıl kullanacaksınız? Bu yazıda, ilerici web uygulamaları ve neden iş web sitenize eklemeyi düşünmeniz gerektiğini biraz öğrendiniz:
Mobil cihazlardan artmaya devam eden trafik dalgaları
Web siteniz için daha iyi performans – hücresel ve masaüstü
Cihaz çevrimdışı olsa bile kullanılabilirlik
Standart web özelliklerini kullanma: HTML, CSS ve JavaScript. İnşa etmek daha ucuz
Tarayıcı ve işletim sisteminden desteği artırın
Belki şimdi WordPress’te PWA’nın nasıl yapılacağını bilmek istiyorsunuz? Veya geliştiricinize bunu nasıl gerçekleştireceğinizi gösterin? Bunu önümüzdeki yazıda göreceğiz.
Mobil ilk stratejilere geçiş konusunda isteksiz misiniz? Seni geri tutan nedir? Orijinal bir hücresel uygulama oluşturmaya çalıştınız mı? PWA? Kullanıcınız hücresel erişim için profille eşleşiyor mu? Bize fikrinizi söyleyin.
Etiket:
jet paketi
hücresel
Aşamalı web uygulaması
Pwa
duyarlı

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir