WordPress için Önemli Web Verilerinin Gizemini Ortaya Çıkarma

Önemli Web Verileri, özellikle SEO ve site performansı dijital stratejiniz için önemliyse, artık sitenizi optimize etmek için bir dizi zorunlu ölçümü temsil ediyor. Bununla birlikte, sitenizdeki Önemli Web Verilerini iyileştirmeye çalışırken hangi WordPress araçlarının ve stratejilerinin en önemli olduğunu anlamak zor olabilir.

WordPress sitenizdeki Önemli Web Verileri puanlarınızı anlamak ve iyileştirmek için en iyi uygulamalara ve araçlara derinlemesine bir bakış için bu oturumu izleyin.

Konuşmacılar:

• Alex Zuniga, WP Engine Ürün Müdürü
• Mark Davoli, Direktör, Amsive Digital'de Web Geliştirme
• Vital Design Geliştirme Direktörü Matt Chase
• Sanjucta Ghose, Kıdemli Web Geliştiricisi, WP Engine
• Mike Crantea, XWP Ön Uç Mühendisliği Direktörü

Deşifre metni:

ALEX ZUNIGA: Merhaba, WordPress için Önemli Web Verilerinin Gizemini Çözmeye hoş geldiniz. Ben Alex Zuniga, WP Engine'de Ürün Müdürü. Ve bugün, WordPress web siteniz için temel web hayati unsurlarının giriş ve çıkışlarını gerçekten tartışacağız. Önemli Web Verileri, site performansı için SEO için sitenizi optimize etmeyi önemsiyorsanız, optimize etmek için zorunlu bir ölçümdür. Ancak hangi WordPress araçlarının ve stratejilerinin en etkili olduğunu bilmek zor olabilir. Bu nedenle, en iyi uygulamaların ve araçların WordPress için web hayati puanlarınızı iyileştirmenize nasıl yardımcı olabileceğine dair derinlemesine bir bakış için bu oturuma katılın.

Lafı daha fazla uzatmadan bu oturum için panelistlerimizi tanıtalım. Ve ilk olarak, kendisini kısaca tanıtması için onu Mike'a vereceğim.

MIKE CRANTEA: Merhaba, ben Mike Crantea. Kanarya Adaları İspanya'da bulunuyorum. 17 yıldır görev yaptığım XWP'de Frontend Mühendislik Direktörüyüm. Çoğunlukla ön uç teknoloji alanında, web performansını seviyorum. Ve burada olduğum için mutluyum. Hey.

ALEX ZUNİGA: Teşekkürler, Mike. Sırada Matt Chase var.

MATT CHASE: New Hampshire, Portsmouth'daki Vital Design'da Geliştirme Direktörüyüm. İşimde yoğun ön uç odağı. Bu yüzden birçok deniz feneri ve Core Web Vital skoru yapıyoruz.

ALEX ZUNİGA: Muhteşem. Teşekkürler Matt. Ve Mark.

MARK DAVOLI: Merhaba, ben Amsive Digital'de Web Geliştirme Direktörü Mark Davoli. SEO şirketimiz için çok önemli olduğu için ekibimiz için Core Web Vital alanında uzmanlaştık. Bu nedenle, Önemli Web Verileri de öyle. Burada olduğum için mutluyum.

ALEX ZUNIGA: İyi ki varsın, adamım. Ve son olarak, Sanjucta.

SANJUCTA GHOSE: Merhaba. Ben de WP Engine'denim. WP Engine'in web sitelerinin bakımından sorumlu ekibin bir parçasıyım. Buna, WP Engine onları aldığında Delicious Brains ile gelen siteleri de içerir. Ve geçen yılın önemli bir bölümünü, Lezzetli Beyin sitelerini Önemli Web Verileri için optimize ederek geçirdim. Bu yüzden bunun çok ilginç bir konuşma olması gerektiğini düşünüyorum. Burada olduğum için mutluyum.

ALEX ZUNİGA: Teşekkürler. Teşekkür ederim. Pekala, tüm panelistlerimize hoş geldiniz. Ve söyleyeceklerinizi duymak için sabırsızlanıyoruz. Önemli Web Verileri söz konusu olduğunda, bu soruları ölçüm, yönetim, araçlar ve müşteri beklentilerine göre bir nevi ayrıştıracağız. Hepinize sormak istediğimiz ilk sorumuz, neden en başta Önemli Web Verileri ile ilgileneyim ki? Ve Core Web Vital optimizasyonuna ne ölçüde odaklanmalıyım?

MARK DAVOLI: İsterseniz onunla konuşabilirim. Benim için hızlı bir sayfa hızına sahip olduğunuzdan emin olmak gerçekten önemli. Ve bunun önemli olmasının nedeni nihai dönüşümlerdir. Sağ? Bu nedenle, birisi bir web sitesine geldiğinde, bir yükleme ne kadar uzun sürerse, siteden çıkma olasılığı o kadar artar. Ve yüksek bir sayfa hızınız yoksa, o zaman şansınız kalmaz ve potansiyel olarak çok fazla iş kaybedersiniz. Özellikle bir e-ticaret mağazasında.

