WP Rocket 3.6: Özel CPCSS Dosyası Pramuian, Daha Fazla Yenilik

Son haftalarda, WP Roket’teki hepimiz, küresel olarak yaşadığımız sağlık krizi nedeniyle belirsizlik nedeniyle koşullandırılmış farklı iklimlerde çalıştık. Ancak ekibin birliği zor zamanlarda (özellikle) görülebilir ve WP Rocket’te devam ettirmeye devam ettiğimiz iş kalitesinden gurur duyuyoruz. Pandemi, birinci sınıf bir eklenti sağlamak için devam eden bir çabada bizi durdurmadı. İnsanların daha bağlı hissetmesi ve çevrimiçi etkinliklerini güçlendirmeleri gerektiğinde – hem profesyoneller, rekreasyon hem de sosyal – en çok bilme şeklimize katkıda bulunuruz.
Yani bu, web sitenizi öncekinden daha hızlı hale getirecek yeni WP Rocket sürümümüz! WP Rocket 3.6’da Yenilikler
Belirli sayfalar için CSS kritik yolları
CSS hücresel için kritik yollar
Ön yükleme yazı tipi
CSS ve JS dosyaları için GZIP Sıkıştırma
Sorgu dizesini silme seçeneğiyle veda
Tüm bunları ayrıntılı olarak görelim. ? CSS Kritik Yollar PageSpeed ​​Insights’da belirli sayfalar için kritik yollar, “rahatlatıcıları engelleyen JavaScript ve CSS’yi ortadan kaldırma” veya “Renetleri Engelleyen Kaynakları Ortadan Kaldır” gibi öneriler bulabilirsiniz. Bir süredir WP Rocket, WordPress siteniz için kritik CSS alarak ve ayarlayarak bu öneriyi tek bir tıklamada yerine getirmenize yardımcı oldu.
CSS kritik yol (veya CPCS’ler), web sayfasının ilk bölümünü doğru hale getirmek için gereken minimum CSS’yi alma işlemidir ve daha hızlı yüklenebilmesi için hatta uygulama işlemidir. Kritik CSS’ye adanmış blog yayınımızda nasıl çalıştığı hakkında daha fazla bilgi edinebilirsiniz. V3.6 ile, CSS nakliyemizi optimize etme seçenekleri daha sofistike çünkü artık sitenizdeki belirli sayfalara daha fazla uyarlanmış kritik bir CSS yoluna sahip olabilirsiniz. Şimdiye kadar, WP Rocket, örneğin en son sayfa gibi en son içerik için CPCS’ler üretiyor. Dolayısıyla, değişen düzene sahip bir sayfanız varsa, her sayfada aynı CPCS’ler uygulanacak ve her durum için doğru olmayacak. Artık gerektiği gibi her sayfa için özel bir CPCS’lere sahip olabilirsiniz. Özel yayınlarınız/sayfalarınız için özel bir kritik yol CSS oluşturabilir ve PagesPeed’deki tüm oluşturma engelleme uyarıları için bir kez ve silebilirsiniz. ? Özel sayfaların düzenini göz önünde bulundurarak bu özelliğin genişlemesini geliştiriyoruz. Aslında, WordPress’in en büyük avantajlarından biri, sayfanız için özel bir düzen oluşturmak için HTML, CSS ve PHP’nin yaratıcılığını ve temel bilgilerini birleştirmenize izin vermesidir. Web siteniz özel bir sayfa düzeni kullanıyorsa, bu yeni özellikten önemli ölçüde faydalanacaktır.
Belirli sayfalar veya yayınlar için kritik bir yol CSS üretmek için, içerik için düzenleme ekranını doğrudan açabilir ve CPCSS düğmesini tıklayabilirsiniz:
WP Roket 3.6’da CSS Çapraz Kritik Yol Seçeneği

İpucu: Bu özelliği, WP Roket Meta seçenek kutusunun görüntülenmesi için herhangi bir kamuoyunu yayınlamak ve bir düzenleyici arayüzüne sahip olmak için kullanabilirsiniz. CSS Hücresel için Kritik Yol V3.6 tarafından sunulan CSS kritik yollarının diğer önemli uygulanması, hücresel bölgeler için CPCS’lerdir. Şimdiye kadar, WP Roket masaüstü ve hücresel için aynı kritik yol CSS yapar ve kullanır. Ancak Web geliştirme veya tasarlama deneyiminiz varsa, birçok WordPress sitesinin hücresel sürümleri için farklı temalar kullandığını zaten biliyorsunuzdur. Bu tür siteler özel CPCS’lerden büyük faydalar sağlayabilir. İpucu: CSS’yi sadece “hücresel için ayrı önbellek” seçeneğini etkinleştirirseniz hücresel için kritik yollar yapacağız. Bu seçeneği kullanmazsanız, temanızın duyarlı olduğunu ve masaüstü için üretilen CPCS’lerin de mobil cihazlar için geçerli olduğunu varsayacağız. Ön yükleme yazı tipleri, CSS dosyalarındaki yazı tiplerine başvurur. Bu olduğunda, tarayıcı yazı tiplerini işleyemeden önce CSS dosyasını indirmeli ve parçalamalıdır. Ancak bu davranışın sayfanın ve/veya kullanıcı deneyiminin genel performansı üzerinde bir etkisi olabilir.
WP Rocket 3.6 ile, kendi etki alanınızda yayınlanan, CSS dosyasında veya yükleme sayfalarında daha yeni olan tüm yazı tipleri artık bir performans sorunu olmayacak! Artık tarayıcıya birkaç dakika sonrasına kadar bulunamayacak yazı tiplerini indirmeye başlamasını söyleyebilirsiniz:
WP Rocket 3.6’daki yeni ön yük yazı tipleri Bu yeni özellik ile tarayıcıya CSS dosyasında bir “gizli yazı tipi” olduğunu gösterebilirsiniz. WP Rocket, geri kalanını tarayıcıya gösterilen dosyanın gerçekten bir yazı tipi olduğunu doğrulayarak yapacaktır. Oopsi ön yükleme yazı tipleri, Google PagePeed Insights:
PagePeed Insights’ta “Pramear İstek Anahtarı” Google yazı tipi gibi harici yazı tiplerinin buraya girilemeyeceğini unutmayın: Google yazı tipini optimize etmek bunu işliyor. İpucu: Önce yazı tiplerini yüklemeyi unutmayın, bu da sayfaların oluşturulmasını veya algılanan performansı geciktirir. Hemen gerekli olmayan çok fazla yazı tipi yüklerseniz, sitenizin performansını azaltacaksınız!

