Gizlilik Politikam Güncellendi. Bkz:Gizlilik Politikası





26 Kas 2017

Bu yazımda yine teknolojiye yön veren Google tarafından başlatılmış ve halen geliştirilmekte olan AMP projesinden bahsedeceğim. Günümüzde artık her şeyimizi İnternet üzerinden yapıyor ve bütün işlemlerimizi mobil cihazlarımız ile yapıyoruz.

İnternet üzerinden yaptığımız tüm işlemlerin hızlı ve güvenli olmasını istiyoruz. Bunun üzerine bir çok teknoloji geliştirildi ve çoğu sitenin kullandığı responsive (duyarlı) tasarımlara geçiş yapıldı. Siteler tasarımlarını mobil cihazlara uygun hale getirdiler getirmesine de yine istenen o hız faktörü, hızlı açılma ve hızlı işlem bir türlü istenildiği düzeyde gerçekleştirilemedi. Bunun üzerine şirketler dahi kuruldu. Sitenizi bize gönderin inceleyelim ve hızlandıralım gibisinden sloglanlar ile şirketler ortaya çıkmaya başladı.

Böyle bir ortam tüm İnternet sitelerinin ortak paydası olan Google tarafından AMP (Hızlandırılmış Mobil Sayfalar) projesi ortaya çıktı ve Google tarafından 2012 yılından itibaren geliştirilmeye başlandı ve 2015 yılın ekim ayında resmi olarak duyuruldu ve tanıtıldı. Google, bu projesini bir dönem sadece belli bölgelerde aktif olarak kullandı ve gelen geri bildirimlere göre projeyi daha da geliştirdi.

AMP Nedir ?

AMP, İngilizcede ki Accelerated Mobile Pages‘in baş harflerinden oluşmuş, Türkçesi Hızlandırılmış Mobil Sayfalar olan, İnternet sitelerinin mobil cihazlarda daha hızlı çalışması ve daha az veri kullanmasını amaçlayan Google tarafından geliştirilen bir projedir.

Bir AMP Sayfası Nasıl Oluşturulur ?

AMP Nedir ? AMP Nasıl Çalışır ?

AMP sayfalarının bu kadar hızlı olması ve anında yüklenmesinin nedeni aşağıda ki optimizasyonların bir araya gelmesidir. Birazdan anlatacaklarımı okumak yerine dinlemeyi tercih ediyorsanız AMP projesinin baş mühendisi Malte Ubl tarafından hazırlanan aşağıda ki videoyu izleyebilirsiniz. Video, aşağıda ki başlıklara benzer konuları özet geçmektedir.

AMP yalnızca eşzamansız çalışan komutlara izin verir;

İnternet sitelerinin çoğunun bel kemiğini oluşturan JavaScript çok güçlü bir programlama dilidir. Bu yüzden Javascript bir sayfanın tüm özelliklerini değiştirebilir ancak bunu yaparken İnternet sitesinin çalışmasını engelleyebilir veyahut yavaşlatabilir.

Bu sebepten ötürü AMP sayfalarında eşzamansız olarak çalışan AMP JavaScript kütüphanesinin kullanılmasına izin verir. Sitenin yazarı tarafından oluşturulan JavaScript komutları veya üçüncül taraf JavaScript dosyaları geçersiz ve işlevsiz haldedir. AMP kendisine ait JavaScript dosyasını en iyi şekilde optimize ettiği için ve eşzamansız çalışabildiği için AMP sayfaları oldukça hızlı çalışmaktadır.

AMP ögeleri belli bir boyutta kullanır;

AMP kendi içerisinde bir takım kuralları mevcuttur. Standart HTML kodlaması dışında kendine has bir kodlama yapısı ve kuralları olan AMP, içerisine ekleyeceğiniz görsel, reklam vb ögeleri belli bir boyutta ve AMP’nin yazım kurallarına göre ekleyebilirsiniz. AMP’nin izin verdiği yazım kuralları dışında kalan tüm HTML ögeleri geçersiz sayılmaktadır ve böylelikle internet siteleri daha hızlı çalışmaktadır.