SANJUCTA GHOSE: Yani evet. SEO için çok önemli olduğu için söylediklerinize katılıyorum, ancak Önemli Web Verilerinin sitenizin algılanan performansının bir ölçüsü olduğunu da hatırlamamız gerekiyor. Kullanıcı sitenizi nasıl algılar? Ve bence bu, kullanıcının sitenizi duyarlı, etkileşimli ve kararlı olarak algılaması için dikkatini çekmenin çok önemli olduğunu düşünüyorum. Önemli Web Verilerinin ölçtüğü şeyler bunlar. Bu yüzden, SEO puanlarından çok, kullanıcının performansınızı algılamasının önemli olduğunu düşünüyorum. İşte bu yüzden Önemli Web Verilerine odaklanmalıyız.

ALEX ZUNİGA: Kesinlikle. Matt, sen-

MATT CHASE: Evet, temelde söyleyeceğim şey buydu, evet, SEO yönü harika. Ama nihayetinde, bu siteleri insanlar için kodluyoruz. Ve bu insanların mümkün olan en hızlı, en hızlı siteye sahip olmalarını istiyoruz. Ancak bu her iki dünyayı da etkiler. Sağ? Böylece, bu Önemli Web Verilerini ayarladığımızda, harika bir UX yapıyoruz. Ancak SEO ekiplerini tatmin edecek bir şekilde, ki bu bazen kazanması her zaman kolay olmayan bir savaştır. Yani herkes için çalışıyor.

ALEX ZUNIGA: Tüm bunların söylenmesine rağmen, bunun önemli olduğunu biliyoruz. Ancak puanımızı ölçmenin en iyi yolları nelerdir?

MARK DAVOLI: Kullanmanın yanı sıra ölçme yollarımızdan biri de Google'ın Page Speed ​​Insight Tool'u var, bu kritik çünkü ölçmek için kullandıkları araç bu. Doğru, yani bir etki yaratmak istiyorsanız, o aracı kullanmak çok önemlidir. Tarayıcı içi Lighthouse'unuz da Chrome DevTools'da bulunuyor ve bu çok önemli. Ve Search Console, uzun süreli izleme için kritik olan son 28 gündeki gerçek kullanıcı ölçümlerini izlemek için harika bir sayfa kullanıcı deneyimi aracına sahiptir.

SANJUCTA GHOSE: Evet. Bu nedenle Page Speed ​​Insights'ın çok iyi bir araç olduğunu söyleyebilirim, çünkü Core Web Vitals'ın son 28 gündeki gerçek kullanıcı verilerine dayanması anlamında ikinize de gerçek zamanlı veriler verir. Ancak, laboratuvar verilerine dayanan Deniz Feneri Raporunuzu da görebilirsiniz. Ve bu, gerçekten hemen iyileştirebileceğiniz şeydir, çünkü önemli Web Verilerinde iyileştirmeleri gerçekten görebilmeniz biraz zaman alır, çünkü bir zaman aralığı üzerinden ölçülür.

Bu nedenle, puanlarınızı artırmaya çalışıyorsanız, bence Lighthouse harika bir araçtır çünkü size geliştirmeniz için hangi fırsatların olduğunu söyler. Böylece hemen bu fırsatları uygulamaya çalışabilir ve bunun puanınızı nasıl iyileştirdiğini görebilirsiniz.

ALEX ZUNİGA: Muhteşem. Orada Deniz Feneri için büyük haykırışlar gibi geliyor. Harika. Harika.

MIKE CRANTEA: Bu konuya, üretime ulaşan performans düşüşlerine daha hızlı tepki verebilmek için gerçek kullanıcı ölçümleri performans verilerini izlemenin daha iyi olduğunu eklemek isterim. Laboratuar testleri, hazırlık aşamasındayken yardımcı olur. Diyelim ki yaymak istemediğimiz bir bozulma var. Ancak üretimde her zaman sürpriz olabilecek bir şeyler olacak. Ayrıca, Search Console'un ve crux veritabanındaki gerçek kullanıcı ölçümlerinin ortaya çıkması için birkaç hafta beklemek yerine, onları bir Web Verileri kitaplığıyla izleyerek, eğrinin bir adım önünde kalabilirsiniz.

ALEX ZUNİGA: Muhteşem. Evet. Bazen ortaya çıkan üretim sürprizlerinin her zaman önünde olmalıyım. Elbette. Ölçümle ilgili soruları yanıtladığınız için teşekkürler. Şimdi yönetime baktığımızda, yapabileceğiniz ve Önemli Web Verileri üzerinde en fazla etkiye sahip olan bir veya iki şey nedir?

MATT CHASE: Sanırım bana sıçrayan bir şey, yapabileceğiniz her şey gibi tembel yük. Ve mümkün olan her şeyin yüklenmesini erteleyin. Bu, benim için, hemen yapabileceğiniz ve anında bir iyileşme görebileceğiniz, anahtar teslimi bir çözüm diyeceğim türden bir çözüm. WP Rocket, bu tür şeyleri etkinleştirmek için teslim edebileceğiniz bir sürü gerçekten çok kolay onay kutusuna sahiptir.

