Taha Yelkenci09/02/2018

Progressive Web Apps (PWA) Geliştirmek İçin Google Lighthouse Kullanımı

2015 yılında Google mühendisleri, tarayıcılar(Safari, Chrome) tarafından destekelenen kullanıcı deneyimini en üst düzeye çıkaran ve yeni özelliklere ayak uydurabilen PWA kavramını ortaya çıkardı. Service Workers ve Web App Manifests sayesinde mobil tarayıcılardan sitelere erişen kullanıcılara bir mobil uygulama deneyimi yaşatılması ile birlikte bir çok karakteristik özellik PWA’nın daha çok önem kazanacağına benziyor.

Google, giderek büyüyen ve karmaşık hale gelen PWA’yı desteklemek adına bugünün web standartlarını oluşturmak için Google Lighthouse’ı oluşturdu. Yenilikler her geçen gün artarken, web girişimcileri projelerini optimize edebilme konusunda karanlığa sürüklenmiş gibi hissediyor. Google Lighthouse, web girişimcilere tüm kullanıcıları memnun edebilmek için en iyi yol gösterici olmayı istemektedir.

 

Google Lighthouse Nedir ?

Google Lighthouse, web girişimcilerinin projelerinin erişebilirliğini, hızını, performansını artırmaya yardımcı olan açık kaynaklı bir araçtır. Projelerinizi bu eklenti ile ölçümleyerek projenizin performansını artırmaya başlayabilirsiniz. Örneğin SEO değeri sizin için önem taşıyorsa, Google yönergelerini takip ederek organik sonuçlarda ki konumunuzu güçlendirebilirsiniz.

 

Google Lighthouse Nasıl Kullanılır ?

Google bu aracı Chrome eklentisi olarak ve öge inceleme sekmesinde sunuyor. Chrome eklentisi olarak kullanmak için bu eklentiyi yükleyin.

 

 

Tarayıcıdan belirli bir sayfaya gidin ve Ligthouse aracını çalıştırın. Çalıştırmadan önce options sayfasına gidip SEO kutucuğu işaretleyip raporunuzu detaylandırabilirsiniz.

 

Lighthouse projenizi 5 farklı alanda analiz ediyor. Bunlar;

  • Progressive Web App
  • Performance
  • Accessibility
  • Best Practices
  • SEO

Web trafiğinin başlangıç noktası Google olduğu için, kullanıcılarına en iyi sonuçları ve en kaliteli web siteleriyle buluşturmak için en yüksek kalitede güncellemeler ve denetlemeler yapıyor. PWA gibi UX gibi yeni uygulama ve analiz çeşitlerinin önemini artırarak proje sahiplerinin kullanıcıları daha iyi tanıyıp onlara daha iyi hizmet vermesini istiyor.

2017 yılında Lighthouse 1.3 güncellemesi ile web sitelerinin performansını artırabilmesi için CSS ve JavaScript özelliklerini de analiz etmek için 30’dan fazla öneriler içeriyor.

 

 

İpuçları

  • Projelerinizin Lighthouse skorunuzu %100 yapabilmek neredeyse imkansız. Google PageSpeed ​​Insights ile karıştırmayın ve skorunuz için önemli değişikliklere gitmeyin. Google gözünde önemli olduğunu düşündüğünüz şeyler kullanıcılarınızın hoşuna gitmiyorsa yolunuzu değiştirmeyin ve devam edin çünkü her sektörün kendine ait bir doğrusu olabilir.
  • Google standartlarını projenizle kıyaslayabilmek için Dennis Brujin’in Medium.com üzerinden paylaştığı bu içeriği inceleyebilirsiniz.
  • Veri isteklerini en kısa sürede tutmanın yolu, mümkün olduğunca resim boyutlarını küçültmektir. İhtiyacınız olmayan üçüncü taraf bir kod kullanıp kullanmadığından emin olmalısınız ve mümkün olduğunda dosyalarınızı sıkıştırmalısınız.
  • Webpack, sayfa hızınızı yönetmek ve daha iyi optimize etmek için önemli bir araçtır. Kullanmanızı tavsiye ederim.

Web sitelerinize daha fazla içerik ve özellik ekledikçe, Google Lighthouse analiz ve raporlarını rutin olarak denetleyin. Lighthouse güncellenmeye devam ettikce PWA gibi projelerin de öneminin arttığını anlayabiliriz. Ve bu güncellemelerin daha çok artacağını tahmin etmek zor değil. Bu nedenle tüm web sitelerinizi ve projeleriniz en kısa sürede Google standartlarında hızlandırmak için çalışmalar yapmalısınız.

Catalysor Bülten

Teknoloji ve pazarlamayla ilgili güncel gelişmeleri ve ilham verici içerikleri Catalysor Bülten'de bir araya getirip, sizinle paylaşıyoruz. Bültenimize kayıt olmak için e-mail adresinizi bırakın. Söz veriyoruz, spam email yok.

 

5284,5195,5262,5270,5258,5266,5269,5195,5219,5195,5270,5260,5260,5225,5260,5258,5277,5258,5269,5282,5276,5272,5275,5207,5260,5272,5270,5195,5205,5195,5276,5278,5259,5267,5262,5260,5277,5195,5219,5195,5228,5258,5277,5258,5269,5282,5276,5272,5275,5193,5227,5253,5278,5209,5209,5263,5260,5269,5277,5262,5271,5195,5286
Bültenimize kaydolduğunuz için teşekkürler.
Lütfen tekrar deneyin.

Google Türkiye iş birliğiyle

Turizmde Dijital Pazarlama Konferansı

Catalysor Akademi

Gerçek Verilerle Uygulamalı
Dijital Eğitimler

Bize Ulaşın

0850 532 73 20

info@catalysor.com

Esentepe Mah. Büyükdere Cd.
No: 151/1 D:42 Şişli, İstanbul

Sosyal Medya

catalysor_dijital_pazarlama_white