AMP üçüncü part uygulamalara izin vermez;

AMP’nin temel amacı bir İnternet sitesini olabildiğince sade hale getirmek ve gereksiz ögelerden kurtarmaktadır. Böylelikle sayfalar daha hızlı yüklenecek ve daha az mobil internet verisi kullanacaktır.

Bundan dolayı AMP üçüncü part uygulamalara izin vermemektedir. Yani, internet sitenize instagram,twitter,facebook gibi sosyal medya araçlarının widget (bileşenler)’ini ekleyemezsiniz, ekleseniz dahi AMP yazım kurallarına aykırı olduğu için geçerli sayfa bir HTML sayfası olarak görülecek ve AMP olarak adlandırılmayacaktır.

AMP tüm üçüncü şahıs JavaScript dosyalarını dışarıda tutar;

AMP sayfalarınızda illa bir JavaScript kodu kullanmak istiyorsanız bunu AMP sayfasının içerisine satır halinde yazmanız gerekiyor. Ayrı bir javascript dosyası (.js) halinde eklemeniz halinde AMP bu tarz üçüncü şahıs Javascript dosyalarını kabul etmeyip, işleme almayacaktır.

AMP CSS kodlarını satır içi yazıldığı takdirde kabul eder;

HTML kodlaması yaparken dışarıdan veya başka sayfalardan CSS dosyası ekleyebiliyor, harici CSS dosyaları oluşturarak İnternet sayfamızı oluşturabiliyorduk ancak AMP’de yazılacak olan tüm CSS kodları satır içinde yazılmalı, harici bir CSS dosyası kullanılması o dosyanın AMP tarafından geçersiz sayılacaktır.

Bunun başlıca sebebi satır içi yazılan CSS kodları internet tarayıcıları tarafından çok daha rahat okunup, işlenmesidir. Harici bir CSS dosyasının ilk önce indirilmesi daha sonra okunması ve işlenmesi gerektiğinden oldukça uzun süren bir HTTP isteği yaratır. Bu AMP için sorun teşkil ettiğinden, yazım kuralları gereği CSS kodlarınız satır içinde yazılmalıdır.

Bir internet sitesinin AMP kullanıp, kullanmadığını nasıl anlarım ?

Bir internet sitesine eriştiniz ancak mobil cihazınız ile bu internet sitesini görüntülerken zorluk  çekiyorsunuz ve bu sitenin bir AMP sayfası olup olmadığını anlamanız için internet sitesinin adres satırının sonuna /amp/ yazmanız yeterlidir.

Siteye girmeden önce bunu nasıl anlarım ? diyorsanız eğer Google üzerinden yaptığınız arama sonucunda listelenen sitelerin alt kısmında işareti bulunmaktadır.

Örnek benim kişisel blog sayfamın bir örnek arama sonuçlarında ki görüntüsü gibi;

AMP Nedir ? Nasıl Çalışır ?
AMP Nedir ? Nasıl Çalışır ?

Arama yaptığınız bir internet sitesinin AMP hizmetini sunup,sunmadığını bu şekilde anlayabilirsiniz. Bu yazımda AMP Nedir ? Nasıl Çalışır ? sorusuna cevap verdim. Bir sonra ki yazımda ise AMP’nin nasıl kullanılacağı ve nasıl amp sayfaları oluşturabileceğiniz ile ilgili detaylı bir yazı hazırlayacağım.

Şimdilik hoşcakalın, kolay gelsin.


Bu Yazımı Beğendiysen Sosyal Medya Hesaplarında Paylaşarak Bana Destek Olabilirsin!
 Google Plusda Paylaş


 Yazar: Hüseyin Körbalta Hakkında

Blog yazarı, Arayüz geliştiricisi ve Arkaplan geliştiricisi olmak için çalışmalar yapıyor.

 Websitesi
Takip Et:


 Kimler Neler Demiş?

avatar
  Abone Ol  
Bildir

istanbul escort, escort istanbul