Google Mobil Tarama'yı% 85'e Kadar Daha Hızlı Yapmak Üzere

İlan

Bazen, bir akıllı telefonda Web'e göz atmak, özellikle tembel bir kaplumbağayı kullanan bir salyangozdan daha yavaş olabilir. Kısa bir süre önce, 24 Şubat'ta Google, mobil cihazlarda Web'de gezinme deneyimini hızlandırmak için ilk adımını attı ve bu yeni girişime Hızlandırılmış Mobil Sayfalar (AMP) deniyor.

Peki bu ne anlama geliyor? O nasıl çalışır? Gerçekten sizin için% 85 daha hızlı Web'de gezinme ile sonuçlanacak mı? Yoksa aşırı ve abartılı pazarlama saçmalıklarından başka bir şey değil mi? Bunu sizin için parçalayacağız ve hatta kendiniz için nasıl test edebileceğinizi göstereceğiz.

Özetle, AMP Nedir?

İlk olarak Ekim 2015'te duyuruldu, Google AMP Google AMP Nedir? Nasıl Çalışır ve Mobil Siteler İçin Neden Yararlıdır?Web sitenizin mobil sürümü yavaş veya kaynak ağırlıklıysa Google AMP'nin işleri nasıl hızlandırabileceğini öğrenin. Daha fazla oku Google tarafından geliştirilen ve diğer birkaç şirketle birlikte geliştirilen ve geliştiricilerin mobil cihazlarda hızlı bir şekilde çalışan hafif sayfalar oluşturmasına yardımcı olmayı amaçlayan açık kaynaklı bir HTML çerçevesidir. Sıradan bir HTML, ancak birkaç kısıtlama ve birkaç ekstra özellik ile.

Google’ın testlerine göre AMP sayfaları AMP olmayan sayfalara göre yüzde 85 daha hızlı yüklenebilir 3G mobil bağlantıda EDGE, 3G, H +, Vb: Tüm Bu Mobil Ağlar Nedir?En hızlı mobil ağda mısınız? Değilse, spektrumun neresine düşersiniz? Bu mobil ağ sembolleri kafa karıştırıcı olabilir, ancak endişelenmeyin çünkü sizin için temizleyeceğiz. Daha fazla oku . İşte Google’ın tüm konsepte eğlenceli ve bilgilendirici tanıtımı:

AMP Sizin İçin Ne Kadar İyi?

Google’ın videosunun gösterdiği gibi, yavaş bir web sitesi hem okuyucuları hem de yayıncıları rahatsız eder. Bir siteyi açtığınızda ve site yüklenmediğinde, ne kadar uzun süre beklemek zorunda kalırsanız o kadar rahatsız olursunuz. Çok uzun süre beklerseniz, vazgeçme ve devam etme ihtimaliniz yüksektir.

En kötü senaryo, günün tadını çıkartamayacağınız içeriği bekleyerek boşa harcarsınız. Bu arada yayıncılar, göz kürelerinizi içeriklerine veya size sunmaya çalıştıkları ücretsiz içerik için ödeme yapmaya yardımcı olan reklamlara ulaşmadı. Bu, ilgili herkes için kazanılmayacak bir durum.

Tutmak için umutsuz yayıncılar #mobile kullanıcıları değiştiren öfkesiz reklamlar #HTML. Seyretmek #AMPHTML: https://t.co/VbtMUJGO9G? #JavaScript!

—? Patrick T. Lafferty? (@Proflafferty) 7 2015 Ekim

Reklamları engellemiş olsaydınız Oyun Gazeteciliği Çalmada Etik Hakkında: AdBlock'un Neden Ölmesi Gerekiyor?Basit, ücretsiz bir tarayıcı eklentisi Joystiq'i öldürdü - ve interneti mahvediyor. Daha fazla oku web sitesinin yüklenmesini hızlandırmak için belki içeriği alırsınız, ancak yayıncı bunun için ödeme almaz. Buna karşılık, yayıncıların içerik oluşturmak için daha az parası vardır; bu nedenle, yazdıklarını ve ürettiklerini sevseniz bile, daha fazlasını yapmayı göze alamazlar. Ayrıca kazanılmaz bir durum.

Google’ın AMP ile hedefi bu kazanılmayan durumları kazan-kazan durumlarına dönüştürmektir. İdeal olarak, reklamlar ve gösterişli etkileşimli özellikler Web tarama deneyiminizi yavaşlatmaz ve bu da onları daha lezzetli hale getirir. Ve daha fazla reklam görürseniz, daha fazla yayıncı, keyfini çıkarmanız için ücretsiz içerik oluşturmaya devam edebilir.

AMP Nasıl Çalışır?

