Ralph Cope Röportajı: Kafes Vaka Çalışması

İçerik oluşturucular için WordPress siteleri oluşturan bir geliştiriciyseniz, WordPress çerçevemiz Trellis'i içeren bu Vaka Çalışması tam size göre!

Trellis'i içerik üretme konusunda uzman olan, ancak teknik olarak bir web sitesinin somunlarını ve cıvatalarını korumak için çok fazla zaman ayırmaya eğilimli olmayan veya ilgilenmeyen yayıncı için oluşturduk. Trellis'i, Google'ın zorlu Temel Web Verileri standartlarını karşılama özel hedefiyle kutudan çıktığı anda maksimum performans için tasarladık. Tümü, içerik oluşturuculardan herhangi bir teknik bilgi gerektirmeden.

Ancak, bazen bir site sahibinin belirli bir görünüm veya özel bir özellik istediğini ve bu amaca ulaşmak için kod özelleştirmeleri oluşturmak için bir geliştiriciden yardıma ihtiyacı olduğunu da biliyoruz.

Çeşitli projelerde Trellis çerçevesiyle çalışmış ve bugün bize Trellis ile olan "başlık altındaki" deneyimlerini tartışmak için katılan serbest çalışan geliştirici Ralph Cope'u tanıtmaktan mutluluk duyuyoruz.

Bize biraz kendinizden bahsedin: Ne zamandan beri blog yazıyorsunuz ve diğer siteler ve blogcularla birlikte çalışıyorsunuz?

Yaklaşık 5 yıldır bloggerlarla çalışıyorum. Daha teknik bir role geçmeden önce oldukça büyük bir seyahat blogu için yazar olarak başladım. SEO'nun içeriğini ve dışını oldukça erken öğrendim ve son birkaç yılda, geliştirme, performans optimizasyonu, yapılandırılmış veriler, anlamsal SEO vb. gibi şeylerin daha teknik yönleriyle oldukça ilgili oldum.

Artık, müşterilere en güncel SEO uygulamalarını göz önünde bulundurarak, çoğunlukla danışmanlık ve tam web sitesi derlemeleri sağlayan bir serbest çalışanım.

Trellis'i ilk nerede duydunuz?

Journey Era'nın sahibi ve bir arkadaşımın arkadaşı olan Jackson Groves, sitesini yeni bir temaya geçirmek için bana ulaştı. Öncelikle bir içerik yaratıcısı olan Jackson, geliştirmeyle ilgili herhangi bir işi yaparken kendini rahat hissetmedi ve yardımımı istedi.

Bir Mediavine ortağı olan Jackson, Trellis'i temas noktasından duymuştu ve denemeye karar verdi. Belgeleri benimle paylaştı ve işe koyulduk.

Temaları ve çerçeveleri değiştirmek büyük bir karar olabilir. Sizi Trellis'i denemeye ne ikna etti?

Çok sayıda olumlu geri bildirim alan Jackson, Trellis'i kullanma konusunda oldukça kararlıydı. En büyük satış noktası, web sitesi performansındaki potansiyel artış ve vaat ettiği hızdı. İlk tahminler, Trellis'in yükleme sürelerini yaklaşık %30 oranında azalttığına ve reklam gelirini yaklaşık olarak aynı oranda artırdığına işaret etti.

2021, Journey Era için de zor bir yıldı. Birkaç COVID dalgası ve birkaç sınırda zalim Google geniş çekirdek güncellemesi arasında, site önemli miktarda trafik kaybetti. Tema değiştirmek gibi yeni bir şey denemek için bir zaman varsa, o zaman buydu.

Trellis'ten önce hangi WordPress temaları/çerçeveleri (veya CMS) ile çalıştınız?

Şahsen, bunlarla sınırlı olmamak üzere, Trellis'ten önce birkaç farklı temayla çalıştım:

• Çocuk temaları
• Tema oluşturucular, örneğin Elementor, Kadence ve Thrive
• Kurumsal düzeyde ısmarlama temalar

Trellis ile hangi teknik sorunları çözmeyi umuyordunuz?

Çoğunlukla site performansı ve yükleme süreleri. Trellis, şimdiye kadar Google Core Web Vitals düşünülerek oluşturulmuş ilk tema olarak pazarlandı, bu yüzden mantıklı bir seçim gibi görünüyordu.

