WP Roket 3.19: Geliştirilmiş LCP ve Düzen Kararlılığı için Zahmetsiz Geliştirmeler

Formula 1 takımlarının yarışları nasıl kazandığını hatırlıyor musunuz? Sadece büyük bir değişiklik değil, uzun vadede toplanan birçok küçük gelişme. Yeni büyük sürümümüz bu artımlı ve akıllı optimizasyon vizyonunu bir kez daha yansıtıyor: WP Rocket 3.19 ile tanışın!

En son sürümümüz, teknik uzmanlıklarına bakılmaksızın, onları herkes tarafından erişilebilir hale getirmek için iki özelliği geliştirmeye odaklanıyor. Sayfa başına manuel optimizasyon gerektiren karmaşık süreçler verimli olmasını ve bunları arka planda çalışan özelliklere dönüştürerek sihirlerini oluşturduk.

Sonuçlar? WP Rocket 3.19, artan bir hız ve gelişmiş en büyük içerik boya notunun yanı sıra, düzen stabilitesini artırma ve içerik kaymalarını önleme sayesinde ziyaretçileriniz için daha iyi bir kullanıcı deneyimi getirir.

WP Rocket'te herkesin hızlı bir web sitesini hak ettiğine inanıyoruz - bu yüzden tüm müşterilerimizin güçlü özelliklerimizden yararlanabilmesini sağlarken hız optimizasyonunu basitleştirmenin yollarını sürekli olarak buluyoruz.

Bu kolay ve akıllı iyileştirmelerin web siteniz için nasıl daha iyi bir performans katabileceğini görmeye hazır? WP Rocket 3.19'un ayrıntılarına dalalım veya aşağıdaki videoyu izleyelim.

WP Rocket 3.19'u gerektiriyor

WP Rocket 3.19, web sitenizin performansını artırmak için sahne arkasında çalışan iki geliştirme sunar.

İlk geliştirme, ön yükleme yazı tipleriyle ilgilidir: özellik, aşağıda okuyacağınız gibi, çalışma şeklini ve konumunu değiştirirken aynı adı taşır.

İkincisi, harici alanlara ön bağlantılı olarak yeniden adlandırılan ve eklenti arayüzünden kaldırılan ön bildirim DNS istekleri özelliğini otomatikleştirmeye odaklanır - özel bölümde bu seçimin arkasındaki nedenini öğreneceksiniz.

Tek tıklamada yazı tipleri

Geri adım atalım ve yazı tipi önceden yüklemenin ne olduğunu ve web siteniz performansı için neden önemli olduğunu anlayalım.

Yazı tipi ön yükleme açıklama

Yazı tipi ön yükleme, web sitenizde metnin ne kadar hızlı ve sorunsuz göründüğünü geliştirebilen güçlü bir optimizasyon tekniğidir.

İşte nedeni: Bir ziyaretçi web sitenize geldiğinde, tarayıcının sadece sayfalarınızın içeriğini değil, aynı zamanda ilgili yazı tiplerini de yüklemesi gerekir. Ön yüklemeden, tipik olarak olanlar:

1. Tarayıcı, varsayılan bir yazı tipi kullanarak metninizi görüntülemeye başlar.

2. Daha sonra CSS'nizde, seçtiğiniz özel bir yazı tipi yüklemesi gerektiğini keşfeder.

3. Özel yazı tipi yüklendikten sonra, metin varsayılan olarak bu yeni yazı tipini kullanmak için değişir.

Bu işlem, Düzlenmemiş Metin Flaşı (Fout) olarak bilinen şeye neden olabilir. Fout, metninizin özel yazı tipi yüklendikçe görünümünü aniden değiştirdiği kısa bir andır.

Sırada ne olacağını tahmin edebilirsiniz: sayfanızın düzeni kayma eğilimindedir. Böyle bir değişim sadece görsel olarak nahoş değil, aynı zamanda Google'ın çekirdek web canlılarından biri olan Kümülatif Düzen Değişimi (CLS) derecesini olumsuz yönde etkileyebilir.

Yazı tipi önceden yükleme, tarayıcıya özel yazı tiplerinizin önemli olduğunu söyleyerek bu sorunun ele alınmasına yardımcı olur ve tüm CSS kodunu analiz etmeden önce bile hemen indirilmeleri gerekir. Sonuç olarak, tarayıcı metni ilk olarak görüntüleyerek, yazı tipi değişikliğini azalttığında veya ortadan kaldırdığında ve daha fazla düzen stabilitesi sağladığında özel yazı tipinin hazır olması daha olasıdır.

Neden yazı tiplerini önceden yüklemelisiniz?

Yazı tiplerini önceden yükleme ve düzen vardiyalarından kaçınmanın yararı, kullanıcı deneyimini geliştirme ile yakından ilişkilidir, bu da harika bir ilk izlenim sunmak ve ziyaretçilerinizin web sitenizde kalmaya ve potansiyel olarak dönüştürmeye istekli olduğundan emin olmak anlamına gelir.

