WP Roket 3.8: JavaScript yükünü Artırın ve Kayıp Görüntü Özellikleri Ekleyin
2020’nin başlarında, önümüzdeki yıl için hedeflerimizi paylaştık. Bunlar arasında ana sürümlerin sayısını artırmak istiyoruz. Bu yüzden bu yılın 4. versiyonunu kutlamaktan gurur duyuyoruz. Hoş geldiniz, WP Rocket 3.8! Bu zorlu yıl boyunca size olağanüstü yeni özellikler sunmak için elimizden geleni yaptık. Web sitenizin performansını düzenli olarak geliştirmenize yardımcı olmak istiyoruz ve başarılı oluyoruz. ? Bu yeni sürüm, seveceğiniz iki iyileştirme ile geliyor. Talimatlar: Genel SEO web veri metriklerinden birini artırmanıza yardımcı olabilirler. ?
Kullanıcı ve arayüz deneyiminde de bazı büyük gelişmeler vardır. Daha fazlasını bilmek ister misin? Okumaya devam etmek! WP Rocket 3.8’de Yenilikler Bu ana sürüm, kümülatif düzeni ve etkileşimli zamanı işler ve skoru artırmanıza izin verir. Buna ek olarak, arayüzümüz eskisinden daha açıktır. WP roketini daha kolay kullanılmasını sağlayan birkaç varsayılan seçenek sayesinde eklenti yapılandırması daha hızlı ve daha kolaydır. İsteğinizi dikkatlice dinliyoruz. ? İlk yazı, performans optimizasyonu üzerinde en yüksek etkiye sahip bir artışa odaklanacak. Daha sonra size WP Rocket 3.8’in tam bir resmini vermek için yaptığımız küçük değişiklikleri açıklayacağız.
Bu sürüme dahil edilen en alakalı iyileştirme aşağıdadır:
Yüklemede bir artış askıya alındı
Resimde kaybedilen genişlik ve yükseklik özelliklerini ekleyin
Lazyload görüntüleri dahil değil.
Bölünelim! Yükleme JavaScript’teki artış askıya alındı, JS ertelemesinde bazı değişiklikler yaptık ve WP Rocket’in askıya alındığında Jquery’nin uyumluluğunu nasıl ele aldık. Ayrıntılı olarak, “JQuery için Güvenli Modu” seçeneğini silebilmemiz için JQuery’ye dayanan komut dosyalarının işlenmesini artırıyoruz. Bu gelişmeler her ikisi de el ele gidiyor, bu yüzden ikisini birlikte açıklayacağız. “JQuery için Güvenli Mod” seçeneği, performans için en alakalı iyileştirmedir. Bununla birlikte, size daha iyi bir resim vermek için, bir adım geri atacağız ve JS Derr’den başlayacağız. Zaten bildiğiniz gibi, JavaScript dosyalarını geciktirmek, nöbeti engelleyen kaynakları ortadan kaldırmak ve sayfanın daha hızlı yüklenmesine izin vermek için çok önemlidir. . Bu nedenle WP Rocket, JavaScript dosyalarının oluşturulmasını engellemesini ve açık süreyi artırmasını önleyen bir yük JavaScript ertelenmiş özellik sunar. WP Rocket, maksimum performans için tüm JavaScript dosyalarından şüphelenir. Ancak, daha önce süspansiyondan çıkarılması gereken bir dosya varsa, yardımcı eklentisine güvenmelisiniz. WP Rocket 3.8 ile, herhangi bir JavaScript dosyasını süspansiyondan kolayca hariç tutmak için UI’ye metin alanını ekledik.
Dosya Optimizasyonu sekmesinde, artık askıya alınmış JavaScript yükleme seçeneğini etkinleştirebilir ve gecikmeden hangi JavaScript dosyalarını hariç tutmak istediğiniz dosyaları belirleyebilirsiniz:
“Hariç tutulan JavaScript dosyası” sekmesi “ama daha fazlası var. Yeni arayüzde bir şey eksik olup olmadığını merak ediyorsanız, haklısınız. WP roketini yapılandırması ve kullanımı daha kolay ve daha kolay hale getirmek için, “JQuery için Güvenli Modu” alt seçeneğini siliyoruz, bu da JQuery’yi askıya alınmayacak şekilde hariç tutuyoruz. JQuery ile ilişkili JS satır içi ertelenecek ve bu nedenle jQuery dosyasının kendisi askıya alınabilir. Eklentiyi güncelleyin. Bu, web sitenizin performansını nasıl etkilediğini görmek için jQuery hariç olmak için iyi bir fırsattır. Testi yapmak için lütfen teknik belgelerimize bakın. Performans perspektifinden bakıldığında, bu değişiklik zamanı etkileşimli metriğe artırabilir. Bu yüzden testinizi yapmanızı öneririz. Bu özellikle ne elde edebilirsiniz? Daha fazla JavaScript dosyası erteleneceğinden, kullanıcılar web sitenizle daha hızlı etkileşime girebilecek ve daha iyi bir kullanıcı deneyimine sahip olacaklar.
JQuery için güvenli mod ile skor 68’dir. Bu seçeneği devre dışı bıraktıktan sonra skor 78’dir.
Ayrıca iki konfigürasyonu analiz ettiğimiz bir test yaptık. Önce JQUERY için yük JS ve Güvenli Modu gecikmesini etkinleştiriyoruz. Ardından, yine de JS yükünün ertelenmesini etkinleştiririz ve jQuery için güvenli modu etkinleştirmemiz.
PagePeed puanlarındaki bazı iyileştirmelere ek olarak, jQuery seçeneği için güvenli modu devre dışı bıraktıktan sonra, jQuery dosyalarının artık bir engelleme kaynağı olmadığını görüyoruz. Sağda görebileceğiniz gibi, bu yapılandırma oluşturma bloğu kaynak denetim denetimini geçti. ?
PageSpeed Insight denetimi oldukça şaşırtıcı, değil mi? Şimdi senin sıran. ? Belgelerimizle bu yeni özellik hakkında daha fazla bilgi edinin.
Resme kaybedilen genişlik ve yükseklik niteliklerini ekleyin, resme kaybedilen genişlik ve yükseklik niteliklerini eklemenin kümülatif düzen kaydırma metriğini artırmanın bir yolu olduğunu biliyor muydunuz?
Kümülatif yerleşim kaydırma metriği, Mayıs 2021’de diğer sayfa deneyim sinyalleri ile birlikte bir sıralama faktörü olarak başlatılacak temel web verilerinden biridir. Tabii ki, kümülatif düzen kayması değeri PagePeed Insights puanını ve GTMetrix değerini etkiler. Kümülatif düzen kaydırma metriği, sayfa yüklendiğinde ne kadar içeriğin “değiştiğini” gösterir. Genişlik ve yükseklik değeri belirtilen görüntü, içerik değişikliklerinin ortak nedenlerinden biridir. Yeni bir sayfa yüklerken, tarayıcı sayfadaki görüntüler için gereken alanı sipariş etmek için bir genişlik ve yükseklik değeri kullanır. Görüntüler için oda sağlanmadığında, tarayıcı indirdikten sonra görüntüyü karşılamak için içeriği hareket ettirir. Düzendeki bu değişim zayıf kullanıcı deneyimine neden olur. Sürüm 3.8, WP Rocket, web sitenizde kullanılan görüntülere kaybolan “genişlik” ve “yükseklik” değerleri ekleyecektir. Bu özellik en başından beri var ve şimdi hemen kullanıcı arayüzünde mevcut. Daha fazla ayrıntı aşağıda bulabilirsiniz. Bu özellikle ne elde edebilirsiniz? Genel sayfa hız puanı çeşitli faktörlere bağlıdır ve kümülatif düzen kayması için sonuçlarınız sayfanızdaki görüntü sayısına bağlı olarak değişecektir. Birkaç test çalıştırıyoruz, her performansı karşılaştırıyoruz ve ortalama puanı istediğiniz zaman hesaplıyoruz. Bu aldığımız şey bu. ? “Genişlik” ve “Yükseklik” özelliklerini eklemeden önce, masaüstündeki ortalama CLS 1.98 idi.
PagePeed Insights Puan Tüm görüntülere “genişlik” ve “yükseklik” öznitelikleri ekledikten sonra görüntü öznitelikleri eklemeden önce, masaüstündeki ortalama CLS 1.015’tir.Bu%45 olağanüstü bir artış!PagePeed Insights Puanı Görüntü öznitelikleri ekledikten sonra nasıl çalışır?Tüm görüntü özniteliklerini medya sekmesine ekleme seçeneğini bulacaksınız.Görüntünün boyutlarında, yalnızca “Kayıp Görüntü Boyutunu Ekle” seçeneğini seçmeniz gerekir.Bu kadar basit!
“Kayıp Görüntü Boyutunu Ekle” seçeneği, belgelerimizle bu yeni özellik hakkında daha fazla bilgi edinmektir. Yavaş yük yükü lazyload görüntüleri dahil değil, görüntü ve iframe yüklemenizi yalnızca ihtiyacınız olduğunda yüklemenize olanak tanır. Kullanıcı yeni bir sayfa açtığında, ilk başta yalnızca üst yarım görüntü görüntülenir. Sonuç olarak, kullanıcılar sayfalarla daha hızlı etkileşime girmeye başlayabilir ve sayfayı kaydırırken alt Paro’daki görüntüler yüklenir. Olağanüstü yükleme süresinin faydaları göz önüne alındığında, yavaş yükleme, WP roketinde etkinleştirebileceğiniz özelliklerden biridir. Yeni bir sürümle, bir hizmetçi eklentisi kullanmak veya teknik belgelerimize güvenmek yerine belirli görüntüleri ve IFREM’leri Lazyload’den doğrudan eklenti arayüzünden kolayca hariç tutabilirsiniz. Örneğin, yavaş yüklemenin üst yarısından bazılarını hariç tutmanız gerekiyorsa, şimdi çok kolay yapabilirsiniz. Böylece, en büyük içerikli boya üzerindeki etkiyi ölçebilirsiniz. Olasılık, puanlarında bir artış görmenizdir. Aynı şey, yavaş yükleme kullanan bir resim kaydırma eklentisi kullanıyorsanız ve uyumluluğu sağlamak için yavaş yüklemeyi hariç tutmanız gerekir. O nasıl çalışır? Medya sekmesinde, Lazyload altında, sınıf adları, dosya adları veya SRC etki alanları girerek resimleri ve IFRames’i tembel yükten hariç tutmanıza izin veren metin alanını bulacaksınız.
Dokümantalarımızla “Hariç Tutulan Image veya Iframe sekmesi” bu yeni özellik hakkında daha fazla bilgi edinin. Daha temiz bir arayüz: Emoji seçenekleri, önbellek yaşları ve WP Rocket 3.8’li beta sınavları, felsefemizi takip ediyoruz: “Seçenekler değil kararlar.” Hazırlık sırasında seçim yaparken bunalmış hissetmenizi istemiyoruz. Mevcut tüm seçenekler arasındaki dengeyi korumak çok önemlidir. Bazen sizin için en iyi olana karar veririz: Arayüzü temizler ve performans açısından herhangi bir değer vermeden sizi karıştırabilecek seçenekleri siliyoruz. Bu sefer aşağıdaki özellikleri ele alıyoruz: WordPress Emoji Seçenekleri
“Dakika” önbelleğinin sıklığı. Ayrıca Beta Muayenesi seçeneğini silmeye karar verdik. Belirli WordPress emoji seçenekleri için WordPress emoji seçeneğinin etkinleştirilmesi, Medya sekmesinden otomatik olarak etkinleştirilecek ve silinecektir. Yani, bu özelliği artık görmüyorsanız sorun değil: WordPress emoji seçeneği etkinleştirilecek ve silinecek “dakika” önbellek frekansını en son sürümle otomatik olarak silecek, önbellek ömrü seçeneğinin frekansı olarak “dakika” seçeneğini siliyoruz. Bu kararı veriyoruz, çünkü her birkaç dakikada bir yeni bir önbellek dosyası yapmak performansa zarar verebilir ve yüksek CPU sorunlarına neden olabilir. Çoğunuz bu değişiklikten etkilenmeyeceksiniz. Geri kalanlar için, 60 dakikadan 1 saatten daha kısa bir sürede herhangi bir önbellek ve 60 dakikadan fazla önbellek ömrü en yakın saatlere ayarlamanızı öneririz. Bu değişikliğe göre, tekrar “dakika” seçeneğini bulamazsınız: “Dakika” önbellek ömrü seçeneği artık beta testi seçeneklerini WP Rocket 3.8 ile silmek için kullanılamıyor, ayrıca roket test cihazı seçeneğini gösterge panosundan silmeye ve beta programını bitirmeye karar veriyoruz. Bir yıldan fazla bir süredir şaşırtıcı bir süreç tanıttık ve test ettik. Bu, tüm müşteriler için tam olarak yayınlanmadan önce rastgele seçilen az sayıda müşteri için yeni bir sürüm sağladığımız anlamına gelir. Bunu sürüm hakkında geri bildirim almak ve test sürecimizde bulamadığımız beklenmedik sorunların olmamasını sağlamak için yaptık. Sonuç olarak, Beta Denetçi girişimlerine artık gerek yoktur. Gelecekte, yeni geri bildirim girişiminde ilk evlat edinmeyi içerebiliriz. WP Roket 3.8.1: “JQuery Migrate’i Kaldır” seçeneğini ortadan kaldırma: WP Rocket 3.8.1 sürümü ile “JQuery Migrate” seçeneğini iki nedenden ötürü ortadan kaldırmaya karar verdik. WordPress 5.6 ile WordPress, JQuery Kütüphanesi ve ilgili JQuery Geçiş Eklentilerini günceller. JQuery kütüphanesinin yeni sürümüyle ilgili bazı uyumluluk sorunları olduğundan, “JQuery Wigrate” seçeneği, seçenek devre dışı bırakılmadıkça birkaç web sitesine zarar verebilir. Ancak, bu uzun vadeli bir çözüm olmayacaktır. “Silinme JQuery Migrate” seçeneği WordPress 5.7 ile eski olacaktır, çünkü WordPress artık JQuery Taşıma tarafından gönderilmeyecektir. Her zamanki gibi, size en iyi kullanıcı deneyimini vermek ve hayal kırıklığından kaçınmak istiyoruz. JQuery Migrate Selet seçeneği artık kullanılamıyor, kullanılmayan CSS’yi nasıl kaldırarak? Kullanılmayan CSS’yi kaldırma özelliği bu sürümde dahil edilmemiştir. Gelecekteki özelliklerden ve ilgili çabalardan yüksek kaliteye ulaşmanın nedenleri. Neden bu kararı verdiğimizi anlayabilmeniz için bazı ayrıntıları paylaşmaktan mutluluk duyuyoruz. Ayrıca perde arkasında sıkı çalışma göreceksiniz. Başından beri inşa ediliyor. Kütüphaneyi kullanmıyoruz çünkü bağımsız ve duyarlı kalmak istiyoruz ve daha fazla zaman gerektiriyor. Bu, her web sitesinin her sayfasında mevcut olacaktır. Her sayfa farklıdır ve en iyi kullanıcı deneyimini böyle sağlayabiliriz. Bu, bizim için ek ücretlerden bağımsız olarak, her kullanıcı için ek ücret almadan mevcut olacaktır. Birçok web sitesini idare ettiğimiz için, kullanıcılarımıza bir sınıf hizmeti sunmak için mükemmel bir sunucu mimarisine ihtiyacımız var. Kısacası, bu özelliğin piyasada en iyisi olmasını istiyoruz. Sinirlemesini beklerseniz bile, yakında oyuna değiştirici olacak. Spoiler UYARI: Bu yeni özelliği, kullanılmayan CSS’yi silmekten daha fazlasını yapacak otomatik optimizasyon eklemek için kullanacağız. Burada kal! WP Rocket 3.8’i sarma, eklentileri yapılandırırken ve kullanırken bazı sayfa sayfası içgörü metriklerini ve kullanıcı deneyiminizi artırmaya odaklanır. Ana artış, jQuery için güvenli modu kaldırmak ve görüntüde kaybedilen genişlik ve yükseklik özelliklerini eklemektir. Birincisi, etkileşime metrik süreyi artırmanıza izin verir;