AMP'nin mobil taramayı hızlandırmasının bir yolu, Google'ın sayfaları önbelleğe almasıdır. AMP yalnızca daha hızlı web sayfalarına neden olmakla kalmaz, aynı zamanda yayıncılar Google'ın içeriklerini Google’ın sunucularında önbelleğe almasını da seçebilir. Bu, doğrudan başka bir web sitesine gitmek için bir bağlantıyı tıkladığınız normal Google Arama'dan farklıdır.

Bir mobil cihazda Google Arama'dan bir AMP bağlantısı açarsanız, yayıncının web sitesine yönlendirilmezsiniz. Google'da kalacaksınız. Google sizin için daha hızlıdır, çünkü Google içerik barındırma ve sunma konusunda aslıdır, ancak çoğu web sitesi yavaş sunucularda barındırılmaktadır. Ayrıca, Google nadiren de olsa web siteleri her türlü nedenden dolayı inebilir.

Kısacası, Google, Kuzey Amerika, Avrupa ve Asya'da en az 12 veri merkezine yayılmış 1,8 milyondan fazla sunucudan oluşan dağıtılmış bir ağa sahip güvenilir bir ana makinedir. Tıkladığınız herhangi bir makale için Google muhtemelen önbelleğe alınmış bir kopyasını yayıncının yapabileceğinden daha hızlı sunabilir.

https://plus.google.com/+JamesPearn/posts/VaQu9sNxJuY

Mobil cihazlardaki sayfaların daha hızlı olmasını beklememizin bir başka yolu, AMP'nin HTML'ye yerleştirdiği kısıtlamalar sayesinde. Hızlandırılmış Mobil Sayfalar için HTML, web sitesi geliştiricilerinin web sitelerini yavaşlatan özellikleri kullanmasını kısıtlamak için optimize edilmiştir. AMP geliştiricileri ne kullanamaz?

AMP HTML formlara izin vermez ve AMP ile çalışan Google tarafından sağlanan özel bir JavaScript kitaplığı dışında JavaScript'e izin vermez. Ayrıca yasaklar belirli CSS stilleri CSS Öğrenmenin ve Tek Başına CSS Büyücüsü Olmanın 5 AdımıCSS, web sayfalarının son on yılda gördüğü en önemli değişikliktir ve stil ile içeriğin ayrılmasına yol açtı. Modern bir şekilde, XHTML semantik yapıyı tanımlar ... Daha fazla oku mobil cihazlardaki performansı ciddi şekilde yavaşlatabilecek animasyonlarla ilgili.

Bunun dışında, web siteleri, sitelerin her zaman bu noktaya kadar yaptıklarından, fotoğraflar ve videolar gibi zengin medyaları sergilemelerine izin veren diğer tüm CSS stilleriyle tam olarak biçimlendirilebilir.

Bununla birlikte, bazı HTML öğeleri, için . Bu önemlidir, çünkü AMP görüntüleri her şeyden sonra yüklenir, bu da görüntüleyenlerin ana içeriği okumaya başlamadan önce görüntüleri yüklemek için beklemek zorunda kalmadıkları anlamına gelir.

AMP Hype'a Değer mi?

Bazı insanlar AMP'nin çok az kazanç elde edeceği veya hiç kazanamayacağı bir sürü iş olacağından endişe ediyor. Diğerleri, HTML'nin kendisi yerine yavaş web siteleri ve uzun yükleme süreleri için web sitesi sahiplerini suçlar.

Sayfaları daha hızlı hale getirmenin takdire şayan olduğundan emin olun, ancak HTML doğal olarak yavaş değildir: insanlar onu kötüye kullanır. AMP zaman kaybı gibi görünüyor.

- Phillip Caudell (@phillipcaudell) Instagram Profilini Görüntüle 16 Şubat 2016

Belki bu eleştiriler meşrudur, ancak aşağıdaki AMP demosunu denedim ve şimşek çakar, bu yüzden bazı yayıncılar için faydalı olacağını düşünmeye meyilliyim. en az. Ama benim sözüme güvenme. Demoyu kendiniz deneyebilirsiniz! Tek ihtiyacınız olan bir mobil cihaz.

AMP Demo Talimatları

Adresine git http://g.co/ampdemo bir mobil cihazda arama yapın ve istediğiniz herhangi bir şeyi arayın (ancak efektleri gerçekten hissetmek için popüler medyayı veya haberlerde bir şey aramayı deneyin). Ben şahsen “Game of Thrones” aramasıyla denedim.

“AMP” etiketli bir bağlantı (muhtemelen sıradan mavi bağlantıların üstünde bir atlıkarınca modülünde) ve bir şimşek simgesi bulana kadar kaydırın. Üstüne tıkla. Ardından, Google'ın önbelleğe aldığı arama sonuçlarından daha fazla AMP makalesine anında erişmek için sola hızlıca kaydırabilirsiniz.

Yukarıdaki GIF'te gördüğünüz, temel ve çok gösterişli olmayan AMP HTML makaleleri. Ayrıca, URL'ye de göz atın: her makale için www.google.ca. Google’ın aramasından bir AMP HTML bağlantısı seçtiğimden, bunlar Google’ın sunucularında barındırılan önbelleğe alınmış kopyalardır.

AMP'de Herhangi Bir Hata Var mı?

AMP'nin ana dezavantajlarından biri, JavaScript kullanımını sınırlandırmasıdır. Web sitelerinin JavaScript gibi her tür içerik için okuyucuları izleme Davranışınızı Takip Eden 4 Masum Çevrimiçi Etkinlik Daha fazla oku ve AMP HTML çerçevesi içinde kolayca yapamayacakları etkileşimli deneyimler sunmak.

Gizlilikle ilgili bir kullanıcıysanız ve bu web sitelerini tercih ediyorsanız davranışını takip etme Birisi seni izliyormuş gibi mi hissediyor? İzlemeyi Tespit Etmek ve Engellemek için 5 AraçKullanıcılar, ziyaret ettiğiniz web sitelerini, e-postalarını açıp açmadıklarınızı ve daha fazlasını izliyor - ancak onları durdurabilirsiniz. İşte böyle. Daha fazla oku göz atarken, AMP’nin JavaScript sınırlamasını memnuniyetle karşılanan bir özellik olarak görebilirsiniz.

Ancak bir Web geliştiricisi veya tasarımcısıysanız ve analiz izleme gibi şeylerden aldığınız bilgilere değer veriyorsanız, AMP HTML işinizi zorlaştıracaktır.

AMP üzerinde çalışan ekiplerin görüntü karuselleri, haritalar, sosyal eklentiler, veri görselleştirmeleri ve videolar gibi özellikleri entegre etmesi de zaman alacaktır. Bu özellikleri yoğun kullanan siteler AMP'den yararlanabilmek için AMP'nin benimsenme oranlarını yavaşlatabilir.

AMP Neden Önemli?

AMP HTML, telefonunuzda web'i daha hızlı hale getirmek üzere! Bu iyi bir şey, çünkü hepimiz yavaş İnternet'in hiç internetten daha sinir bozucu olabileceğini biliyoruz.

Mobil sitelerin hızlandırılması, kullanıcıların reklamları engellemesi için sıklıkla belirtilen bir nedeni de ortadan kaldırır; bu da içerik oluşturucular için iyidir. Google’ın arama sıralamaları da sayfa yükleme hızlarını dikkate alır, böylece AMP kullanan web siteleri arama motorlarındaki sıralamalarında bir artış görebilir.

Eğer öyleysen HTML ve CSS öğrenme Bu Adım Adım Eğiticiler ile HTML ve CSS öğreninHTML, CSS ve JavaScript'i mi merak ediyorsunuz? Web sitelerini sıfırdan nasıl oluşturacağınızı öğrenmek için bir ustalığınız olduğunu düşünüyorsanız - burada denemeye değer birkaç harika adım adım öğretici var. Daha fazla oku zaten web geliştirme için, AMP Projesinde AMP öğrenmek İnternet sitesi. Web sitenizi hızlandırmak istiyorsanız, ancak AMP'ye geçmeye hazır değilseniz veya genel olarak daha hızlı olmasını istiyorsanız, bunlara göz atın web sitenizi daha hızlı hale getirmek için çevrimiçi araçlar Web Sitenizi Test Etmek için 10 Ücretsiz Online Araç Yükleme Hızları ve Daha Hızlı Web Sayfaları OluşturunDaha hızlı web sayfaları oluşturmak, harika web tasarımının emirlerinden biridir. Web sitenizi optimize etmek için atabileceğiniz ilk adım, bir hız testinden geçmektir. Bu on araç az ... Daha fazla oku .

30'dan fazla yayıncı - Facebook, New York Times, Buzzfeed, BBC ve Huffington Post - AMP HTML'yi zaten entegre ettiniz ve daha sonraki aylarda takip edilmesi bekleniyor gel. Herhangi bir fark fark ettiniz mi? Şuna geçmeyi düşünün: en hızlı mobil tarayıcı En Hızlı Android Tarayıcı Nedir? 7 En İyi UygulamalarKullanabileceğiniz çok sayıda Android tarayıcı ile en hızlıları hangileri? İşte Android'deki en iyi tarayıcı uygulamaları. Daha fazla oku daha da yüksek hızlar için.

Mobil web sitelerinin son zamanlarda normalden daha hızlı yüklendiğini fark ettiniz mi? Hala kötü şöhretli yavaş bulduğunuzu ve bu değişikliği kullanabilecek yayıncılar var mı?