Ayrıca, yazı tipi ön yükleme, sayfanızdaki en büyük içerik öğesinin ne kadar hızlı görünür hale geldiğini ölçen en büyük içerik boya (LCP) derecenizi geliştirebilir. Özelliklere dalış olan yazı tipi, LCP öğesi bir metin düğümü olduğunda LCP performansını optimize edebilir - bu, mobil ve masaüstü arasındaki web sitelerinin ortalama% 20'si için geçerlidir.

3.19: Yeni Ön Yüklü Yazı Tipleri Özelliğiyle Tanışın

Yazı tipi ön yükleme bu önemli performans kazanımlarını getirebilirken, müşterilerimizin bu özelliği zar zor kullandığını veya her zaman doğru uygulanmadığını fark ettik. Tam tersi: Öncül yazı tipleri, verimsiz performans açısından kanıtlandı. Bu yüzden yanlış uygulamasını azaltırken bu seçeneği tüm müşterilerimiz için daha kolay ve erişilebilir hale getirmek istedik.

Ve işte buradayız: WP Rocket 3.19, ön yükleme yazı tiplerini tek bir tıklamada etkinleştirebileceğiniz otomatik bir işlem haline getiriyor.

Artık doğru yazı tipi dosyaları URL'lerini manuel olarak tanımlamanıza ve özelliğin etkili bir şekilde çalışması için bunları önceden yüklemenize gerek yok. Seçeneği etkinleştirdikten sonra, WP roketi her sayfada, yazı tiplerinin yukarıda kullanıldığı ve hem mobil hem de masaüstünden öncelik verilmesi gereken otomatik olarak algılar. Daha sonra sadece bu ilgili yazı tiplerini önceden yükler, bu da daha hassas ve verimli bir optimizasyon ile sonuçlanır.

Bu optimizasyon fark yaratır çünkü kullanılmayan varlıkların önceden yüklenmesi performansa zarar verebilir. Örneğin, sayfa yükünün ilk birkaç saniyesinde önceden yüklenmiş bir yazı tipi kullanılmıyorsa, Chrome gibi tarayıcılar bir uyarı verebilir. Yalnızca katlanacak yazı tiplerine odaklanarak, yeni ön yük yazı tipleri seçeneği bu potansiyel sorunlardan kaçınmanıza yardımcı olur ve optimum yazı tipi önceden yükleme sağlar.

Şimdi Medya sekmesinde yeni ön yük yazı tipleri özelliğini bulacağınızı lütfen unutmayın:

Daha önce yazı tiplerini manuel olarak belirtmişseniz, otomatik seçenek varsayılan olarak etkinleştirilir.

Alt satır : Yeni ön yük yazı tipi özelliği, yazı tipi yüklemesini otomatik olarak optimize ederek, web sitenize indikleri andan itibaren ziyaretçileriniz için daha pürüzsüz bir deneyim sağlar - ve sadece bir tıklama gerektirir.

Harici etki alanlarına önceden bağlantı: yepyeni bir otomatik süreç

Önceki özelliğe gelince, harici alanlara önceden bağlanmanın web sitenizin hızı üzerindeki etkisini kısaca açıklayarak başlayalım.

Düz İngilizce harici alanlara ön bağlantı

Harici alanlara ön bağlantı, kaynak yüklemesini olumlu yönde etkileyen güçlü bir optimizasyon tekniğidir.

Web sitenizin harici alanlardan yazı tipleri veya komut dosyaları gibi kaynakları yüklemesi gerektiğinde, tarayıcınızın genellikle bu alanlarla bağlantı kurması gerekir. Bu bağlantı süreci, dış varlık indirme sürecine gereksiz gecikme ekleyebilir ve bu dış varlıklara bağlı belirli metrikleri etkileyebilir.

Ön Bağlantı, tarayıcıya hangi bağlantıların gerekli olacağını önceden söyleyerek bu sorunu ele alır. Bu, tarayıcının bu bağlantıları erken ayarlamasını sağlar ve ihtiyaç duyulduğunda harici kaynakları yükleme süresini azaltır.

Bu optimizasyon iki fayda sağlar:

1. Geliştirilmiş Yükleme Süresi : Bağlantıları önceden ayarlayarak, web siteniz harici kaynakları daha hızlı yüklemeye başlayabilir - ve sayfalar da daha hızlı yüklenir.

2. Gelişmiş LCP Performansı : En büyük içerikli boya öğeniz üçüncü taraf bir etki alanından bir yazı tipi ise, Prec-bağlantısı daha hızlı yüklenmesine yardımcı olabilir ve potansiyel olarak LCP puanını iyileştirebilir.

3.19: Önceden DNS isteklerinden harici alan adlarına önceden bağlantı kurmak

