Skip to main content

AMP (Accelerated Mobile Pages) Web Geliştirme Nedir?

AMP Nedir? Nasıl Kullanılır? (Mart 2024)

AMP Nedir? Nasıl Kullanılır? (Mart 2024)
Anonim

Son birkaç yıldır web siteleri için analitik trafiğine bakarsanız, bunların hepsinin ortak bir önemli şeyi paylaştığını görebilirsiniz. Bu, mobil cihazlarda kullanıcılardan aldıkları ziyaretçi sayısının artmasına neden olur.

Global olarak, artık mobil cihazlardan gelen web trafiği, temelde masaüstü veya dizüstü bilgisayarlar anlamına gelen “geleneksel aygıtlar” ı ele alacağımızdan daha fazla web trafiği var. Mobil bilgisayar kullanımının insanların çevrimiçi içeriği nasıl kullandığını değiştirdiğine kuşku yoktur, bu da giderek artan oranda mobil merkezli kitleler için web siteleri oluşturmamızın yolunu değiştirdi.

Mobil Kitle için Bina

“Mobil uyumlu web siteleri” oluşturmak, web profesyonelleri için uzun yıllardan beri bir önceliktir. Duyarlı web tasarımı gibi uygulamalar, tüm cihazlar için iyi çalışan siteler oluşturmaya yardımcı olmayı ve web sitesi performansına ve hızlı indirme sürelerine odaklanmayı, tüm kullanıcılara mobil veya başka bir şekilde yarar sağlar. Mobil uyumlu sitelere yönelik bir diğer yaklaşım, Hızlandırılmış Mobil Sayfaları temsil eden AMP web geliştirme olarak bilinir.

Google tarafından desteklenen bu proje, web sitesi yayıncılarının mobil cihazlarda daha hızlı yüklenen siteler oluşturmasına olanak tanıyan açık standart olarak oluşturulmuştur. Bunun yanıt veren web tasarımına çok benzediğini düşünüyorsanız, yanlış değilsiniz. İki kavram ortak noktaları paylaşır, yani hem mobil cihazlarda kullanıcılara içerik sunmaya odaklanırlar. Bununla birlikte, bu iki yaklaşım arasında bir takım farklılıklar vardır.

AMP ve Duyarlı Web Tasarımı Arasındaki Temel Farklılıklar

Duyarlı web tasarımının güçlü yönlerinden biri, her zaman bir siteye eklediği esneklik olmuştur. Bir ziyaretçinin ekran boyutuna otomatik olarak yanıt veren bir sayfa oluşturabilirsiniz. Bu, sayfanıza erişmenizi ve cep telefonlarından tabletlere, dizüstü bilgisayarlara, masaüstü bilgisayarlara ve daha fazlasına kadar çok çeşitli cihaz ve ekran boyutlarında iyi bir deneyim sunma kabiliyetine sahiptir. Duyarlı web tasarımı üzerinde duruldu herşey cihazlar ve kullanıcı deneyimleri, sadece mobil değil. Bu hem bazı yönlerden hem de diğerlerinde kötüdür.

Bir sitede esneklik mükemmeldir, ancak gerçekten mobil cihazlara odaklanmak istiyorsanız, yalnızca mobil cihazlara değil, tüm ekranlara odaklanan bir site oluşturmak, yalnızca optimize edilmiş mobil performans için esneklik sağlayabilir. AMP'nin arkasındaki teori budur.

AMP sadece hıza odaklanır - yani mobil hız. Bu projenin Google Tech Lead'i olan Malte Ubl'a göre, AMP “web içeriğine anında görselleştirme” getirmeyi hedefliyor.

  • Yavaş yüklenme
  • Ön bağlantı kullanarak
  • Önceden kaynak aktarma
  • Async Javascript
  • Satır içi stil sayfaları
  • İndirilebilir yazı tipi yok
  • Kaynak önceliklendirme