MARK DAVOLI: Evet. Ve benim için ana odak, ekranın üst kısmı oluşturma dediğimiz şey. Bu nedenle, bunun mümkün olan en kısa sürede işlenmesini sağlamak. Ve daha önce de belirtildiği gibi, mümkün olan en iyi puanı aldığınızdan emin olmak için ekran dışındaki her şeyi erteleme ve tembel yükleme. Bununla birlikte, WP Rocket, gecikme komut dosyaları özelliği için mükemmeldir. Ama biz - bunu GTM, Google reklam komut dosyaları veya bunun gibi şeylerle sınırlamaya çalıştığım gibi. Ve mümkün olduğunca optimize edildiğinden emin olmak için web sitesine güç veren temanın gerçek çekirdek mimarisini geliştirmeye gerçekten odaklanın. Dolayısıyla, bu tür bir performans etkisine sahip olmak için üçüncü taraf bir eklentiye güvenmiyorsunuz.

MATT CHASE: Ah, kesinlikle. Evet. Her ikisi de biter.

ALEX ZUNİGA: Anlaşıldı. Anladım. Ve sadece açıklığa kavuşturmak için, WP Rocket dediniz. Gecikme komut dosyaları özelliği bu mu?

MARK DAVOLI: Evet.

ALEX ZUNİGA: Muhteşem.

MIKE CRANTEA: Yeterince dikkat çekmeyen bir şey önbelleğe almadır. Ancak hızlı sunucu yanıt süresi, hızlı bir deneyimi garanti etmez. Ancak sunucunuz yavaş yanıt veriyorsa, yavaş bir deneyimi garanti ediyorsunuz. Bu nedenle, mevcut tüm önbellek katmanlarını (tarayıcı önbelleği, nesne önbelleği, sayfa önbelleği) kullanmak ve bunların açık ve çalışır durumda olmasını sağlamak iyi bir ilk adımdır. Temellerinizi yapın. Ardından ön uç optimizasyonlarına kadar çalışabilirsiniz. Kafanın içindekileri kontrol etmek. Ve benzeri ve benzeri.

ALEX ZUNİGA: Mükemmel

SANJUCTA GHOSE: Evet. Ayrıca resimlerimizi optimize etmeyi de unutmamamız gerektiğini düşünüyorum. Bunun çok önemli olduğunu düşünüyorum çünkü bugünlerde pek çok web sitesi görsel ağırlıklı olma eğiliminde. Bu yüzden, resimlerinizi sıkıştırmanızın, onları bir CDN aracılığıyla sunmanızın ve daha önce de bahsettiğiniz gibi resimlerinizi yavaş yüklemenizin önemli olduğunu düşünüyorum. Daha da önemlisi, duyarlı görüntüler sunun. Dolayısıyla, duyarlı görüntüler sunmak için resim etiketinin veya resim etiketinin kaynak kümesi özniteliğini kullanabilirsiniz. Bunun gerçekten çok fazla gelişmeye yol açtığını gördüm çünkü Önemli Web Verileri mobil öncelikli ölçümlerdir. Bu nedenle, duyarlı görüntüler sunmanız çok önemlidir. Bu bazen unuttuğumuz bir şey.

Yani bence görüntüler. Ayrıca derleme adımlarınız sırasında JavaScript'inizi CSS'nizde küçültmek gibi bazı çok basit şeyler. Bunun da çok yardımcı olduğunu düşünüyorum. Yapması oldukça basit.

MATT CHASE: Evet. Bu konuda, aslında, madem bu konuyu açtınız, WordPress bir tür paketlenmiş web paketi oluşturma sistemi dağıtıyor. Sadece WordPress Komut Dosyalarında diyorlar. Ve kendi webpack sistemimizi sürdürmeye çalışırken uzun süre uğraştığımız ajansımız. Ve sonra her sekiz ayda bir bazı düğüm bağımlılıkları değişir ve tüm araç zincirimizi kırardı. Ancak WordPress bunu bizim için koruyor. Ve çok büyük bir fayda sağladı.

Ve buradaki web paketinde, ana JavaScript paketimizi oluşturmak için dinamik içe aktarmaları kullanmaya başladık. Bu nedenle, düğüm bağımlılıklarımızı, hepsini tek bir ana JavaScript paketinde birleştirmek yerine çalışma zamanında içe aktarıyoruz, bu da aynı türden ertelenmiş komut dosyası yükleme üzerinde gerçekten ince ayarlı kontrol yapmamıza izin verdi. Sadece belirli durumlarda. Bloğumuzun sayfada olduğu zamanki gibi.

