Astra’yı sinek kuşu ve smush ile optimize etmek: etkileyiciden olağanüstü!
Astra, hız için yapılmış hafif bir temadır. Ancak, Google PagePeed Insights puanını 96 etkileyiciden 99 olağanüstü aldık! Ücretsiz optimizasyon eklentimiz Smush ve Hummingbird’in yardımıyla Astra’nın performansını daha da geliştirerek bunu nasıl yapacağınızı göstereceğiz. Astra teması, 1.6 milyondan fazla web sitesi tarafından kullanılan tüm zamanların en popüler WordPress temalarından biridir. Her türlü WordPress sitesi için hafif bir temel olarak yapıldı. Genellikle boyut dosya boyutunda 50 kb’nin altındadır ve bir jQuery bağımlılığı yoktur, bu nedenle sayfanın yükleme süresine müdahale etmez.
İnanılmazdı! Ancak Astra sitenizi mükemmel optimizasyona yakınlaştırmak için yapabileceğiniz daha fazlası var. Bu makalede göreceğiz … bunu nasıl yapacağız? Bu, Astra’nın küçük bir optimizasyonu ve eklentimiz, Smush ve Hummingbird’imizin yardımıyla yapıldı. Artı, biraz iyi bir hosting. Ve bilmiyorsanız, Smush 5 yıldızlı resmimizi optimize eden bir eklentidir. Bir milyondan fazla aktif kurulumu var ve görüntüleri optimize edebilir, yavaşça yükleyebilir, boyut değiştirebilir, toplu yok edebilir ve tüm görüntülerinizi yükseltilmiş bir hız için sıkıştırabilir.
Astra özeti ve test düzeni
Optimizasyon testi düzenlemesi
Optimizasyon olmadan hız testi
Astra ve Smush ile Optimizasyon
Astra ve Hummingbird ile Optimizasyon
Sinek kuşunuzda ve ev sahibinizde daha fazla gelişme
Diğer Optimizasyon İpuçları
Takip etmek için Astra Pro, Smush ve Hummingbird’e ihtiyacınız var. Astra’ya aşina değilseniz ve önce denemek istiyorsanız, ücretsiz sürümü de kullanabilirsiniz. Ancak, CSS CSS dosyaları gibi performans karları göz önüne alındığında sonuçlar önemli olabilir. Free Vs. Pro.
Bu makalenin sonunda, Astra siteniz performans için tamamen optimize edilecektir! Daha önce de belirttiğim gibi, bu 1,6 milyondan fazla web sitesinde kullanılıyor ve büyümeye devam ediyor. Astra’nın kendisine gelince, bu birçok özellik sunan ayarlanabilen olağanüstü bir WordPress temasıdır. Örneğin, daha önce yapılmış olan 150’den fazla web sitesi tasarım şablonu vardır, bu da geliştirilmemeyi kolaylaştırır. Ek olarak, her şey ayarlanabilir (örneğin renkler, stiller vb.). Artı, geliştiriciye göre, özel yazı tipleri, Astra’nın kütle düzenlemesi, Astra kancaları ve daha fazlası dahil olmak üzere birçok ücretsiz eklenti ile birlikte gelir, çünkü çok hafif olduğu için, Astra web sitesi daha az yüklenecektir. Veri WordPress varsayılanını kullanırken yarım saniye. Ayrıca, hepsini bu yazıda test edemeyiz (oldukça uzun sürecek). Astra, Elementors, Divi (Divi Builder eklentisi gerektirir), Beaver Builder dahil en sevdiğiniz sayfa yapımcısı ile çalışır … hatta Gutenberg. Bu makale için bir dağ şablonu kullanacağız. Çok iyi bir görüntü ve metin kombinasyonu var, bu yüzden benim için kazanan gibi görünüyor.
Şablonların altındaki gösterge panosundan bir dağ şablonu ve açılır şablondan Gutenberg başlangıç bulabilirsiniz. Ayrıca, bulmak için bir arama çubuğu var.
Dağ şablonları iyi bir seçim gibi görünüyor. Şimdi yapmamız gereken iyi bir görüşümüz var 🙂
Dağlar hoş bir çalışma ortamı oluşturur. Web sitemiz için bir şablonumuz olduğundan, bu test optimizasyonunun ayarı, kullanımı pratik olarak boş olan bir WordPress tuvali ile başlayalım. Web sitesinde WPMU Dev Gösterge Tablosu, Astra Pro ve Başlangıç Şablonları dışında bir eklenti yüklü yoktur. Yeni başlayan şablon beyin fırtınası kuvvetinden kaynaklanır ve kullandığımız dağ şablonuna erişebilmeniz için doğrudan WordPress’teki Astra panosundan etkinleştirilebilir. Bu test için diğer parametreler şunları içerir: WPMU dev bronz pakette barındırıldı. Benim bölgem Amerika Birleşik Devletleri/Batı.
Smush ve Hummingbird’in ücretsiz versiyonu. WPMU dev barındırma ile Pro sürümünü yükleyeceğini lütfen unutmayın. Bu örnek için Pro özelliğini devre dışı bırakıyorum.
WordPress sürüm 5.7.2 kullanıyorum.
PHP sürümü 8.0
Sayfa önbellekleme, hızlı CGI (statik sunucu önbellekleme) ve CDN başlamak için devre dışı bırakılır. Buna ek olarak, Hummingbird Optimizasyonu, WordPress sitesinde çeşitli önbellek ve sıkıştırma özelliği kullanır, böylece sayfa, gravatar ve RSS önbellekleme devre dışı bırakılır.
Chrome tarayıcısı (masaüstü).
Bu testin nasıl yapıldığına gelince, bu adım adım şuna benzer:
Astra Pro ve eşlik eden eklentileri yukarıda bahsettiğim gibi, temiz bir WP sitesine yükleyin.
Astra’yı optimize edin.
Hız testini çalıştırın.
Smush’ı etkinleştirin ve önerileri ayarlayın.
Başka bir hız testi çalıştırın.
Sinek kuşunu etkinleştirin ve önerileri ayarlayın.
Başka bir hız testi çalıştırın.
Barındırma özelliğini etkinleştirin.
Son hız testini çalıştırın.
Hız testleri için Google PagePeed Insights kullanacağım. Test sonuçları test sırasında (bu makalede geçerlidir) birkaç kez gerçekleştirildikten sonra bir ekran görüntüsü ekleyeceğim. Her sitenin biraz farklı olacağını unutmayın. Coğrafi alanınızın, medya kütüphanenizin büyüklüğünün, ev sahibinizin ve diğer faktörlerin farklı sonuçları belirleyeceği vurgulanmalıdır. Bunu daha önce daha önce performans optimizasyonumuzla ilgili birkaç makalede de belirtmiştik,:
Smush eklentimizi ve Hummingbird’imizi kullanarak ücretsiz avada nasıl hızlandırılır ve optimize edilir
Smush eklentimizi ve Hummingbird’imizi kullanarak divi nasıl optimize edilir
Smush eklentimizi ve Hummingbird’imizi kullanarak Elementor’ı ücretsiz olarak nasıl optimize edersiniz
Ancak WordPress ayarlarınızdan bağımsız olarak, bu işlemi kullanarak siteyi optimize ederek hala sonuçlar elde ediyorsunuz. Bununla başlayalım! Yani, buradan başlayacağız.
Bu makalede bahsettiğim gibi, Astra doğrudan kutudan çok iyi optimize edildi!Önceliklerinden biri hızdır ve artmaya devam ederler.Tam tersini ayarlayabilir veya değiştirebilirsiniz.Astra Pro’nun sahip olduğu önerilerden biri, CSS dosya üretimini etkinleştirmektir.Etkinleştirildiğinde, CSS kaynak kodunda tekrar görünmez ve hatta ayrı bir dosya olarak eklenir.CSS dosyaları oluşturmak, tarayıcıyı daha hızlı hale getirir ve sitenizi yükleme yanıt süresini ve hızını artırır.Doğrudan Astra panosundan yapmak kolaydır.Dosya oluşturma işlemini etkinleştirmeniz yeterlidir.İşte burada!Etkinleştirdikten sonra, ilk hızımızı test etmeye hazırdık.İlk olarak, masaüstünün puanı …
İyi!96 çok iyi bir değerdir.Ve şimdi cep telefonları için …
88 korkunç değil, ama daha iyisini yapabiliriz. Gördüğünüz gibi, bu olağanüstü bir puan! Bununla birlikte, iyileştirme için küçük bir alan vardır ve mükemmel skora yaklaşmak ve astra sitemizi uzun vadede optimal tutmak için daha fazlası yapılabilir. Görüntünün optimizasyonu ile ilgili olarak, daha fazla övünmeyeceğim. Bunun yerine, bu sayfanın mükemmelliğe yakın hız puanını artırmaya nasıl yardımcı olabileceğini kendiniz göreceksiniz. Smush, iyi bir hız puanının üstesinden gelmeye ve daha iyi hale getirmeye hazır! Bu işlemin ilk kısmı eklentiyi kurmak ve etkinleştirmektir. Hemen, Smush bana kaç fotoğrafın yok edilmeye hazır olduğunu söyledi. Bu, toplu ezilmeyle tek bir tıklamayla işlenebilir. Şimdi dökme smush’a dokunun. Bu durumda, 21 ekin yok edilmesi gerekiyor. Sadece birkaç dakika sürer ve sonra sonuçları çeker.
Yardımıyla 10MB tasarruf ediyoruz. Smush’ın toplam tasarrufun 10.0MB/33.3 ve 821 kokulu görüntüleri (ilk aktivasyonun çoğu) olduğunu görebilirsiniz.
Astra sitenize daha fazla resim eklediğinizde, süper ezilmesinin gücünü koruyacak ve böylece sürekli tasarruf sağlayacaktır. Ayrıca, Smush otomatik sıkıştırma, exIF meta verileri, tam boyutlu görüntüler, tembel yükler ve kullanım verileri içeren bir ayar sihirbazına sahiptir. Açın ve varsayılan ayarın etkin olmasına izin verin. Tabii ki, isterseniz her zaman ayarları ayarlayabilir veya kapatabilirsiniz. Masaüstü için Google PagePeed Insights için diğer testleri çalıştıralım … Vay! 99. Ve cep telefonu … bu da biraz arttı! Skor Smush ile daha da arttı. Google PagesPeed Insights masaüstünde 96’dan 99’a ve hücresel için 88 ila 94 arasında değişti. Demek istediğim, burada durabiliriz ve bu skordan çok mutluyuz. Bu çok daha iyi değil! Ancak hareket etmeye devam edelim. Astra ve Hummingbird ile Optimizasyon ile yapılabilecek daha fazlası, kendi sinek kuşumuz olmadan optimizasyonu tartışamayız. Metin sıkıştırmasını optimize etmede, anahtar istekleri kapsama, önbellekleme ve daha fazlasını çok iyi yaptı. Bu sürecin bir sonraki adımı, Hummingbird’i kurmak ve daha fazla optimizasyon üzerinde çalışmasını sağlamaktır. Hummingbird, optimizasyonu tamamen yeni bir seviyeye getirmek için burada. Başlamak için, kurulduktan sonra performans testini çalıştırmayı soracaktır. Tıklayarak yapın, tahmin edebilir, performans testini çalıştırabilirsiniz. Hızlı ve kolay testler çalıştırın. Google PagesPeed Insights gibi, Hummingbird de testten sonra performans puanlarını hesaplar. İlk testimizde, masaüstü için 97/100 ve hücresel için 93/100 puan aldık ve iyileştirmeyi kontrol etmek için iki fırsat var. Fena değil! Masaüstü puanımıza bakın. İyileştirme fırsatları şunlardan oluşur: İlk sunucu yanıtının süresini azaltın Oluşturmayı engelleyen kaynakları ortadan kaldırın
Sadece herhangi bir uyarı satırına tıklayarak fırsatları tamamlayın. Oradan, bu sorunun ayrıntılı bir açıklamasını, ilgili belirli varlıkların bir listesini ve sorunun nasıl çözüleceğine dair adım adım talimatları gösterecektir. Sorunun üstesinden geldikten ve iyileştirmek için bazı fırsatları bildikten sonra, Sinimbird Varlık Optimizasyon Testini sürdüreceğiz ve gerçekleştireceğiz. Bunu bir sayfa önbellekleme ve CDN devre dışı bırakarak yapacağız. Varlık optimizasyonu testi varlık optimizasyonundan ve dosyayı tekrar tıklayarak yapılır. Yalnızca Dosya Kontrolü düğmesine dokunmanız gerekir. Bittiğinde, optimize edilebilen CSS ve JavaScript dosyalarının derleme listesi vardır.
İşte CSS dosya ekranı. Her birini tek tek izleyebilir veya otomatik olarak ayarlayabilir ve sürücünün hızlı bir şekilde etkin olduğundan emin olabilirsiniz. Varlıkları ayarlamak sizin için otomatik olarak sıkıştırılır ve ayarlar. Otomatik olarak etkinleştirerek, Hummingbird eklentileri ve yeni eklenen tema dosyalarını otomatik olarak algılar ve sizin için optimize eder. Ayrıca, eski dosyaları silinen eklenti veya temadan silmeyecektir. Bu çatışmayı ve sorunları önler. Artık sitemizi Hummingbird ile test ettiğimize göre, bazı yeni testler yapalım. İlk olarak, Google PagePeed Insights ile kontrol edeceğiz. Masaüstü için aşağıdaki puan … Daha iyi olamazsın, değil mi? Ve bu Psi’nin cep telefonu puanı … Bu aynı zamanda olağanüstü bir puan!Bu puan çok iyi!Oldukça iyi bırakmaktan mutlu olacağım;Bununla birlikte, uğultu ve ev sahibinizde daha fazla iyileşme var, düzgün bir şekilde duyuyorsunuz.Astra web sitenizi optimize etmek için hala biraz daha yapılabilecek biraz daha var.Bir şey, Hummingbird’de CDN’yi açmaktır.Varlık optimizasyon alanından CDN kaymasını etkinleştirin.İster bizimle veya diğer sağlayıcılarla ev sahipliği yapıyor olun, bu özellik sizin için kullanılabilir.Bu, fastcgi’yi gerçekleştirmek için hub’a hızlı bir sıçrama.Bizimle Hub’dan barındırıyorsanız, statik sunucu önbelleğini etkinleştirerek FastCGI’yi etkinleştirebilirsiniz.Web sitenizi açın, barındırma, ardından araçlar.Sadece tıklayın, hazır olacaksınız! Bu merkeze aktif olarak tıklayın.Şimdi bu optimizasyon özelliğini etkinleştirdik, son birkaç testi çalıştıralım …Masaüstü neredeyse mükemmel görünüyor.
Cep telefonu da iyi görünüyor!Hummingbird’in ne dediğini kontrol edeceğiz.
99? Onu alacağım! Gördüğünüz gibi, Astra iyi bir puanla başlasa da, bazı ayarlamalarla daha iyi hale getirebilirsiniz. Ayrıca, tüm bu seçenekler uzun vadede seçenekler, bu nedenle sitenizin büyümesi olarak, optimizasyonunuz küçük bir TLC ve izleme ile aynı kalır. Bu site, masaüstü için 96 ve hücresel için 88 google PagePeed Insights ile başlar. Masaüstü için 99 ve hücresel için 95’e kadar puan alabiliriz. En önemli artışın, masaüstünün biraz arttığı, ancak nasıl optimize edildiğini çok fazla düşünmediği hücresel olduğu sonucuna varabiliriz. Her site biraz farklı olacak. Bununla birlikte, bu optimizasyon yolunu takip etmek Astra sitenize yardımcı olacaktır ve bir artış göreceksiniz. Optimize etmeye devam edin: Eklentileri ve kullanılmayan veya modası geçmiş temaları silin Kırık bir bağlantıyı düzeltin Harika bir ev sahibi var Görüntüyü optimal tutun Önbelleklemeyi etkinleştirmeye devam edin WordPress, tema ve eklentinizi gerektiği gibi güncelleyin Hub gibi WordPress Site Yönetimi yardımıyla sitenizin performansını izleyin Diğer optimizasyon ipuçları için, WordPress’i hızlandırmak için ana mega kılavuzumuzu okuduğunuzdan emin olun. Astra la Vista, zayıf optimizasyon Astra, sitenizi optimize etmek için olağanüstü bir ışık temasıdır ve açıktır, çok fazla zaman almaz.Tartıştığımız küçük gelişme, sitenizin hızını maksimuma çıkarabilir ve böyle kalabilir.Ayrıca, iyi Astra optimizasyonunu daha iyi hale getirmek için çok fazla zaman veya para harcamanıza gerek yoktur.Smush ve Hummingbird sizin tarafınızdan erişilebilir ve barındırma açısından işi tamamlayabilecek birçok bütçe dostu seçenek (örneğin WPMU barındırma – göz kırpma, göz kırpma) vardır.Astra’nız yoksa, ücretsiz veya profesyonel bir sürüm aldığınızdan ve deneyin.Eklentimiz ve bazı iyi barındırma ile birleştiğinde, “Astra la Vista” zayıf optimizasyon! Astra’yı kullanıyor musunuz?Bu optimizasyon ipuçlarını denediniz mi?Bize yorumlarda söyleyin!