Bunlar AMP'yi çok hızlı bir şekilde yapan müdürlerden sadece bazıları. Bununla birlikte, bu listede uzun süredir web profesyonelleri tarafından rahatsız edilebilecek bazı öğeler de vardır. Örneğin, satır içi stil sayfaları. Birçoğumuzun yıllardır tüm stillerin harici stil sayfalarında yer alması gerektiği söylendi. Çok sayıda site sayfasını bir dış sayfadan biçimlendirmek, sayfaların satır içi stilleri kullanması durumunda CSS'nin güçlü yönlerinden biridir. Evet, harici dosyayı indirme gereksinimini önlersiniz, ancak bu sitenin tamamını tek bir stil sayfasıyla yönetme pahasına. Hangi yaklaşım daha iyi? Gerçek şu ki, ikisinin de yararları ve dezavantajları var. Web sürekli değişiyor ve sitenizi ziyaret eden farklı kişilerin farklı ihtiyaçları var. Her durumda uygulanacak kurallar koymak çok zordur çünkü farklı yaklaşımlar farklı durumlarda mantıklıdır. Önemli olan, özel durumunuzda hangisinin en iyi olduğunu belirlemek için her yaklaşımın yararlarını veya dezavantajlarını tartmaktır.

AMP ve RWD arasındaki diğer bir önemli fark, duyarlı tasarımın mevcut bir siteye nadiren “eklendiği” gerçeğidir. RWD, bir sitenin mimarisini ve deneyimini gerçekten yeniden gözden geçirdiğinden, genellikle sitenin yeniden tasarlanıp yeniden uyarlama stillerini barındırmak üzere yeniden geliştirilmesini gerektirir. Ancak, AMP mevcut bir siteye eklenebilir. Aslında, mevcut bir duyarlı siteye bile eklenebilir.

Javascript konuları

RWD'ye sahip sitelerin aksine, AMP siteleri Javascript ile iyi oynamamaktadır. Bu 3 içerirrd Bugün sitelerde çok popüler olan parti senaryoları ve kütüphaneler. Bu kütüphaneler bir siteye inanılmaz işlevler ekleyebilir, ancak performansı da etkiler. Bu nedenle, sayfa hızına yoğun bir şekilde odaklanan bir yaklaşımın Javascript dosyalarından kaçınması mantıklıdır. Bu sebeple AMP genellikle statik web sayfalarında çok dinamik olanların aksine veya bir nedenden ötürü belirli Javascript efektleri gerektirenler için en iyi şekilde kullanılır. Örneğin, “lightbox” tarzı bir deneyimden yararlanan bir web galerisi, AMP için büyük bir aday olmayacaktır. Öte yandan, herhangi bir süslü işlevsellik gerektirmeyen standart bir web sitesi ya da basın bülteni, AMP ile teslim etmek için harika bir sayfa olacaktır. Bu sayfa, sosyal medyada veya mobil bir Google aramasında bağlantıyı görmüş olabilecek mobil cihazları kullanan kişiler tarafından okunabilir. Gereksiz Javascript ve diğer kaynaklar yüklenirken indirme hızını yavaşlatmak yerine, istekte bulunduklarında bu içeriği anında sunabilmek, mükemmel bir müşteri deneyimi sağlar.

Doğru Çözümü Seçme

Hangi seçenek sizin için uygun - AMP veya RWD? Elbette ki özel ihtiyaçlara göre değişir, ancak birini ya da diğerini seçmeniz gerekmez. Daha akıllı (ve daha başarılı) çevrimiçi stratejilere sahip olmak istiyorsak, elimizdeki tüm araçları değerlendirmemiz ve birlikte nasıl çalışacaklarını öğrenmemiz gerektiği anlamına gelir. Belki bu, sitenizi sorumlu bir şekilde iletmek, ancak AMP'yi belirli bölümlerde veya bu geliştirme stiline en uygun sayfalarda kullanmak anlamına gelir. Ayrıca, farklı yaklaşımların yönlerini ele almak ve bunları çok özel ihtiyaçları karşılayan ve her iki dünyanın en iyilerini bu sitenin ziyaretçilerine sunan karma çözümler oluşturmak için birleştirmek anlamına da gelebilir.