MARK DAVOLI: Evet. Ayrıca, web sitenizde kullandığınız eklentiler konusunda çok seçici olmanızı çok önemli buluyorum. Üçüncü taraf eklentileri kurarak pek çok beklenmedik bloatware alabilirsiniz. Bu yüzden onları çok iyi saygın, iyi oluşturulmuş eklentilerle sınırlamaya çalışın. Ve bu eklentilerin ne yüklediğine dikkat edin. Gerçekten, gerçekten sitenin performansını kontrol etmeye yardımcı olabilir. Ve ne yazık ki WordPress, arka uç kullanımı vb. için hala büyük ölçüde jQuery'ye güveniyor. Ancak ön uç için gerçekten gerekli değildir. Bu nedenle, mümkünse, web sitesinin ön ucundan jQuery desteğini bırakmak ve yerel JavaScript'e bağlı kalmak, performansa gerçekten yardımcı olabilir.

ALEX ZUNİGA: Muhteşem. Sanırım zaten bu alana dalıyoruz. Ve birkaçından bahsettin. Ama aletle buna biraz daha dokunalım. Core Web Vital optimizasyonu için kullanmayı sevdiğiniz, tercih ettiğiniz araçlardan bazıları nelerdir? Ve ne tür kullanım durumları için en iyisidir? Veya uygun olmadıkları bazı senaryolar var mı?

MATT CHASE: Yani, daha önce gündeme geldi. Ama gerçekten Lighthouse tarayıcı içi aracı benim gerçekten başvurduğum bir şey çünkü bu anında sonuç veriyor. Sağ. Önemli Web Verileri harikadır, ancak gücü, zaman içinde bir araya getirilen bir bütün olması gerçeğinde yatmaktadır. Yani bir şeyi gerçekten değiştiremez ve sayının değiştiğini göremezsiniz. Lighthouse'a kıyasla tarayıcıda bir güncelleme yaparsınız. Yerel geliştirme ortamınızı görüyor ve bir Deniz Feneri testi çalıştırıyorsunuz. Ve hemen görebiliyorum, oh, performansım 15 puan arttı. Serin. Yapılacak doğru şey buydu. Bunu üretime aktarın.

ALEX ZUNİGA: Muhteşem. Kullanmayı sevdiğiniz başka araçlar var mı?

MIKE CRANTEA: Chrome'daki yerel geçersiz kılmalar özelliğine büyük bir saygı duruşunda bulunmak istiyorum. Bu, Performans sekmesiyle birleştiğinde, web sitenizdeki öğelerin yüklenme sırasını bile değiştirerek oynamanız için cerrahi bir yetenek sağlar. Ve bunun ne kadar çok veya az etkilediği. Belirli bir değişikliği yapmak için çaba sarf etmenin buna değip değmeyeceğini veya onu olduğu gibi bırakıp gerçekten etki yaratan diğer şeylere odaklanmayı sevdiğiniz konusunda size gerekli gözetimi sağlar.

MARK DAVOLI: Ayrıca kritik olduğunu düşündüğüm bir şey de sunucu mimarisinin izlenmesi. Sağ. Böylece dünyadaki en büyük Önemli Web Verilerine sahip olabilirsiniz, ancak sunucunuz alışılmadık derecede ağır bir yük altına girerse ve siz farkında değilseniz, aniden ilk içerik dolu boyanızın dramatik bir şekilde düştüğünü fark edebilirsiniz ve bu da hemen hemen her şeyi etkiler. Bu nedenle, yalnızca performansı izlemek için New Relic veya her neyse gibi araçları yakından takip edin. Web sitenizi olabildiğince hızlı hale getirmek için uygun altyapıya sahip olduğunuzdan emin olmak için yakından takip etmek çok önemlidir.

MIKE CRANTEA: Önbelleğe almanın açık ve hazır olmasının yardımcı olduğu yer burasıdır.

MARK DAVOLI: Ve CDN.

MIKE CRANTEA: Evet. Bazı potansiyel felaketlerden kaçının.

ALEX ZUNİGA: Mükemmel. Buradaki netliği takdir ediyorum. Yani sorulardan biri. Önemli Web Verilerini optimize etmek için birçok optimizasyon eklentisi vardır. Buna yardımcı olacak WordPress eklentilerinin sınırlamaları nelerdir? Yoksa siteyi gerçekten optimize ediyorlar mı? Yoksa muhtemelen Google'ın ölçümlerini kandırıyorlar mı? Ve sanırım bu bir soru, daha iyi mi – orada bir eklentiye güvenmek yerine eklentileri kullanmanın mı yoksa işi yapmanın mı daha iyi olduğundan bahsetmiştik.

SANJUCTA GHOSE: Eklentilerin harika olduğunu düşünüyorum. Örneğin, örneğin WP Rocket harika. EWWW Image Optimizer'ı çok kullanıyoruz. Ve bence bu da harika. Ama sanırım zaten söylendi. WP Rocket, dikkatli kullanmalısınız çünkü JavaScript'i ertele özelliğini açarsanız, garip hatalar getirdiği durumlar gördüm. Tek seferlik hatalar. Bu yüzden bazen bir eklenti kullanmaktansa kendi çözümümü bulmayı tercih ederim. Geliştirme uzmanlığına sahip olmanız şartıyla.