Bununla birlikte, Journey Era, üzerinde çalışmaya başlamadan önce zaten oldukça hızlıydı. Ortalama sayfa yükleme süreleri, aldığım ilk kıyaslamalara göre 785 milisaniye (0,785 saniye) civarındaydı, bu zaten oldukça etkileyici bir sayı. Yükleme sürelerini kısaltmak konusunda ciddi olsaydık, Trellis ve ben işimizi yarıda bırakırdık.

Bir web sitesinde Trellis'i kurmak sizin için ne kadar kolaydı? Süreç sorunsuz geçti mi?

Kafes çok basit bir çerçeve gibi görünüyor, ancak kaputun altında çok fazla karmaşıklık var. Kodlanma şekli (PHP ve ne değil) daha önce kullandığım diğer temalardan oldukça farklı. Söylemeye gerek yok, başlangıçta biraz öğrenme eğrisi vardı.

İlk başta, Trellis çalışmak için oldukça katı hissetti. Tema özelleştirmesi (diğer tema oluşturuculara kıyasla) söz konusu olduğunda nispeten sınırlı yerleşik seçenekler var; bu, Trellis geliştiricilerinin onu olabildiğince hafif tutmak için kasıtlı olarak verdiklerini hayal ettiğim bir karar.

Bu, siteyi doğrudan kendi HTML ve CSS'imi kullanarak biçimlendirmem gerektiği anlamına geliyordu.

Onu daha iyi tanıdıktan sonra, Trellis çerçevesini gerçekten daha çok takdir etmeye başladım. Evet, bazı özel JS ve PHP de dahil olmak üzere neredeyse her şeyi kendim özelleştirmek zorunda kaldım ama ritmimi yakaladığımda, işten gerçekten keyif aldım. Sonunda, aslında web sitesi geliştirme için birkaç yeni numara öğrendim.

Sitede herhangi bir özel çalışma yaptınız mı (örneğin, özel bir ana sayfa veya gönderi düzeni)? Eğer öyleyse, Trellis ortamında çalışmak ne kadar kolay/zordu?

Trellis kullanılarak yeni site derlemesine eklenmesi gereken ve ne yazık ki saf CSS veya HTML kullanılarak yapılamayacak birkaç işlev vardı. Bu nedenle, genellikle deneyimden kaçınmaktan hoşlandığım bir şey olan bir çocuk teması yapmaya başvurmak zorunda kaldık.

Trellis için bir alt tema ayarlamak da yine çoğunlukla çerçevenin oluşturulma şeklinden dolayı biraz benzersiz bir durumdur. Neyse ki, Mediavine'in geliştirme ekibi, sorun gidermeye geldiğinde oldukça yardımcı oldu ve aslında bir şeyleri açıklamaya yardımcı olmak için kendi yollarından çıktı.

Trellis ile hangi gelişmeleri fark ettiniz? (Site hızı, CLS puanları, trafik, kazançlar vb.)

Yeni siteyi ilk olarak bir hazırlama ortamında Trellis kullanarak oluşturduk ve performansı izlemek için bir dizi kıyaslama yaptık. Yeni site %100 kullanıma hazır olduğunda, onu üretime geçirdik, bir hafta beklemesine izin verdik ve ardından son bir dizi test gerçekleştirdik. Tüm kıyaslamalar GTMetrix kullanılarak alındı.

Genel olarak, tüm temel performans metrikleri olumlu hareket gösterdi. İlk içerikli boyama, en büyük içerikli boyama, etkileşim süresi ve toplam engelleme süresi*, tümü yaklaşık %30-40 oranında iyileştirildi (yani daha az yükleme süresi). Kabaca toplam yükleme süresine dönüşen hız endeksi, marjinal iyileştirmeler gördü, ancak yine de iyileşti.

Emeğimizin gerçek meyveleri, nihai kriterlerden kısa bir süre sonra kendini gösterdi. Trellis'in uygulanmasından ve sitenin kapsamlı bir SEO denetiminin yapılmasından sonraki bir ay içinde trafik %140 arttı, yani iki katından fazla. Reklam gelirleri de epey arttı.