Ön ressam DNS istekleri özelliğinin de az kullanıldığını ve sıklıkla yanlış uygulandığını fark ettik. Bu yüzden bu seçeneği otomatikleştirmeye, WP roket arayüzünden kaldırmaya ve harici alanlara önceden bağlantı kurmak için yeniden adlandırmaya karar verdik.

WP Rocket 3.19 ile bu güçlü optimizasyon arka planda çalışır ve etkinleştirilmesi gerekmez. Bu yüzden bu özelliği artık WP roket ayarlarında bulamazsınız.

İşte bu geliştirme hakkında bilmeniz gerekenler:

1. Tam otomatik bir işlemdir : Optimizasyonu uygularken hangi alanların dahil edileceğini artık manuel olarak tanımlamanız gerekmez. WP Roket şimdi bunu otomatik olarak ele alıyor.

2. Yalnızca hem mobil hem de masaüstünde ihtiyaç duyulan sayfalarda uygulanır, bu da tüm cihazlarda tutarlı olan daha verimli ve hedefli bir yaklaşımla sonuçlanır.

Yukarıda açıklandığı gibi, bu özellik daha hızlı sayfa yükleme sürelerine ve geliştirilmiş bir LCP puanına yol açabilir - hepsi parmağınızı kaldırmak zorunda kalmadan.

Özelliği devre dışı bırakmak istiyorsanız, aşağıdaki filtreyi uygulamanız gerekir:

 add_filter('rocket_preconnect_external_domains_optimization', '__return_false');

Yalnızca web sitenizin ön yükleme için ondan fazla alan adı varsa, bu kenarda, tarayıcının işlemi yönetmesine izin vermek en iyisidir. Genellikle sayfa başına birkaç harici etki alanı olsa da, sayfa kaynak koduna ve Data-Rocket-Preconnect'in oluşum sayısına bakarak bu senaryonun web siteniz için geçerli olup olmadığını kontrol edebilirsiniz.

Alt satır : Harici Etki Alanlarına Ön Bağlantı özelliği, yanlış uygulama riskini ortadan kaldırırken, web siteniz ve harici kaynaklar arasında daha hızlı bağlantılar oluşturan yeni bir otomatik geliştirmedir.

İnce ayarlı performans: İşlemdeki otomatik optimizasyonlar

Otomatik olarak çalışan WP roket özelliklerinden bahsetmişken, harici alanlara ön bağlantı en sonuncusudur ve mevcut olanlara ekler:

• Sayfa önbelleği (mobil önbellek dahil)

• Kritik görüntüleri optimize et

• Otomatik tembel oluşturma

• Tarayıcı önbelleği

• GZIP Sıkıştırma

• Web yazı tipleri için çapraz orijin desteği

• WooCommerce Sepet Parçaları Önbellek

• Google Fonts dosyalarını optimize et

• WordPress emojisini devre dışı bırak

Tüm bu özelliklerin kullanıcı arayüzü yok - sadece çalışıyorlar. Gerekirse, bir filtre veya yardımcı eklentisi kullanarak her zaman devre dışı bırakabileceğinizden emin olun.

Bu otomatik özellikler, Minify CSS ve JS, önbellek ömrü, önceden yük önbellek, ön yükleme bağlantıları ve kalp atışı kontrolü gibi WP roketini ilk etkinleştirdiğinizde açılan seçeneklerin üstünde.

Eklentimizi etkinleştirdiğiniz anda web sitenizin bir hız artışı almasına şaşmamalı!

Bu otomasyonların gerçek dünyadaki etkisini merak ediyorsanız, sonuçların belirli web sitenize bağlı olarak değişebileceğini unutmayın. WP Rocket 3.19 yeni geliştirmeler getirirken, göreceğiniz performans iyileştirmeleri, mevcut özelliklerimiz tarafından daha önce elde edilen hız kazanımlarına katkıda bulunuyor.

Sarma

WP Rocket 3.19, “Seçenekler Değil” yaklaşımını izleme ve otomatik süreçler olarak karmaşık optimizasyonlar yapma taahhüdümüzü güçlendirir. Sizin için doğru seçimleri yapmaya çalışıyoruz, bu nedenle web siteniz için en iyi olanı anlamak için zaman ve çaba harcamanıza gerek yok.

Yavaş yavaş yüksek performansın önündeki engelleri ortadan kaldırıyoruz, daha fazla kullanıcının gelişmiş optimizasyonlardan yararlanabilmesini sağlıyoruz - ve daha fazlası henüz gelmedi!

Bu yeni otomatik özelliklerin sitenize nasıl yardımcı olabileceğini görmeye hazır mısınız? WP Rocket 3.19'u güncelleyin veya 14 günlük para iade garantimizle deneyin. Optimizasyonu nasıl daha basit hale getirdiğimizi ilk elden deneyimleyin ve yorumlarda düşüncelerinizi bize bildirin!