Tüy Gibi Hafif Sayfalar (AMP Project)

İnternet Berkay Eren Ürün

Telefonumuzdan internete girmek çoğumuz için eziyettir. Tarayıcının açılması beklenir, Google’a gitmek istediğimiz sitenin adı yazılır, siteye tıklanır ardından sitenin açılması beklenir. Sitede önce metin yüklenir, siz tam metni okurken yüklenmesi uzun süren bir resim sayfanın alt tarafında ancak yüklenir ve bütün sayfanız kayar. Kaldığınız yeri bulmaya çalışırken çıkan animasyonlu bir reklam bütün bu sürecin tuzu biberi olur. Sonunda Google bu duruma el atıyor. Elbet Google’ın telefonunuzun veya internet sağlayıcınızın sunduğu hızı arttırmasının bir yolu yok. Bunun yerine Google girdiğiniz sayfaları hafifletiyor. Nasıl mı? AMP HTML ile.Accelerated Mobile Pages

TÜY GİBİ HAFİF SAYFALAR

Yukarıda anlattığımız gibi günümüzün web sayfaları işimizi zorlaştıracak pek çok şey içeriyor. Reklamlar, görseller, birbiri ile çakışan ve sayfayı oldukça yavaşlatan JavaScript kodları bunlardan bazıları. Google’ın AMP (Accelerated Mobile Pages) projesi bu yavaşlatıcı etmenleri azaltıp daha temiz ve daha hafif bir web deneyimi sunmayı amaçlıyor. Açık kaynak kodlu bir proje olan AMP sayfalardaki JavaScript kodlarını kısıtlıyor. Bu çoğu web sitesi için çok büyük bir kayıp değil. Çünkü içeriğinde metin, resim gibi basit öğeler içeren sayfalar için JavaScript bir ihtiyaç değil. Yine de AMP kısıtlı JavaScript desteği sunmakta. Kısıtlamayı açmak gerekirse AMP sitelerinde sadece AMP’nin düzenlediği JavaScript kodları çalışacak diyebiliriz. Yani 3.Parti veya site sahibi tarafından yazılmış JavaScript kodları çalışmayacak. Böylece hem web sitesi hızlanmış olacak hem de onu görüntüleyen aygıt internetten ve pil ömründen tasarruf etmiş olacak. Google JavaScript kısıtlaması ile mobil web sitelerinin çekirdekde aynı olmasını hedefliyor. AMP, CSS’ye herhangi bir sınırlama koymuş değil böylece temeli aynı, görünümü farklı AMP siteleri görebileceğiz.

Bir sayfayı tüy gibi yapmanın bir diğer yolu ise onu açılmadan önbelleğe almaktır. Böylece siteye tıkladığınız anda içerik yüklenecektir. Bunun çok fazla internet ve işlem gücü gerektirdiğini düşünebilirsiniz sonuçta web sayfaları daha açılmadan yükleniyor. Normal şartlar altında haklısınız da. Fakat AMP bu noktaya da farklı bir çözüm getiriyor. Önbelleğe sadece sitenin temel öğeleri alınıyor. Eğer sitenin içine girip resim gibi büyük öğeleri görmek isterseniz bu öğeler yükleniyor. Bunlara ek olarak AMP cihazınızın GPU’sunu daha aktif kullanıyor. Böylece sayfanın yüklenme hızı daha da artıyor.AMP HTML

UYUMLULUK

Yeni teknolojiler genelde eskilere uyumlu olmazlar. Fakat amaç mobil interneti hızlandırıp, kendi servislerinin (Özellikle Google Adsense) daha fazla kullanılmasını sağlayıp daha çok gelir elde etmekse bu teknolojinin herkesin telefonuyla uyumlu olmasında yarar var. Bu sebeple AMP HTML var olan teknolojinin üstüne inşa edildi. Böylelikle geriye dönük uyum sunuyor. Ayrıca normal HTML ile olan benzerliği onun site sahipleri arasında benimsenmesini kolaylaştırıyor. An itibari ile Google, AMP’yi geliştirmek için Twitter, Pinterest, WordPress ve LinkedIn gibi şirketlerle çalışıyor. Bunlara ek olarak AMP’yi kullanmak isteyen pek çok şirket olduğu biliniyor.

AMP PROJECT

Google’ın yaptığı testlere göre 3G kullanan bir Nexus 5 ile AMP HTML ile yeniden düzenlenmiş bir web sitesine girmek sitenin normal haline göre %15 ila %85 daha hızlı. Bu hız hem biz kullanıcılara hem de AMP kullanan şirketlere büyük avantaj sağlıyor. Onlar kullanıcıyı bekletmeyen hızlı sitelere sahip oluyorlar biz de bilgiye daha çabuk ulaşıyoruz.

AMP 7 Ekim 2015 tarihinde duyuruldu. O günden bugüne çok fazla AMP HTML ile hazırlanan web sitesi görmedik. Fakat yakında bu değişecek. Eğer şimdiden AMP’yi kullanmak isterseniz telefonunuzdan bu adrese girerek demoyu deneyebilirsiniz.

Sizin Düşünceniz?

Sosyal Ağlarda Paylaş

Berkay Eren Ürün

Bilimi, sporu, tarihi ve teknolojiyi çok seven biri. Animasyona ve donanımlara özel bir ilgisi var.

“Tüy Gibi Hafif Sayfalar (AMP Project)” üzerine 4 yorum

  1. Emre dedi ki:

    Güzel bir anlatım olmuş ama teknik kısımdan hiç bahsetmemişsiniz. Mesela bir WordPress sitesine nasıl uygulanabilir bunları anlatsanız çok iyi olur.

    1. Öncelikle teşekkür ederiz. Haklısınız yazımızda konunun genel bir anlatımını yaptık. Belki ileriki bir yazımızda AMP’nin nasıl uygulandığını anlatırız. Şimdilik daha derin bilgi istiyorsanız https://github.com/ampproject/amphtml ve https://www.ampproject.org/ adreslerine bakmanızı öneririz.

  2. aziz dedi ki:

    Sürekli yeni bir şey çıkıyor ve bunlara ayak uydurmak da zorlaşıyor. 🙂

    1. Haklısınız. En azından bizim AMP’ye ayak uydurmamıza gerek yok. O bize uyduracak.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak.

Tüy Gibi Hafif Sayfalar (AMP Project)

4