* Bu dört metrik (FCP, LCP, TTI ve TBT), her şeyden önce, herhangi biri belirli bir sayfada Google Lighthouse testi çalıştırdığında görüntülenir. Genel olarak konuşursak, genel sayfa yükleme sürelerini değerlendirirken iyi göstergelerdir.

Trellis'i diğer geliştiricilere ve blog yazarlarına tavsiye eder misiniz? Neden veya neden olmasın?

Evet, siteleri için hafif bir tema/çerçeve arayan tüm blog yazarlarına veya geliştiricilere Trellis'i tavsiye ederim. Öğrenme eğrisine rağmen, Trellis iyi bir performans sergiledi ve yatırım getirisi olduğunu kanıtladı.

Yine de şu anda yalnızca içerik oluşturuculara Trellis'i önerebileceğimi söyleyeceğim. Blog içeriğini en iyi şekilde işleme ve işleme konusunda iyi bir iş çıkarsa da, e-ticaret gibi daha karmaşık web siteleri için kullanılıp kullanılamayacağını veya nasıl kullanılabileceğini bilmiyorum.

Trellis'e taşınmaya hazırlanan birine ne tavsiye edersiniz?

Trellis'te özel bir site geliştirmeyi planlıyorsanız, en azından HTML ve CSS konusunda yetkin olmanız gerekir. JS ve PHP de bir artı.

Yalnızca Trellis tarafından sağlanan özelleştirme seçeneklerini kullanarak bir web sitesi oluşturma zahmetinden kurtulabilirsiniz, ancak yapabilecekleriniz sınırlı olacaktır. Bu çerçeveden gerçekten en iyi şekilde yararlanmak ve ön uç üzerinde tam yaratıcı kontrole sahip olmak istiyorsanız, her şeyi belirli bir dereceye kadar şekillendirebilmeniz ve oluşturabilmeniz gerekir.

Henüz keşfetmediyseniz, geliştirme çalışmaları için Chrome DevTools'u kullanmanızı şiddetle tavsiye ederim. Geliştirmeye ilk başladığımda ve gerçekten çok fazla teknik bilgi birikimine gözlerimi açtığımda bu benim için bir nimetti. Hala günlük olarak ve kesinlikle Trellis ile çalışırken kullanıyorum.

Trellis'in en sevdiğiniz özelliği nedir?

Trellis geliştiricilerinin mümkün olduğu kadar çok hız optimizasyonunu Trellis'in kendisine dahil etmek için ellerinden gelenin en iyisini yapmalarını ve böylece ek eklenti yükleme ihtiyacını ortadan kaldırmasını seviyorum. CSS/JS minimizasyonu, görüntü gecikmeli yükleme ve kod yerleştirme işlemlerinin tümü Trellis tarafından gerçekleştirilir; bu, Autoptimize, Code Snippets veya Asset CleanUp gibi eklentileri kullanmama gerek olmadığı anlamına gelir.

Bununla birlikte, türünün en iyilerinden biri olan WPRocket'i önbelleğe alma eklentisi olarak kullanıyorum. Sadece, Trellis'in kendi özellikleriyle çakışmaması için CSS, HTML ve JS optimizasyonlarını işlemesini kapattığımdan emin oluyorum.

Deneyiminiz hakkında başka yorumlarınız var mı?

Sitelerini düzene sokmak ve web geliştirme hakkında bir iki şey öğrenmek isteyen içerik oluşturucular için Trellis harika bir seçenektir. Diğer tema oluşturucular kadar çok özelliği yoktur, ancak bu muhtemelen iyi bir şeydir. Bu şekilde çok daha hızlıdır ve blogunuza veya sitenize gerçekten dahil etmek istediğiniz şeyler hakkında eleştirel düşünmenizi gerektirir.

Bugün bizimle sohbet ettiğiniz için teşekkürler, Ralph. Trellis'in müşterilerinizin iş hedeflerine ulaşmalarına yardımcı olmanıza yardımcı olmasından çok memnunuz!

Trellis'in ürettiği sonuçlardan gerçekten gurur duyuyoruz ve ekibimiz, içerik oluşturuculara ve onların iş hedeflerine hizmet etmeye devam etmek için bu çerçeveyi iyileştirmeye ve geliştirmeye kararlıdır. Trellis hakkında daha fazla bilgi edinin ve daha fazla referans okumak isterseniz, diğer Örnek Olaylarımıza göz atın.