CSS ve JS WP roket dosyaları için GZIP sıkıştırması, etkinleştirildiğinde GZIP sıkıştırmasını her zaman otomatik olarak etkinleştirir. GZIP Sıkıştırma, HTML, CSS ve JS içeriğinin sıkıştırılmasına izin verir, böylece sunucudan ziyaretçinin tarayıcısına gönderilen dosyalar daha küçük olur. Daha küçük dosya boyutları daha hızlı indirmeler anlamına gelir ve bu da sayfanızın genel yükleme süresini artırır. Blogumuzda, GZIP sıkıştırmasının teknik yönlerinin derinlemesine bir açıklaması bulabilirsiniz.

WP Rocket 3.6 ile, yalnızca HTML dosyalarını değil, WP Rocket tarafından optimize edilmiş tüm CSS ve JS dosyalarını da takviye etmek için GZIP’yi genişletmeye karar verdik. Bu, Dosya Optimizasyonu sekmesindeki seçeneği kullanarak CSS ve JS’yi küçültür/birleştirdiğinizde, WP Rocket her dosya için iki sürüm oluşturur: standart CSS/JS dosyaları ve sıkıştırılmış sürümler.

Bu dosyaları nasıl sunabileceğinizi anlamak için özel belgelerimize bakın.İpucu: Dosya WP Rocket tarafından işlenmiyorsa, örneğin, dosya adında Min varsa veya optimizasyondan kaldırılmışsa, bir öncü sürüm yapmayacağız. Ya da çalışmalarımızı birkaç kez takip etmiş, belki de bunu zaten biliyorsunuzdur: Performans optimizasyonu için en iyi uygulama açısından hiçbir şey zor değildir.Birkaç yıl önce, Google PagePeed’in sorgu dizesini statik kaynaklardan silme önerilerini takip ettik.İşte o zaman Rocket WP ayarlarına kuyruk silme seçeneğini tanıttık.Google 2014’te öneriyi durdursa bile, bazı hız test araçları şimdiye kadar eski sayfa pagaj uyarısını göstermeye devam etti.
Örneğin GTMetrix’te şunları okuyabilirsiniz: «Sorgu dizesini statik kaynaklardan silin”? ” URL, birkaç proxy önbellek sunucusu tarafından önbellek değildir. Sorguların dizesini aşağıdaki kaynaklar için URL’ye ve enkode parametrelerini kaldırın … »Şimdi GTMetrix en son sürüm notlarında duyurduğu için bu öneri artık kullanılmıyor. Modern tarayıcılar ve proxy bir sorgu dizesinin varlığını dikkate almaz, ancak önbellek kontrolü, ETAG ve son modifiye yanıt üstbilgisine güvenir. Google’ın dediği gibi: “HTTP önbelleğinin hazırlanmasının en önemli kısmı, web sunucunuz tarafından her giden yanıta eklenen başlıktır. “Kaynak: Google Web.dev bu en iyi uygulamayı takip eder ve hızların sonuçlarının bir sorgu dizesinin varlığına bağlı olarak değişmediğini fark ettikten sonra, bu seçeneği WP roket ayarlarından silmeye karar verdik. WP Rocket 3.6 Video Sunum Sargısı WP Roket 3.6, PagePeed Insights puanınızı ve WordPress sitenizin verimliliğini artırmayı amaçlayan yeni önemli özelliklerle birlikte gelir. Daha kapsamlı GZIP sıkıştırmasından String Queri seçeneğinin kaldırılmasına kadar, özellikle yeni sayfalar ve hücresel için yazı tipi S’ye CSS kritik yollarına yükleme yeteneğinden: En iyi web performans uygulamalarını takip etmek için bu yeni özelliği tanıttık. Tüm iyileştirmeler, hata onarımları ve diğer değişiklikler hakkında okumak için, güncellenmeye devam eden ve sizin için mevcut olan ChangeLog’umuzu kontrol etmeyi unutmayın. ? WP Rocket’te görmek istediğiniz özellikler veya yeni iyileştirmeler hakkında önerileriniz varsa, tavsiye kutumuzda paylaşın!

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir