Öncelikle, tanımına bakalım:
Google AMP (Hızlandırılmış Mobil Sayfalar), Google tarafından başlatılan statik içerik için oluşturulmuş bir web sayfası türüdür; güvenilir ve hızlı render sağlar ve özellikle mobil web tarafında içerik görüntülenirken sayfa yükleme sürelerini hızlandırır.
Baidu MIP (Mobil Anlık Sayfalar), mobil web sayfaları için açık teknoloji standartları setidir. Mobil web sayfası hızlandırılması, MIP-HTML spesifikasyonu, MIP-JS çalışma ortamı ve MIP-Cache sayfa önbellek sistemi sağlayarak sağlanır.
İkisinin tanımları çok benzer görünüyor, biri hızlandırıcı mobil sayfalar, diğeri mobil web hızlandırma denir ve amaç aynıdır - mobil web sayfalarını optimize etmek. Ne oluyor bu, bir şey olmayacak. Tabii ki aynı şey değil, ama Laotan lahana turşusu eriştesi ile Master Kong'un dana eriştesi arasındaki fark bu. İkisi de hazır erişte, ana hammaddeler aynı, tarif biraz farklı, yapım şekli biraz farklı ve en önemlisi sözcünün farklı olması.
Mobil web hızlandırması ilk olarak Google tarafından önerilen açık kaynak standartları, sayfa spesifikasyonları formüle etmek, kullanıcı deneyimini geliştirmek için render hızını optimize etmek ve Google, arama motorlarında AMP standartlarını karşılayan sayfaların ağırlığını artıracak. Baidu, Google'ın bana sahip olduğu ilkesine sadık kalıyor, tamamen AMP'den ödünç alıyor ve ayrıca kendi web hızlandırma açık kaynak standartını da sunuyor, böylece MIP doğdu.
Baidu MIP, Google AMP ile aynıdır, sayfa düzeni, menü düzeni ve resmi web sitesinin teknik açıklaması bile neredeyse aynıdır; amaç (arama sonuçlarında çok hızlı hareket eden sayfaları geri getirmek), ilke (HTML, CSS'yi basitleştirmek, çoğu JS'nin devre dışı bırakması, kaynak kontrolü, önbellekleme vb.) ya da başlatma adımları (önce haber, sonra genel sayfalar) ve orijinal sayfa ile MIP sayfası arasındaki karşılıklı referans yöntemi (etiket ekleme) olsun. İlgili arama motorlarında gösterilen logolar bile neredeyse aynıdır:
Burada Çin halkının bundan öğrenme yeteneğine hayran kalmam gerekiyor.
Sayfa içi optimizasyon prensipleri
Hem AMP hem de MIP, temelde sayfa render veya tembel yükleme ile bloklanmayı azaltarak sayfa hızlandırmadır. İşimizdeki bazı spesifikasyonlar gibi, kod kalitemizi ve sayfa performansımızı artırmak için bir dizi standart da olabilir. Sadece bu ikisi bize SEO optimizasyonu getirebilir. Aşağıda, onun hızlanma ilkesini anlamak için bir MIP'i örnek olarak ele alalım.
MIP üç ana bölüme ayrılmıştır:
MIP HTML
MIP JS
MIP Önbelleği
MIP HTML, HTML'deki temel etiketlere dayanarak yeni bir spesifikasyon formüle eder; bu özellik, bazı temel etiketlerin kullanımını veya genişletme fonksiyonlarını kısıtlayarak HTML'nin daha zengin içerik göstermesini sağlar. MIP JS, MIP HTML sayfalarının hızlı görüntülenmesini sağlayabilir; MIP Önbellek, sayfa performansını daha da artıran MIP sayfalarının önbelleklenmesini sağlamak için kullanılır.
Aşağıda MIP sayfalarının hızlandırma prensibi açıklanmaktadır:
İyi tasarlanmış JavaScript
MIP, kullanıcıların JavaScript'i özelleştirmesine izin vermez ve güvenlik ile performansı sağlamak için MIP bileşenleri şeklinde tanıtılması gerekir
Tüm statik kaynakların boyutlandırılması gerekir
MIP, tüm varlıkların (reklamlar, görseller, ses ve video) boyutlandırılmasını gerektirir. Kaynak gerçekten yüklendiğinde, tüm kaynak boyutları hemen çıkarılabilir ve sayfa düzenini hesaplamak için hızlıca kullanılabilir; yükleme kaynağı, sık sık sayfa düzeni güncellemeleri nedeniyle kullanıcının okuma deneyimini etkilemeden sorunsuz sunulur.
Sayfa render edilmesini engelleyecek hiçbir mekanizmaya izin verilmez
Geliştiriciler tarafından hazırlanan özel betikler, MIP'e geri beslemek için MIP-ad, mip-iframe gibi MIP etiketlerini kullanmalıdır; bu etiketler sayfanın düzenini ve renderini engellemez.
Dış kaynak yüklemesini kontrol edin
MIP çalışma zamanı, harici kaynakların yüklenmesini kontrol ederek verimliliklerini sağlar, böylece kullanıcıların okumak istedikleri şeyler ekranda mümkün olan en kısa sürede görünür.
Etkileşimli fonksiyonların kapsüllenmesi
MIP, web sayfalarının kullanıcılara doğrudan ve basit bir deneyim sunabileceğini savunur, ancak bu, MIP'in sayfanın canlılığını ve eğlencesini sınırladığı anlamına gelmez. MIP çalışma zamanı, geliştiricilerin karmaşık etkileşimli fonksiyonları uygulamaya fazla çaba harcama ihtiyacını ortadan kaldıran son derece optimize edilmiş kapsüllenmiş JavaScript sunar.
Inline'ın CSS'sini kullanmanız önerilir
CSS yüklemesi sayfa render edilmesini engeller ve CSS inline istemcinin ek yükünü azaltabilir.
Sadece GPU hızlandırmalı animasyonlara izin verilir
MIP, animasyonların yalnızca dönüşümler ve opaklıkla yapılmasına izin verir ve sadece animasyonlar GPU'da çalıştırılabildiğinde render katmanı birleştirmesini tetikler.
MIP önbelleği
MIP'in bir diğer önemli önemi ise, web yöneticilerinin web sayfalarını hızlandırmasına yardımcı olmasıdır ve Baidu, MIP web sayfalarını Baidu CDN'e önbelleyecektir. MIP önbellekleme, MIP standardına uyduğu sürece kullanılabilir.
Bunlar, web projelerini optimize etmek için sıkça kullandığımız yöntemler, ancak artık Baidu açık kaynak standardını geçti ve SEO'ya tatlılık ve birleşik spesifikasyonlar verdi.
AMP ve Baidu MIP'in görüşlerini Google'da arayın
AMP ve MIP tarafından sağlanan mobil web optimizasyon çözümleri, kullanıcı deneyimini belli bir ölçüde iyileştirebilir. Aynı zamanda, SEO ile birleşme, birçok geliştiricinin katılım ilgisini de artırdı. Ancak, nispeten kapalı ortam nedeniyle, bu standartlar büyük ölçekli projelere uygulanamaz, sadece nispeten basit sayfa gösterimlerine uygulanabilir; elbette bu, orijinal amaçlarıyla tutarlıdır.
AMP ve MIP, iki farklı standart setidir ve Google ile Baidu'nun arama motorlarının optimizasyonunu desteklemek için iki sayfa seti yazılmalıdır; bu da geliştiricilerin geliştirme maliyetini artıracaktır.
Gelecekte, şahsen iki şirketin standartlarının birleşik olmaya eğilimli olacağına inanıyorum ve Baidu'nun AMP standartını desteklemesi bekleniyor, sonuçta Google küresel açıdan bakıldığında ise Baidu'nun sadece Çin'de daha fazla kullanıcısı var.
MIP Eğitimi:https://www.mipengine.org/doc/00-mip-101.html
Eğitim:https://www.ampproject.org/zh_cn/
|
Yayınlandı 7.07.2018 09:47:36
|
|
|
|