Bu nedenle, Delicious Brain siteleri için yaptığımız optimizasyonların çoğunu bir eklenti kullanmak yerine kendimiz yaptık. Ancak bununla birlikte, eklentilerin harika bir başlangıç ​​noktası olduğunu düşünüyorum. Bu nedenle, yeni başladığınızda, örneğin, WP Rocket'i hazırlama sitenize dağıtmak ve etrafta oynamak ve bir şeyleri bozup bozmadığına bakmak isteyebilirsiniz. Ya da gerçek iyileştirmeler getiriyorsa. Bu yüzden eklentilerin dikkatli kullanılması gerektiğini düşünüyorum. Ve arka planda neler olup bittiğini, eklentilerin ne yaptığını bilmelisiniz. Ve bunun sitenizi nasıl etkileyebileceği.

MATT CHASE: Evet. Neyse ki, WP Rocket bence daha yeni sürümlerde, sahip oldukları tehlikeli anahtarları çok net bir şekilde etiketleme konusunda en azından iyi oldu. Çünkü gecikmeli betiklerin – ve hatta CSS optimizasyonu gibi beklemeyeceğiniz bazılarının bile, bir sınıf adının onları görünür kılacağını söyleyen şeyi alamadığı, bir şekilde bozuk modelleri olduğu o kadar çok kez yandım. . O yüzden heyecanlı bir gündü.

Ama evet. WP Rocket, kesinlikle iyi kod girişi ve iyi kod çıkışı dışında kesinlikle tercihimdir. Sağ. İşi yapmak her zaman ona yaklaşmanın en iyi yoludur. Eklentiler işleri otomatikleştirebilir. Ancak, kodunuzun gerçekten yalın ve kaba olmasının yerini hiçbir şey tutamaz.

MIKE CRANTEA: Laboratuvar tipi bir eklenti olarak işaretlenmiş bir eklenti daha var. Orası Performans Laboratuvarı. WordPress Performans Çekirdek Ekibi tarafından yapılır. Ve kulağa ürkütücü bir şey gibi gelse de şu ana kadar yaptığım tüm testlerimde tam bir kararlılık sağladı. Ve bu, olması gereken şey ve Performance Lab eklentisinde sonuçlanan işin kalitesi açısından çok etkileyiciydi. Bu yüzden denemeye değer. Birkaç onay kutusu. Ve oradaki her şey güvende. Veritabanı geçişinden pek emin değilim. Okuduğumda bu daha tartışmalı bir şey. Evet. Sadece o düğmeye dokunma. Eklentinin içine SQLite desteği veya buna benzer bir şey ekledikleri gibi, bu kesinlikle bazı küçük web siteleri için çalışıyor.

ALEX ZUNİGA: İlginç.

MARK DAVOLI: Evet. Ve benim için WP Rocket harika. Yaptığımız şeylerin çoğu yerel olarak oluşturulduğundan, sitelerimizin çoğunda kullanımını sınırlıyoruz. Ancak Core WordPress'te, doğru kullanıldığında size gerçekten iyi optimize edilmiş bir site sağlayabilecek birçok başka özellik vardır. Elementor veya benzeri üçüncü taraflar yerine Blok Düzenleyiciyi kullanmak gibi, bir siteye çok fazla şişkinlik ekleyebilir. Dolayısıyla, yeni yerel Gutenberg tipi blok sistemi gibi inşa ederseniz ve örneğin her sayfada her şeyi bir kerede yüklemek yerine dosyaları gerçekten gerektiği gibi yüklerseniz. Artık WordPress'te yerleşik yavaş yükleme özellikleri var. Yani nasıl kullanıldığını izlemek ve uygun şekilde kullanmak, vb. Ve sonra zaten orada olanı geliştirmek için WP Rocket gibi bir araç eklemek. Ama sadece ona güvenmek değil.

Özellikle iyi çalışmayan bir siteniz varsa, sizi oraya götürmek için faydalı olabilir. Ancak daha önce de belirtildiği gibi, kritik CSS oluşturma gibi, bu tür şeylerin pek çok sorunu olabilir çünkü botlarının sayfanızda gördüklerini temel alarak pek çok varsayımda bulunurlar. Ancak ilk görünümleri oluşturmayacak şeyleri tahmin edemez. Yani, bahsedildiği gibi modelleriniz varsa, bunlar açılır, bunun bir olasılık olduğunu bilmeyecektir. Bunun için CSS oluşturmaz ve düzgün bir şekilde satır içi yapar. Yani, temel yazı tiplerinizi önceden yüklemek veya bunu ekranın üst kısmında oluşturmak gibi şeyler yapmak gibi. Yine, anahtar bu. Gerçekten en önemli şey.

SANJUCTA GHOSE: Kritik CSS konusunda, hemen araya girip Addy Osmani'nin Critical adlı harika bir araca sahip olduğundan bahsetmek istedim. Kritik CSS'nizi oluşturmak için bunu oluşturma işleminize ekleyebilirsiniz. Bu harika. Ve çok güvenilir. Kritik CSS'den bahsettiğiniz için, bunu ekleyeceğimi düşündüm. Seni böldüğüm için üzgünüm.

MIKE CRANTEA: Sorun değil. Kritik CSS'nin aynı konusunda, Jetpack ekibi Jetpack Boost eklentisi ile bir şeyler yapmak için biraz çaba sarf etti. Bu, sayfaları iframe'lerde veya bunun gibi bir şeyde oluşturarak kritik CSS'yi oluşturmanın çok, çok ilginç bir yolunu yapar. Bu, işe yaradığında harika bir çözüm sağlar. Olmadığında, size söyler, hey, burada çalışmıyor. Sadece ilerle. Başka bir şeye ihtiyacın var. Kritik CSS'ye ulaşmak her zaman kolay değildir. Öte yandan, 4 veya 5 yıl önce, kritik CSS çok büyüktü. Çok yardımcı oldu.

HTTP/3'teki gelişmelerle birlikte son iki veya üç yılda, bloke edilmiş kritik bir CSS'ye sahip olmanın, 100 kilobayt veya bir satır içi CSS'ye sahip olmak için çok küçük bir etkisi oldu. Bir web sitesinin, dört veya beş yıl önce kritik CSS'ye sahip olan bir web sitesi kadar hızlı çalışmasını sağlıyor. Bu nedenle, sitenizin içinde uygun boyutta bir CSS'ye sahip olmaktan korkmayın. Ondan kurtulmak zorunda değilsin. Ve süper optimize edilmiş gibi web siteleri gördüm.

100 kilobayt satır içi CSS gibi kritik CSS'lerimiz var. Ve render engelleme, jQuery ve kullanılmayan diğer iki betik. Sanki, yaşasın. Bununla amacı bozuyorsun. Son% 5'lik yaklaşım tipinde bize yardımcı olabilir. Ama bununla başlarsan, ilkine bak.

ALEX ZUNİGA: Muhteşem. Mükemmel. Bence tüm bu araçlar. Bu haykırışları duymak harika. Ve bu önerileri ve tavsiyeleri duymak harika. Ve bir sonraki sorumuzun etrafında bu türden pek çok girdap var. WordPress üzerinde özellikle Önemli Web Verileri ile çalışmanın benzersiz yönleri nelerdir? Bunu başka herhangi bir teknoloji yığınıyla yapmak yerine eklentiler aracılığıyla yapmak zorunda olmanız mı? WordPress ile daha mı kolay? Daha fazla araç var mı? Biraz önce bahsettiğimiz gibi, hepiniz bir sürü alet fırlattınız. WordPress ile daha mı kolay? WordPress ile daha mı zor? Ne alırsınız?

MATT CHASE: Bence WordPress ile çok kolay. Bu yüzden biraz hakkında konuştuk – ya da dağıttıkları WordPress komut dosyaları düğüm paketinden bahsettim, bu sadece bir kutuda harika bir tür web paketi oluşturma sistemidir. Ayrıca, WordPress tabanlı siteniz için özel bir bloğu önyüklemenin gerçekten hızlı ve kolay bir yolu olan WordPress Create bloğuna da sahiptirler. Ama öyle bir şekilde inşa edilmiştir ki, tabiri caizse, yapıştırma kodunun çoğu sizin için yazılmıştır. Bu yüzden zaten akıllı- Mark, bu senaryolardan sadece olması gerektiği zaman bahsettin. Böylece, bloğunuzun bunu kapının dışında yapıp yapmadığını bilirsiniz. Bunun hakkında düşünmene bile gerek yok. Yani WordPress bu tür şeyleri gerçekten kolaylaştırıyor.

MARK DAVOLI: Evet, kesinlikle. Ve açık kaynak. Sağ? Yani hemen hemen her şeyi değiştirebilirsiniz. Bu nedenle, WordPress'e kıyasla Core Web Vitals için optimize etmek üzere kapalı bir sistemle çalışırken çok daha zordur. Ve Core Web Vitals ilk duyurulduğunda henüz orada değildi. Çok daha zorluydu. Varlıkları, CSS dosyalarını, yazı tipi dosyalarını, vb. seçerek yükleme yeteneğini gerçekten optimize etmek için, özellikle blok düzenleyici ve blok tabanlı bina vb. Yani evet. Harikaydı.

ALEX ZUNIGA: Bu muhtemelen açık kaynağa karşı kapalı sistemin çağrısıdır. Devam et, Sanjucta.

SANJUCTA GHOSE: Evet. Evet. Ve bence WordPress'e adanmış çok sayıda barındırma sağlayıcısı olduğu için. Ve dediğin gibi. WordPress açık kaynaklıdır. Bu nedenle, WordPress sitelerini barındırma konusunda birçok optimizasyon var. Ve bu yüzden, WordPress'in üzerine inşa ediyorsanız, orada zaten çok fazla destek olduğunu düşünüyorum, bu da tekerleği yeniden icat etmeniz gerekmediği anlamına gelir. Bu nedenle, Önemli Web Verilerinizi optimize etmek için WordPress üzerine inşa ediyorsanız kesinlikle daha kolay olduğunu düşünüyorum.

