WordPress sayfa üreticinizi Hummingbird ile Nasıl Optimize Edersiniz?
WordPress’i bir süredir kullandıysanız, sayfa üreticisine de aşina olursunuz. İki şeyle bilinirler:
Başından beri bir senaryo yapmak yerine bir sürükle ve bırak sitesi oluşturma özgürlüğü verir.
Ağırdırlar – web sitenizde daha fazla yük yapın (yükleme süresi açısından)
Güncellenen: 08/16/2018 Hummingbird sayfalar, tarayıcılar, RSS önbellek ve gravatar, tam çoklu destek, tüm yeni geliştirici araçları ve basitleştirilmiş yeni arayüzler içerir. Birincisi WordPress’i önemli ölçüde değiştirdi – eklenti/temanın kullanım kolaylığı ve esnekliği bloglama niş platformunu tersine çevirdi.
Birçok şirket kendi sayfa yapımcılarının temalarını oluşturmaya çalıştı, bazıları bu konuda çok başarılı olurken, diğerleri cazibe almak için mücadele ediyor. WordPress’in çekirdeği bile Gutenberg ile birleşti. Ancak, çoğu eklentinin bir zayıflığı var, bu da benim gibi insanları bu temayı kullanmakta biraz tereddüt ediyor. Çok hızlı bir siteye sahip olmaya sabitlendim ve sayfa üreticisi, siteyi çiçek açma ve çok zor yaptığım hızı öldürme eğilimi gösteren birçok ek yükü tanıttı. Bu yazıda, sitenizi Hummingbird ile süper hızlı çalıştırırken sayfa yapımcılarının rahatlığını elde etmek için boşluğu nasıl kapatacağınızı göstereceğim.
Sayfa üreticisi neden siteyi yavaşlatıyor? Bir sayfa üreticisinin kullanımı kolay hale getirmek için ve en önemlisi, güzel sonuçlar sunmak için birçok özellik sunması gerekiyor. Temel olarak, mümkün olduğunca geniş olmalıdır – davet düğmesi hareketlerini basitleştirebilir veya kayar bıçaklar, iletişim formları ve web sitesi ile ilgili diğer karmaşık işlevler gibi daha karmaşık özellikler. Bu, en azından, eklenti tarafından eklenen CSS dosyasının tüm olası eklemeler için bir kuvvet sağlaması gerektiği anlamına gelir (son kullanıcı her özelliği gerçekten kullanmasa bile). CSS dosyalarına ek olarak, kaydırıcılar, portföyler gibi gelişmiş özellikler, Resim galerileri, haritalar, haritalar, haritalar, haritalar, haritalar ve diğerleri de birçok JS dosyası içerecektir. Bu işlevsellik için çok iyi olabilir, ancak yapımcı o kadar geniş olursa, site daha ağır olur. Bir bakışta, aşağıdaki tablo bize bir sayfa üreticisi eklentisi hazırlarken web sitesinin ihtiyaç duyduğu performansı göstermektedir.
Sayfa Maker’ın Etkisi (Kaynak: PrimareImage.uk)
Yani bu düzeltilebilir mi? Performans sorunları olmadan sayfa üreticisinin işlevselliğini alabilir miyiz? Bu sorun WordPress ile sınırlı değildir. Wix, Squarespace ve diğer popüler web sitesi üreticilerinin kendi performans sorunları var. Burası sinek kuşu WPMudev’in tasarruf için gelebileceği yerdir. Peki Hummingbird nasıl yardımcı olur? Sitenizin Hummingbird ile artırılabileceği birkaç yol vardır – ve bu, sayfa yapımcıları kullanan sitelerle sınırlı değildir, bu herhangi bir WordPress sitesi için geçerlidir. Önbellek tarayıcısı, web sitenizi daha hızlı yüklemenin bir yolu, statik dosyaların tekrar tekrar indirilmemesini sağlamaktır. Örneğin, yukarıda belirtilen füzyon üreticisi web sitenize 200kb dosyalar ekler. Bu temelde asla değişmeyecek bir dosyadır, çünkü bu CSS. Hummingbird’ün yaptığı, dosyaya yön eklemektir, bu nedenle yalnızca iki durumda indirilir
Gerçek dosya değişti
Daha önce belirlenen son kullanma tarihi geçti
Hummingbird, günler ile bir yıl arasında değişen çeşitli son kullanma sürelerini yönetmenizi sağlar. Yani, kullanıcılar web sitenize tekrar tekrar erişirse veya sitenizdeki birkaç sayfayı ziyaret ederse, indirilen aynı dosyayı kullanırlar.
Bu, tarayıcı gerçekten dosyanın yerel bir kopyasını indirmek yerine kullandığından çok fazla indirme süresi tasarrufu sağlar. Bunu, web sitenizdeki tüm CSS dosyaları, resimler, JS dosyaları gibi tüm statik dosyalarla çarpın ve bu, web sitenizi yüklerken önemli bir fark yaratacaktır. Çok güzel olan şey, Hummingbird bunu otomatik olarak sizin için yapıyor. Genellikle, bu işlemdeki siteye zarar verme riski ile .htacccess dosyasıyla uğraşmanız gerekir. Bu GZIP sıkıştırması, gerçekten iyi bir fark yaratan bir başka basit özelliktir. Aslında, hızı optimize ettiğimizde, üç yeniden kullanma kavramını kullanıyoruz
Azaltmak Geri dönüştürmek
Önbellek tarayıcısı “Yeniden Kullan” ve “Geri Dönüşüm” kavramlarını kullanır. GZIP sıkıştırması ortada R için geçerlidir – azaltın. Temel olarak, GZIP sıkıştırmanın yaptığı, içeriği daha az aktarılacak şekilde sıkıştırmaktır. Bir kez daha, HTML çoğunlukla metinseldir, bu sıkıştırma için çok iyi bir adaydır. Metin tabanlı içeriği sıkıştırırken çok iyi sıkıştırma sonuçları alacaksınız. Ama gerçekten harika olan şey, GZIP bir kez yaptığınız bir şeydir (sadece ayarları etkinleştirin) ve sonsuza dek faydalar elde edersiniz!
CPanel tabanlı bir barındırma hesabı kullanıyorsanız, “web sitenizi optimize etme” simgesiyle etkinleştirebilirsiniz.
GZIP sıkıştırmasını etkinleştirin
Ama gerçekten ve gerçekten, Hummingbird kullanırsanız bunu yapmanıza bile gerek yok. GZIP etkinleştirilmezse, Hummingbird bir kez daha, GZIP sıkıştırması etkinleştirilmesi için ayarları .htaccess dosyanıza ekleyin.
Varlıklarımızın optimizasyonu ve kombinasyonu şimdi üçüncü R’ye geçiyor, geri dönüşüm – temelde yapmak istediğimiz, web sitemizin ihtiyaç duyduğu farklı dosyalar için birkaç kez bir bağlantı açmak yerine, aynı bağlantıyı geri dönüştüreceğiz ve birleşik bir sürüm göndereceğiz Tüm dosyalarımızdan aynı bağlantı aracılığıyla. Fikri kısaca açıklamak için bekleme tablosu fikrini kullanacağız.Bu, dosyaları birleştirmenin faydalarını açıklamak için iyi bir benzetmedir.Bir restoranda bir içecek hizmetçisi hayal edin.On kişiden oluşan bir masaya hizmet ediyorlar, bu yüzden gelip ilk kişinin siparişini alıyorlar, bara gidip onlar için bir içki getiriyorlar.Sonra ikinci kişiden emir aldılar ve onlara içeceklerini aldılar.Bir kez daha, üçüncü kişi siparişlerini kabul ettiler, bara döndüler ve içeceklerini getirdiler.Bu, tüm içecekler servis edilene kadar sürer. Bu, zamanın ve kaynakların çok verimsiz bir kullanımıdır-bu çok zaman ve çok fazla alternatif gezi alacaktır. Ancak, garson herkesin siparişini alırsa, sonra bara giderse, tüm içecekleri bir tepside alır ve her şeye bir kez hizmet ederse, (belki iki kez, her şeyi düşürmelerini istemiyoruz ;-)) İşleri daha verimli olacak . Bu, birkaç CSS ve JS dosyasını bir araya getirmenin arkasındaki yaygın bir fikirdir. Web sitenize HTTP bağlantısı yapmak, çok zaman gerektiren teknik bir işlemdir. Bu nedenle, bağlantıyı bir kez açabilir ve tüm CSS ve JS dosyalarını göndermek için bu bağlantıyı geri dönüştürebilirsek, çoğu web sitesinin yüz css ve js dosyası üreteceğini düşünürseniz, bu çok önemli zaman kazanır. Sitenizde HTTP/2 kullanmıyorsanız bu özellikle doğrudur. Farklı CSS ve JS dosyaları açısından web siteniz tarafından üretilen talep, sitenizde önemli performans etkileri yaratır. Sinek kuşu bunu nasıl azaltır? Eklentiler, web sitenizdeki tüm dosyaları analiz eder ve ardından web sitenizin yüklenmesini daha verimli hale getirmek gibi dosyalarda bir dizi ayarlama yapma seçeneği sunar. Varlık Optimizasyonu Varlıkların optimize ettiği şey, indirme boyutu açısından mümkün olduğunca küçük hale getirmek için CSS ve JS dosyalarının aşırı kodunu silmektir. Bu, yorumları, boş alanları, ek hatları veya “ekstra” olan her şeyi siler.
.Hummingbird aslında 2x’e kadar daha fazla dosyayı sıkıştıran süper optimizasyon aracını kullanır.Yakında göstereceğimiz Hummingbird Sihirbazı ile bir araya gelerek, her bir dosyayı yukarıda tartışıldığı gibi üretilen ‘birleştirilmiş’ dosyaya ekleme seçeneğiniz vardır.Harika olan şey, dosyayı girmek isteyip istemediğinizi tam kontrol almanızdır.Bunun nedeni, bazı eklentilerin ve/veya temaların diğerleriyle eşleşmemesidir.Her dosyayı tek tek eklemek isteyip istemediğinize karar vermek için bir seçeneğe sahip olarak, sitenizdeki her dosyayı dosyaya mümkün olduğunca çok dosya ekleyecek şekilde test edebilirsiniz.Ancak, bu dosyalardan biri birleşik bir dosyaya dahil edildiğinde sitenize zarar verirse, eklememeyi seçebilirsiniz. Hummingbird Varlık Optimizasyonu daha küçük ve daha hızlı dosyalar sunar. Pozisyon (Orijinal Vs Altbilgi) Hummingbird ile birlikte dahil edilen başka bir seçenek, dosyaların orijinal konumunda (genellikle üstbilgi) kalmasına izin vermeye veya altbilgiye taşımaya izin vermeye karar verme yeteneğidir, bu bir kez daha, bu, iyileştirmeye yardımcı olabilecek bir seçenektir. Sitenizin performansı, ancak bu zaman daha kullanıcı yönelimli bir şekilde. Başlığa çok sayıda dosya (yeterince büyük) eklendiğinde, tarayıcı sayfayı görüntülemeye başlamadan önce tüm dosyaların indirilmesini beklemelidir. Yani, kullanıcılarınız tarayıcılarına oturacak ve ekranlarında bir şey görmeden önce tüm dosyaların indirilmesini bekleyecektir. Bu, elbette çok sinirli olabilir. Araştırmalar, 3 saniyeden daha yavaş olan web sitelerinin, siteden ayrılana kadar kullanıcıları hayal kırıklığına uğratmaya başladığını göstermiştir. Ayrıca sayfa hızları ile dönüşüm arasında bir korelasyon vardır – daha hızlı dönüşen siteler. Ama tartışmaya geri dönelim. CSS ve JS dosyalarını başlıktan ziyade altbilgiye yükleyerek, sayfa tüm ağır CSS ve JS dosyalarının indirilmesini beklemek yerine tarayıcı tarafından alındığında metin ve görüntüleri oluşturmaya ve görüntülemeye başlar. CDN’miz tarafından gönderilen dosyayı optimize etmek, ağır dosya göndermek için CDN kullanmanın önemi hakkında tekrar tekrar konuştu. Basitçe söylemek gerekirse, CDN iki şekilde yardımcı olur. Bu, sitenizin yükünü birkaç sunucuya yayar, ancak en önemlisi bu, ziyaretçilerinizin konumuna fiziksel olarak daha yakın olan coğrafi konumlardan dosyalar sunar. Ancak CDN her zaman uygun veya uygulanabilir olmayabilir. Hummingbird ile CDN için hiçbir şey ödemenize gerek yok.
Bunun nedeni Varsayılan eklenti hizmetinin kısmı, birleşik dosyanızı WPMudev CDN Altyapı’ndan sunmanıza izin veriyor – Maksimum Yükleme Hızı için küresel olarak dağıtılan süper hızlı bir sunucu ağı.
Bu görüntünün optimizasyonu büyük bir görüntüdür. Aslında bu bir sinek kuşu özelliği değil, ancak iyi bir performans eklentisi gibi, görüntü optimizasyon eklentisini önerecektir ve elbette WPMudev’in bu durumda harika bir teklifi vardır (SMUSH PR0). Gerçek şu ki, çoğumuz web için görüntülerimizi optimize etmek için neredeyse hiç zahmet etmiyoruz. Ancak, görüntüleri optimize etmeyerek, sayfamızı yükleme hızı üzerinde ciddi bir olumsuz etki yarattık. Örneğin, optimize edilmeyen basit bir PNG’nin web sitenizin boyutuna 200 kb’den fazla ekleyebileceğini biliyor muydunuz. Bu, yukarıda belirtilen en kötü performans sayfası üreticileri tarafından eklenen tüm ekstra boyutlardan daha fazladır. Şimdi, özellikle çok fazla görüntüsü olan bir siteniz varsa, sitenizdeki tüm resimlerle çarpın ve tüm bunların nasıl artacağını ve performans üzerinde önemli bir etkisi olacağını görebilirsiniz! Diğer öneriler Hummingbird, yukarıdaki önerilerde durmadı. Kontrol edebileceği şeylerin ötesinde daha da derin. Örneğin, gerçekten yararlı hissediyorum çünkü sunucu yanıt süresini azaltmak için mükemmel bir öneri yapıyorum. Bu uzun süredir savaştığım bir şey ve opcache mekanizmasını kurmak için öneriyi izledi, sonunda beni çok uzun zamandır rahatsız eden rahatsız edici hataları ortadan kaldırabildim 🙂
Web Sitesi Hız Önerileri
Etiket:
sinek kuşları Web sitesi hızı
