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

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! Yeni bir web sitesi başlatan ve 2020’de önemli bir şeyi görmezden gelen Rick Orford, daha fazla tasarruf etmek, daha fazla üretmek ve hızlı bir şekilde borç ödemek isteyenler için finansal olarak bağımsız – kapsamlı kaynaklar olmak için web sitesini başlattı. İlk etapta bir editoryal sitesi olarak, en alakalı içerik edinme stratejisi SEO’yu her zaman ön cephede görür. Sol: SEO’nun trafiğiniz ve geliriniz için ne kadar önemli olduğunu ve sayfa deneyiminin yenilenmesinin organik performansınızı nasıl etkileyebileceğini zaten bilebilirsiniz.
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 düşünmüyoruz” diye açıkladı Rick. “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. Rick’in dönüm noktası WP roketini hemen kullanmaya başlamadığı için JavaScript gecikmesi Petur. 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ı bilir. Böylece 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, PSI önerileri için cesaretlendireceğiniz anlamına gelir “Kullanılmayan JavaScript dosyalarını sil”, ancak JavaScript dosyasını ertelemeniz gereken ilk nedeni bu değildir. Rick’e dönün: “Ayrıca yapılandırma dosyalarını indirme olasılığını da seviyoruz. Geçerli ayarlar. Bu şekilde, bir hata yaparsak, her zaman daha önce depolanmış versiyona geri dönebiliriz, “diye ekledi. Oldukça kullanışlı bir seçim, değil mi? Son olarak, Rick, herhangi bir riski azaltan cömert bir geri ödeme dönemi sayesinde WP roketi satın almaya karar verdi. Merak ediyorsanız, satın alma işleminizden 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!
WP Roket ile Astra Temaları Nasıl Optimize Edilir Şimdi performans optimizasyonunun ayrıntılarını girelim. 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. Araçlar araçla başlayalım. Ekibin 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)
Görüntü barındırma 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.
WP roket ayarları uygulanır WP roketli etkinleştirilmiş ayarlar aşağıdaki gibidir: sekme tabolok:
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