Astra temasını hızlandırın ve WP roket ile 99 mobil psi puanı alın

Bu makale başlangıçta WP Roket blogunda yayınlandı ve burada izinle yayınlandı. Astra, WordPress’te seçebileceğiniz en popüler ve hafif temalardan biridir. Bu nedenle, sitenizi hızlandırın ve 90+ psi puanına ulaşmaya değer olmalıdır. Ancak bazı zorluklarla karşılaşacaksınız – örneğin, JavaScript dosyaları gibi karmaşık kaynakları ele almalısınız. Sitenizin performansını optimize etmeye çalıştıysanız, “JavaScript Yürütme Süresini Azalt” ve “Sonuçları Engelleyen Kaynakları Ortadan Kaldır” gibi PagePeed Insights önerilerinin üstesinden gelmenin ne kadar zor olduğunu bilirsiniz. Seni hissediyoruz!
Bu yüzden Astra ile sitesinin inşasını hızlandırmayı başaran bir işletme sahibi olan Rick Orford’un hikayesini anlatacağız. 99 sayfalık Insights hücresel ve artan çekirdek web canlılarına ulaştı. Kulağa hoş geliyor, değil mi? Hepimiz biliyoruz ki hücresel performans puanları optimize edilmesi en zor olanı. Yani, performansın zorlukları hakkında daha fazla bilgi edinmenin zamanı geldi!
İçindekiler
Yeni bir web sitesi başlatın ve önemli bir şeyi yok sayar
JavaScript özelliğini bir dönüm noktası olarak geciktirin
WP Roket ile Astra Teması Nasıl Optimize Edilir
İnanılmaz sonuçlar psi ve ne anlama geliyor
Size: Sitenizi şimdi optimize etmeye başlayın
Yeni bir web sitesi başlattı ve 2020’de önemli bir şeyi görmezden geliyor, Rick Orford web sitesini daha fazla tasarruf etmek, daha fazla üretmek ve borcu ödemek isteyenler için finansal olarak bağımsız – kapsamlı kaynaklar olmak için başlattı. İlk etapta bir editoryal sitesi olarak, en alakalı içerik edinme stratejisi SEO’yu her zaman ön cephede görür. Google, yeni sıralama faktörünün bir parçası olarak başlatılan temel web canlılarını duyurduktan sonra Rick, üç metriği analiz etti. Daha kötü performans puanlarına sahip hayati web çekirdekleri, içeriğin en büyük içeriğidir. LCP, en büyük öğeyi yüklemenin ve görünümde görünür hale gelmenin ne kadar sürdüğünü ölçer. Oldukça sık, en büyük unsur görüntüdür. Daha spesifik olarak, bu bir özellik görüntüsüdür. Ve tahmin et? Korkunç bir site açma zamanındaki en büyük sorun budur.
Rick, “Hızlı bir şekilde bir araya getirilen birçok WordPress sitesi gibi, ilk lansmandaki yükleme süresini göz önünde bulundurmuyoruz.” “SEO hızla iş modelimiz için önemli bir faktör olmaya başladığından, sitenin performansını ve temel web hayati puanını optimize etmeye başlama zamanı.” Site sıralamasının artmaktan daha kötü olacağından gerçekten endişeliydi. Ve ona güvenmek için iyi bir nedeni var. Başlangıçta, ekibi diğer önbellek eklentileri kullandı. Ancak, “destek her zaman zahmetlidir” diye açıkladı. Ve herkes uzman ve dostça desteğin müşteriler için tüm farklılıkları nasıl sağladığını biliyor. Bu nedenle Rick, ihtiyaçları için doğru çözümü bulmaya devam ediyor. Yüksek kaliteli performans ve mükemmel müşteri desteği istiyor. Onu suçlayabilir misin? WP Rocket burada oynayacağı yer burası. Rick, “WP Rocket önbellekleme için doğru ve olgun çözüm olduğu ortaya çıktı.” Dedi. Rick’in seçiminde fark yaratan şey, WP Rocket tarafından sağlanan gecikme JavaScript yürütme özelliğidir. Aslında, kararın dönüm noktası, JavaScript dosyalarının kullanıcı etkileşimine yüklenmesini kolayca erteleme olasılığıdır. JavaScript dosyalarını geciktirmenin yükleme süresini azaltmaya ve Rick’in başlangıçtan itibaren iyileştirmek istediği LCP – temel hayati web metriklerini artırmaya yardımcı olması bir tesadüf değildir.
Lecctive: Deniz Feneri – bu nedenle, sayfa içgörüler – ertelenen herhangi bir JavaScript dosyasını algılamayacaktır. Bu, JavaScript dosyalarını ertelemeniz için ilk nedeni bu olmasa da, PSI önerileri için “kullanılmayan JavaScript dosyalarını sil” için cesaret alacağınız anlamına gelir. Rick’e dönme: “Ayrıca, geçerli ayarlardan yapılandırma dosyalarını indirme olasılığını da seviyoruz. Bu şekilde, bir hata yaparsak, her zaman daha önce depolanmış versiyona geri dönebiliriz, “diye ekledi. Oldukça kullanışlı bir seçim, doğru mu? Son fakat en az değil, Rick, herhangi bir riski azaltan cömert bir geri ödeme dönemi sayesinde WP roket satın almaya karar verdi. Merak ediyorsanız, satın alma işleminden sonraki 14 gün içinde isterseniz geri ödeme yaparız. Başka bir deyişle, sitenizin performansını optimize etme fırsatını almak asla bu kadar kolay ve kolay değildir! Rick, Astra temasıyla mükemmel performans puanları elde etmek için üzerinde çalıştığı ayarları paylaştı. Ekibi, tüm parçaların olabildiğince iyi çalışması için yaklaşık 100 saat geçirdi. Dolayısıyla, bize oldukça değerli bilgiler paylaşıyor – ve onunla iletişim kurmak istiyorsanız daha fazla soruyu cevaplamaya açık.
Aracı ile başlayalım. Takımın kullandığı budur:
CloudFlare (Etki Alanı Kaydı dahil)
Amazon EC2 Sunucusu

Plesk Kontrol Paneli (Ubuntu)
Apache & Nginx Web Sunucusu
Önbellekleme için mysql & redis
Gutenberg ile WordPress 5.7
Astra 3
Qubely (ana sayfamızda üstün yayınlar görüntülemek için) barındırma resimlerini işlemek için ücretsiz CDN jetpack
Roket WP.
Bu düzenleme onları yolun% 99’u yapar. CSS modifikasyonu özellikle bir ev sahibi çalışma sağlar.
Hücresel cihazlar için önbellekleme etkinleştirin
Önbellek yaşı: 10 saat
Dosya Optimizasyonu sekmesi:
Her şey kontrol edildi. Size birkaç bağlam vermek için Dosya Optimizasyonu sekmesi, CSS ve JS dosyalarını küçültmenize, CSS teslimatını optimize etmenize, JavaScript yürütmesini ertelemenize ve askıya alınmış bir JavaScript içermenize olanak tanır. Basit İngilizce’de, bu, JavaScript yürütme süresini engelleyen ve işleyen kaynakları ortadan kaldırmanın bir yoludur. Ve bu başarılı oldu – bahse girebilirsiniz!
Medya sekmesi Dosya Optimizasyonu sekmesi:
Lazyload – IFRames ve Videolar için görüntüler için etkinleştirin
IFrame YouTube’u önizleme resmiyle değiştirin
Eksik sayfa boyutlarını ekleyin