ALEX ZUNİGA: Güzel. Bu araçları nasıl ölçtüğümüzden, Önemli Web Verilerimizi gerçekten geliştirmek için ne kullandığımızdan, bazı araçlardan bahsettik. Müşteri beklentileri hakkında konuşurken, yeni bir projenin hangi aşamasında Önemli Web Verilerini yapınızın veya stratejinizin bir parçası olarak görmeye başlarsınız? Temel standart şablonunuz gibi başladığınızda bu doğru mu? Yoksa hikayede biraz daha optimize ettiğiniz bir şey mi? Hepiniz ne yaparsınız?

MATT CHASE: Evet. Bence bu, optimize edilmemiş bir web sitesine yaptığınız bir şeyden daha çok, başlamak için bir şeyler inşa etmenin bir yolu. En başından beri. Ve ideal olarak yazdığınız her kod satırında bulunur. Yapmamaya çalışıyorum – Optimize edilmiş büyük bir site oluşturmak ve daha sonra geri dönüp düzeltmek istemiyorum. Başından beri olabildiğince temiz yazmaya çalışmak istiyorum. Ve sonra genellikle, bunu bu şekilde yapmanın, sondaki optimizasyon suyunu sıkmanın biraz daha kolay olduğunu görüyorum.

MARK DAVOLI: Evet. Kesinlikle haklı. En başından itibaren inşa etmeye başlıyoruz. Demek istediğim, sona yaklaştıkça gerçekleşmeyen bileşenler var. Lansmana yaklaşana kadar görüntüleri bir görüntü optimizasyonu yoluyla çalıştırmayacağız. Ancak, gerçekten yapının kendisinde bile değil, bazen tasarım sürecinde bile, Önemli Web Verilerini hesaba katıyorsanız, sitenin nasıl tasarlandığını düşünmek önemlidir. Çünkü mimari olarak, belirli tasarımları diğerlerine göre daha hızlı uygulamak daha zordur. Bu nedenle, bunu anlamak ve tasarımcıları potansiyel olarak neyin uygulamaya karşı daha zor hale getirebileceği konusunda eğitmek çok yardımcı olur.

MIKE CRANTEA: Ve sınırları dikte etmek. Hey, en fazla x telefona sahip olabilirsin. 25'i tüm çeşitleriyle masaya getirmemelisiniz. Bu, tasarım aşamasından itibaren yardımcı olur. Ayrıca, proje süresince gerçekleşen bazı temas noktaları olmadan, bazı şeyleri halletmek bazen kolaydır. Karışıma bir sınav eklentisi eklemek için yedi istek gibi. Bu kontrol edilmezse, sonunda biraz bulursunuz. Bu yüzden önerilerim, bunu her birkaç sprintte bir işliyor. İşlerin nasıl geliştiğine dair aşamalandırmaya ilişkin otomatik ölçümlerimizi kontrol ediyoruz. Zorlanan son şeylere ne oldu İşler yavaşladı mı? Bir projenin sonunda reaktif olmak yerine önceden herhangi bir düzeltici önlem almamız gerekiyor mu?

SANJUCTA GHOSE: Evet. Kabul ediyorum. Tasarım aşamasından başlamanız çok önemlidir çünkü bir pop-up, bir reklam afişi veya buna benzer bir şey olup olmaması gibi basit şeyler gibi. Bazen kümülatif düzen puanınız için büyük bir fark yaratır. Bu yüzden ne olacağını önceden bilmek güzel. İster bir pop-up'ınız, ister bir afişiniz olsun. Ve projenizin sonuna doğru sürprizler istemezsiniz. Bu nedenle, müşteriyi veya paydaşları tasarım aşamasından itibaren sürece dahil etmenin ve bilinçli bir karar alabilmeleri için bunun Önemli Web Verileriniz üzerinde bir etkisi olabileceğini söylemenin çok önemli olduğunu düşünüyorum.

MARK DAVOLI: Bu lansman sonrası için de çok yararlı çünkü siteniz kapıdan çıkar çıkmaz bazen, hadi daha sonra bir sohbet widget'ı atalım veya başka bir şey gibi olabilir. Sonra birden bir kıpırdanma oluyor. Ve sonra bunu nasıl entegre ve optimize edebileceğimizi düşünmelisiniz. Dolayısıyla, gecikme komut dizileri özelliği, Core Web Vitals puanınızı düşürme konusunda kötü bir şöhrete sahip olan çoğu reklam pikselini zorlayabilir. Ancak bazen bir şeyi erteleyemezsiniz çünkü bu müşterinin gerçekten ne istediği açısından önemlidir. Bu yüzden, elinizden geldiğince dengeleyin ve potansiyel etkileri ilettiğinizden emin olun. Ve sadece nihai sonuç, onu olabildiğince hızlı elde etmektir. Bazen işlevsellik için fedakarlık yapmanız gerekir. Bazen yapmazsın. Ancak bu dönüşümleri artırmak için olabildiğince hızlı alın.

