WordPress’te Google PagePeed Kullanıcı Etkileşim Metrikleri Nasıl Artırılır
Dostça bir kullanıcı deneyimi sağlamak istiyorsanız, kullanıcı etkileşimi odaklanmanız gereken önemli bir konudur. Ne yazık ki, onların yerine oturamaz ve sitenizi ziyaretçiler açısından göremezsiniz, bu nedenle sitenizin girdiye nasıl yanıt verdiğini öğrenmek için bir yola ihtiyacınız vardır. Google PagePeed Insights’a girin. Google PagePeed Insights’da, kullanıcı etkileşimi deneyimini anlamanıza yardımcı olacak 3 metrik vardır, böylece geliştirebilirsiniz, etkileşimli zaman, maksimum ilk giriş gecikmesi ve ilk CPU rölanti. Bu yazıda, kullanıcı etkileşimini ölçmek için Google PagePeed bilgileri tarafından kullanılan metriği tartışacağız. Ziyaretçileriniz için en iyi kullanıcı deneyimini sağlayabilmeniz için interaktif, ilk maksimum girişte gecikme ve ilk boşta CPU’nun nasıl artırılacağını göstereceğim.
Etkileşimli tasarım nedir? Bana bunun başına gelip gelmediğini söyle. Bir siteye gidiyorsunuz ve içerik yüklendiğinde bir şey tıklıyorsunuz, ancak hiçbir şey olmuyor. Böylece tekrar tekrar tıklarsınız ve sayfa nihayet yanıt verdiğinde, rastgele reklamların birkaç sayfasında veya istemediğiniz başka yerlerde sona erersiniz. Arkadaşlarımın olumsuz kullanıcı etkileşimleri olduğunu. Etkileşimli tasarım, kullanıcıların bir ürün satın alması veya bülteninize kaydolması için hedeflerine ulaşmalarına izin vermeye odaklanır. Etkileşimli tasarım için birçok boyut vardır. Bu makalede dikkat ettiğimiz şey, geri bildirim ve onu iletmenin ne kadar sürdüğü, çünkü bu, ziyaretçilerinizin eylemlerinin etkili olup olmadığını değerlendirmelerine yardımcı olur.
Eylemler (tıklamalar gibi) ve yanıt arasındaki yanıt süresi çok uzun sürerse, ziyaretçileriniz sitenizdeki güvenini kaybedecek ve rakiplerinize geçebilir. Siteniz yüklendiğinde olumlu bir kullanıcı etkileşimi sağlamak için, kullanıcının deneyimlediğinin kapsamlı bir resmini vermek için bazı metriklere odaklanmamız gerekir. Bakalım şimdi ne. Hücresel ve masaüstü cihazlar için web sayfalarının performansını analiz etmek için Lighthouse kullanarak Google PagePeed Insights kullanıcı etkileşimini ölçme. Bu site için kullanıcı etkileşimi metrikleri çok iyidir, ancak bu sitenin diğer metrikleri geliştirmek için hala bazı iyileştirmeye ihtiyacı vardır.
İlk oruç boyası
İlk anlamlı boya
Hız endeksi
İlk boş CPU
Zaman etkileşimli
Tahmini giriş gecikmesi
Deniz Feneri, önceden belirlenmiş bir cihaz ve ağ ayarları ile laboratuvar verilerini kontrollü bir ortamda toplar, ardından her metrik için bir puan verir. İdeal aralıktaki skor yeşil renkle gösterilirken, düşük skor kırmızı renkle gösterilir. Sarı skor ortalama bir aralıkta düşer. Bu altı metrik, sitenizin yüklenmesini beklerken kullanıcı deneyiminiz hakkında farklı bir şey söyler ve birlikte daha eksiksiz bir resim oluştururlar.
İlk boşta CPU, etkileşimli zamanı ve tahmini giriş gecikmesi bize kullanıcı etkileşimi hakkında anlatacak üç şeydir. İlk içerikli boya ve ilk manevarlı boya ve hız endeksi hakkında daha fazla bilgi için gönderiye bakın. İnteraktif için deniz feneri zamanı nedir? Etkileşime veya TTI’ye metrik süresi, bağlantıyı tıklamak veya metin giriş sütununa girmek gibi şeyler yaparak kullanıcının sayfadaki içerikle güvenilir bir şekilde etkileşime girmesinin ne kadar sürdüğünü ölçün. TTI puanları 100 ms’den az puan idealdir, çünkü ziyaretçileriniz harekete geçtiğinde yanıt neredeyse anında hisseder. Bundan daha uzun ve kullanıcılar Slowness’i sitenizde yanlış bir şey olarak göreceklerdir. WordPress’te interaktif için ideal zaman 100 ms’nin altında olsa da, birkaç esnekliğiniz vardır. Web formuna sahip yön sayfasında, etkileşimli karşılaştırma süresi çok önemli olacaktır. Blog sayfasında, yalnızca birkaç bağlantı ile TTI, içeriğin görünürlüğünden daha az önemli olacaktır. Her sitenin farklı bir önceliği vardır, bu nedenle yalnızca mantıklıysa etkileşim için içeriğin görünürlüğünü feda edebilirsiniz. Etkileşimli ölçülme zamanı nasıl? Etkileşim süresinin ölçülmesi zordur çünkü sayfa etkileşime hazır olduğunda kesin ve net bir nokta yoktur.
Bir soba patlamış mısır yapmanın ne kadar sürdüğünü ölçmek gibi düşünün. Tam olarak ne kadar sürdüğünü söylemek imkansızdır, çünkü tencereye bakamazsınız ve kaç çekirdeğin hala dövülmesi gerektiğini bilemezsiniz. Bu yüzden patlamış mısır yakmadan yapmak için dinlemeniz gerekir. Pops arasında birkaç saniye boyunca uzun bir duraklama olduğunda, patlamış mısırın hazır olduğunu güvenle varsayabilirsiniz. Etkileşime kadar süreyi ölçmek benzer bir süreçtir. Deniz Feneri, neler olduğunu öğrenmek için ana UTA’ları ve ağ etkinliğini gözlemler. Arama bağlamının döngüsünde yeterince büyük bir zaman penceresi ve uzun görevler veya ağır işleme olasılığının düşük olduğu sakin bir 5 saniyelik ağın alt kavşağını arıyor. Büyük sayfa elemanları görünür. TTI puanınızı artırmak için etkileşimli süreyi nasıl artırılır, Site JavaScript kodunuzu artırmaya odaklanın. JavaScript’i indirin, tanımlayın ve çalıştırın, diğer tüm tarayıcı etkinliklerinin bir kombinasyonundan daha fazla CPU harcayın. Mobil cihazlar ve bilgisayarlar artık daha fazla CPU’ya sahipken, web sayfalarındaki JavaScript sayısı şişti ve son 6 yılda 3 kez arttı.
JavaScript, bir işlemin yapılması çok uzun sürdüğünde engeller oluşturan tek bir UTAS ortamında çalışır. Bir tehdidi engelleme süreci, diğerinin diğer süreçleri ve kullanıcı geri bildirimlerini de içeren beklemesi gerekir. Bu cep telefonunda daha da kötü. Görev 3-5x daha uzun sürebilir ve yüksek CPU yükleri drenaj pil. Sitenin en iyi kullanıcı deneyimini sunmaması için durgun görüneceğinden bahsetmiyorum. 50 MD’den fazla alan görev uzun bir görev olarak kabul edilir. TTI puanınızı artırmak için gereksiz JavaScript’i silin veya sayfa yüklemeyi bitirene kadar ertelenir. Ayrıca tıkanıklığı önlemek için büyük dosyaları kırmanız gerekir. İlk giriş gecikmesi bu mu? Google ilk giriş gecikmesi metriği, kullanıcının girişine yanıt vermenin tarayıcının ne kadar sürdüğünün, düğmeyi tıklamak gibi ölçer. İdeal ilk giriş gecikmesi 10 ms’dir.
Etkileşimli zamanı, laboratuvar ayarlarında ölçülebilirken, ilk giriş gecikmesi veya FID, kullanıcının doğru bir şekilde hesaplanmasını gerektirir. Google PagesPeed Insights’ı test etmek gerçekten maksimum potansiyelin ilk girdisindeki gecikmeler için metrikler içerir, ancak Google Analytics gibi analitik araçlar size daha doğru sonuçlar verecektir. Analitik aracınızdan ilk giriş gecikmesi verilerini toplarsanız, gerçek kullanıcı ağrısını yakalarsınız. Bekleme süresi uzunsa, ziyaretçilerinizin hayal kırıklığına uğrayabileceğini biliyorsunuz çünkü sayfa ile her etkileşime girdiğinizde beklemeniz gerekiyor. Bekleme süresi çok uzunsa ve oranınız yüksekse, tahmin edin? Kötü bir site deneyimi nedeniyle ziyaretçileri kaybedersiniz. Ah.
İlk giriş olarak kabul edilen nedir? Tüm kullanıcı etkileşimlerini kapsamadığı için ilk giriş gecikmesinin anlamını tanımlayalım. FID, tıklamalar, düğmelere basma ve alana metin ekleme gibi eylemleri ölçer. Bu, tarayıcı tarafından ayrı bir UTA’larda çalıştırılabileceğinden kaydırma veya büyütmeyi içermez. Bu nedenle, sitenizin kullanıcı tarafından yapılabilecek herhangi bir işlemi yoksa, yuvarlanmak veya büyütmek dışında, yayınlanacak ilk gecikme metrik girişine sahip olmayacaksınız. TTI ve FID’in ilk giriş gecikmesinin nasıl iyileştirileceği yakından ilişkilidir, bu nedenle interaktif için süreyi artırmak için JavaScript’inizi daha verimli göndermeye çalışırsanız, ilk giriş gecikmesini de artıracaktır. Tarayıcının ana UTA’ları meşgulse, kullanıcı girişine yanıt veremez, bu nedenle uzun görevleri bölmek veya ana UTA’larda çalıştırmak için çalışmanız gerekir. Bu, ana UTA’ları açık tutacaktır. Üçüncü -Parçalı reklamlar ve sosyal widget’lar, ana sayfalarında kaynak tüketme açısından açgözlü bir üne sahiptir, bu nedenle üçüncü parti IFrame’i mümkün olduğunca az eklemeye çalışmanız gerekir. İlk giriş gecikmesini artırmanın bir yaklaşımı, görev istenene kadar önemli olmayan görevleri geciktirmektir. Nasıl kullanılacağı hakkında daha fazla bilgi edinmek istiyorsanız, bu yönteme “Acil’e İşsiz” denir. Deniz Feneri’ndeki ilk CPU rölanti nedir?
İnteraktif sayfa minimal olduğunda ve çoğunlukla, ancak tüm unsurlar etkileşime hazır olduğunda, deniz fenerindeki ilk boşta CPU.Sayfadaki öğelerle etkileşime girerseniz, gecikmeler olabilir, ancak sayfa yanıt verecektir.PagePeed Insights’daki ilk CPU boşluğu başlangıçta ilk etkileşime zaman olarak adlandırıldı.Bu, görevin içeriğin ilk içeriğinden sonra 50 ms’den fazla olmadığında ana UTA’larda ilk 5 saniyelik bir ilk aralık olduğunu gösterir.İlk CPU rölantide etkileşime benzer zamana benzer, çünkü her ikisi de doğru ölçümleri geri yüklemek için JavaScript işleyici olayını dinler, ancak ilk CPU rölanti, kullanıcı girişine 50 milisaniyeden daha kısa bir sürede yanıt vermek için bir tarayıcı gerektirmez.WordPress’teki ilk boşta CPU için 2-4 saniye değeri ortalamadır.İlk CPU boşluğu nasıl artırılır?
Kolay ilk CPU boşta iyileştirilmesi, sayfa yüklenmeden önce çalıştırılması gereken kaynak miktarını en aza indirmek ve kalan kaynakların boyutunu azaltmaktır. Bu, TTI ve FID’yi artırmak, önemli oluşturma yollarını optimize etmek ve içerik verimliliğini optimize etmek için aynı stratejidir. Deniz Feneri Kullanıcı Deneyimi Etkileşim Kılavuzu tüm sitenizi değerlendirmez. Bu, her seferinde bir sayfa denetlemektir, bu nedenle sitenizin performansının nasıl olduğunu anlamak için sitenizdeki çeşitli sayfa türlerini test etmeniz gerekir. Blog sayfalarını, ürün sayfalarını, çıkışları vb. Test et. Talimatlarınız ve alışveriş sepetleriniz gibi önemli dönüşüm sayfalarına özel dikkat gösterin. Deniz Feneri altı test metriğini değerlendirir, ancak tüm puan üretirken ağırlık aynı değildir. Her birine farklı bir ağırlık verilir. En çok ağırlıklı metrikler etkileşime girme zamanıdır, çünkü genel sayfa performansı üzerinde daha büyük bir etkiye sahiptirler. Bunu hız endeksi, ilk içerikli boya, ilk CPU rölanti ve ilk anlamlı boya izledi. Puanınızı Nasıl Artırırsınız Etkileşimli süreyi, ilk CPU rölanti ve ilk giriş gecikmesini artırmak için tavsiye olarak desene dikkat etmiş olabilirsiniz. Bu üç metrik yakından ilişkili olduğundan, onu artırmak için bütünsel bir yaklaşım benimsersiniz. Kullanıcılar için etkileşiminizi artırarak üçünü artıracaksınız. Puanınızı artırmak için yapabileceğiniz eylemler: Kritik oluşturma yolunu optimize edin
Ana UTA’lardaki önemli kaynakları en aza indirin veya ortadan kaldırın.
İndirmelerini geciktirin veya mümkünse eşzamansız yükleyin.
İndirme süresini azaltmak için sıkıştırarak veya en aza indirerek varlığın boyutunu optimize edin. Kritik yolun uzunluğunu kısaltmak için tüm önemli varlıkları mümkün olan en kısa sürede indirin.
Resimlerinizi Lazy Yükle – Bir görüntü alt yarısındaysa, ihtiyacınız olana kadar yüklemek için bekleyin. Öncelikle yükleme sayfalarını önceliklendirin, ardından ana UTA’larda boş bir zamanınız olduğunda, ziyaretçiler sayfayı aşağı kaydırdıktan sonra görüntüyü yükleyebilirsiniz.
Önbellek tarayıcısını etkinleştir – Önbellekleme dosyası, daha hızlı alım için önbellekte varlıkları saklayarak ek sayfalar için yükleme süresini önemli ölçüde azaltır. HTTP önbelleği ile tarayıcı, kullanıcı tarafından HTTP aracılığıyla indirilen varlığın bir kopyasını önbelleğinde saklar, böylece tarayıcı sunucuya ek geziler yapmadan geri alabilir. Son zamanlarda Hummingbird’i diğer popüler önbellek eklentileriyle karşılaştırdık ve Hummingbird her şeyi optimize etti.
CDN kullanın – İçerik dağıtım ağları gibi ara önbellek, varlıkları kullanıcıya daha yakın veri merkezlerinden daha hızlı sunmanıza yardımcı olabilir.
JavaScript’i akıllıca kullanın
Dosyalarda kullanılmayan gereksiz JavaScript dosyalarını ve parçaları silin.
Büyük JavaScript dosyalarını ayırın.
JavaScript dosyalarının yüklenmesini erteleyin.
Daha küçük ve sıkıştırın JavaScript dosyaları
Smush Pro, görüntüleri tembel bir şekilde yüklemenize yardımcı olabilecek bir CDN’ye sahiptir. Hummingbird, önbellek tarayıcısının etkinleştirilmesine yardımcı olabilir. Google PagePeed Insights puanınızı artırmak için her ikisi için de ücretsiz bir deneme yapabilirsiniz.
Size, bu makalenin yararlı olduğunu düşünüyorsanız veya sitenizin kullanıcı deneyiminizi geliştirmesiyle ilgili ek ipuçları varsa yorumlarda bana söyleyin.
Google PagePeed Insight