ALEX ZUNİGA: Mükemmel. Harika. Bu yüzden, daha iyi içeriklerin en başından daha iyi web siteleri oluşturduğunu duydum. En sonunda bazı Önemli Web Verilerini tokatlayacağımızdan değil. İlk önce bu şekilde düşünmek istiyorsanız, gerçekten bir yaşam tarzı olan bir şey. Harika. Yani sadece son sorumuz. Önemli Web Verileri üzerinde çalışarak geçirdiğiniz zamanın değerini müşterilerinize aktarma konusunda hiç sorun yaşadınız mı? Bu, geri ittikleri bir şey mi? Bu işi neden yaptığınızı hiç anlamıyorlar mı?

MATT CHASE: Aslında herhangi bir geri tepme aldığımı sanmıyorum. Bir şey varsa, tam tersi. Genellikle, biz performansı istiyoruz. Önemli Web Verilerini istiyoruz. Hadi gerçekleştirelim. Her zaman üzerinde düşünmediğimizi söyleyeceğim - izleme pikselleri ve bu puanı düşürmekle ne kadar ünlü oldukları hakkında konuştuk. Ama kimsenin umurunda değil. Biz sadece pikseller, pikseller, pikseller, pikseller gibiyiz. Bu nedenle, insanların izleme eklerken bu maliyet avantajını gerçekten tartmayı düşünmeleri gerekir, çünkü bu, onu alıp sonuç almak kadar basit değildir. Çünkü bir maliyeti var.

ALEX ZUNİGA: Muhteşem.

MIKE CRANTEA: Bence performansta sabır eksikliği var. Öyleyse, ilk sprintten sonra birkaç sprint sürecek bir performans çalışması yapalım diye düşünüyorsanız. Ne zaman görürüm? Ne zaman görürüm? Bir özelliği, bir özelliği, bir özelliği artırmak gibi yinelemeli olarak yayınlamayı planlamak, bu çalışmanın yarattığı etkinin güvenini artırır. Ve bunun dönüşüme ve değişime dönüştüğünü ne kadar çok görürseniz, eğitim işi için çok fazla zaman harcamak zorunda kalmadan değer o kadar hızlı algılanır.

MARK DAVOLI: Evet. Ve müşterilerin anlaması zor olabilecek bir şeyin, gerçek kullanıcı ölçümleri ile laboratuvar verileri arasındaki fark olduğunu düşünüyorum. Çünkü birçoğu kendi testlerini yapabilir falan. Ve tam olarak anlamıyorum. Bu nedenle, sayfanın kaynak özeti bölümünün içgörüler olduğunu anlamalarına yardımcı olmak, gerçekten Google'ın SEO sıralaması ve bunun gibi şeyleri etkilemek için kullandığı bölümdür. Çünkü birçoğu bu skoru aramaya ve optimize etmeye geliyor. Ayrıca, değişikliğinizin bazı şeyleri nasıl etkilediğine dair tüm gamı ​​elde edene kadar üretimde yapılan herhangi bir değişikliği ölçmenin 28 gün sürdüğünü anlamalarına yardımcı olun.

ALEX ZUNIGA: Bu harika bir çağrı. Harika çağrı.

MIKE CRANTEA: Ve en kafa karıştırıcı olan metriklerden birini belirtmeliyim. Etkileşim ölçüleri. Bunlar herkesin bildiği gibi uçucu olmuştur. Ve puandaki herhangi bir değişiklikten daha çok korkan bazı insanlar için, oluşturduğumuz yeni özellik web sitesini önemli ölçüde yavaşlattı mı? Ve sonra testi tekrar vurun ve 10 puan yükselip sonra 10 puan aşağı inin. Bu varyasyonu açıklamak çok zaman alıyor. Neden tutarlı olan tek bir sayı değil? Bu, şeyleri adlandırmak ve önbelleğe almak kadar zor bir şey.

ALEX ZUNIGA: Harika. Önemli Web Verileri ile ilgili tüm katkılarınızı, tüm geri bildirimlerinizi gerçekten takdir ediyor gibiyiz. Bunları nasıl kullanacağız, ölçmek için ne kullanacağız, tüm bunlar için müşteri beklentilerini nasıl belirleyeceğiz. Gerçekten bir öğrenme dersi oldu. Umarız panelistlerimiz burada keyifli vakit geçirmiştir. Tüm geri bildirimlerinizi duymaktan kesinlikle zevk alıyoruz. Umarız buradaki katılımcılar da harika geri bildirimler almıştır.

Hepiniz, zaman ayırdığınız için çok teşekkür ederim. Bu bizim panelimizdi. Tüm panelistlerimize gerçekten çok teşekkür etmek istiyoruz. Bu panele katıldığınız için teşekkür etmek istiyoruz. Bir DE{CODE} oturumumuzun geri kalanını izlerken iyi vakit geçirmenizi umarız.