Optimol İncelemesi: Komple WordPress Görüntü Optimizasyonu
Açıklama: WP Major, ürünleri incelediğimiz şirketlerden tazminat alan profesyonel bir inceleme sitesidir. Her ürün iyice test edilir ve dürüst görüşümüz halka paylaşılır. Bağımsız olarak sahip olduğumuz ve aşağıda ifade edilen görüşler kendimizdir. WordPress sitenizi hızlandırmak istiyorsanız, sitenizi optimize etmek, alacağınız en iyi yatırım getirilerinden biridir. HTTP arşivine göre, ortalama web sayfası dosya boyutu görüntünün yaklaşık% 50’sidir, bu nedenle resim dosyası boyutunuzu küçültmek size site dosya boyutunuzu önemli ölçüde azaltma fırsatı verir.
Bu Optimole incelemesinde, WordPress siteniz için görüntü optimizasyon sürecinin neredeyse her bölümünü ele almaya odaklanan yeni bir araç ekranı vereceğim. Bir kısmı otomatik olarak boyutu değiştirir ve görüntünüzü sıkıştırırken, Optimole ayrıca kullanıcının tarayıcısına/görünümüne göre doğru görüntü boyutunu dinamik olarak sunar, kendi CDN’si aracılığıyla görüntüler sunar ve yavaş yükleme ekler. Bazı gerçek test verileri için Optimole incelememi okumaya devam edin ve bu aracı doğrudan görün.
İlk olarak, “standart” görüntü optimizasyonu yaklaşımı vardır: Optimole, sitenize yüklediğiniz görüntü dosyalarının boyutunu küçültmek için otomatik olarak kayıplı veya kayıpsız sıkıştırma kullanabilir. Bu kesinlikle yardımcı olur, ancak zaten birçok kaliteli görüntü sıkıştırma eklentisi vardır, bu yüzden optimole ile ilgili en eşsiz şey değildir. Benzersiz optimol, görüntülerin nasıl sunulduğunu da optimize etmesidir. Söküm yapalım … Dinamik görüntünün ilk dinamik görüntüsü Optimole, tarayıcıya ve her bir ziyaretçinin görüntüleme alanına dayalı farklı bir görüntü boyutu sunar. Örneğin, 750 genişliğinde akıllı telefon kullanan biri PX, 2880 px genişliğine sahip retina ekranında biriyle aynı görüntü boyutunu gerektirmez. Optimole bunu hesaplar ve akıllı telefon kullanıcılarına daha küçük görüntüler ve retina ekran kullanıcılarına daha yüksek çözünürlüklü görüntüler sunar. CDN görüntüsü ek olarak, Optimole ayrıca global yükleme süresini hızlandırmak için görüntünüzü kendi CDN aracılığıyla sunar. Ücretsiz pakette, bu bir “CDN yapılmış özel” dir (ne anlama geldiğinden% 100 emin değil), ücretli paketler resim göndermek için Amazon Cloudfront CDN’yi kullanır.
Son tembel yükleme, Optimole ayrıca, kullanıcı jQuery’ye ihtiyaç duymadan sayfayı aşağı kaydırmaya başlayana kadar alt yarım görüntünün yüklenmesini geciktirmek için yavaş yükleme ekler. Yukarıdaki büyük özelliklerin dışındaki diğer küçük özellikler, Optimole ayrıca aşağıdakilere destek ekler:
Otomatik görüntü su işareti
WebP Resmi
Arka uç/kullanım istatistiklerinin optimizasyonu
Optimal Optimole fiyatı ücretsiz ve ücretli paketler sunar. Ücretsiz bir paketle:
1 GB Ayda Görüntü Optimize Etmek 5 GB Bant Genişliği CDN Görüntü Ayda
Buna ek olarak, özel olarak Optimol’un kendisinden yapılmış CDN kullanmanın serbest seviyesi.
Bundan sonra, ücretli paketler daha fazla optimizasyon/bant genişliği ve Amazon Cloudfront’un CDN olarak kullanılması için ayda 9 $ ‘dan başlar. En üst düzey pakette, alt alan optimol yerine CDN tarafından sunulan görüntüler için kendi özel alan adınızı da kullanabilirsiniz. Pratik olarak bu uygulama bölümü için Optimol eklentisiyle, önce size optimole gösterge tablosu hakkında göstereceğim. Ardından, Optimole’in görüntüleri ne kadar sıkıştırdığı ve dinamik görüntünün boyutunun nasıl çalıştığı hakkında bazı verileri paylaşacağım. Optimole hazırlamak için önce API anahtarını almak için kaydolmanız gerekir:
Ateş anahtarınızı ekledikten sonra, site özetinizi ve CDN URL’sini üstte göreceksiniz (ücretsiz paketlerin CDN için alt alan optimol kullandığını görebilirsiniz):
Genel Ayarlar Optimole ayarlarının çoğunu yapılandırmak için Genel Ayarlar sekmesini açacaksınız. Burada beş önemli seçenek belirleyebilirsiniz: Görüntü Değiştirme Etkinleştir – Bu, Optimole’in kendi görüntü URL’nizi CDN Optimole’den sunulan optimize edilmiş görüntülerle değiştirmesini sağlar. Yönetici Durumu – Bu, WordPress aracında optimole kullanımınızı görmenizi sağlar.
JavaScript ve Tembel Yükün Değiştirilmesi – Bu, dinamik görüntü boyutlarını değiştirmeyi ve yavaş yüklemeyi içerir.
Daha büyük bir görüntü boyutunu değiştirin – Dinamik boyutları değiştirmenin yanı sıra, Optimole’in büyük görüntünün boyutunu otomatik olarak değiştirmesini sağlayabilirsiniz.
Sıkıştırma Seviyesi – Kayıp mı yoksa kayıpsız mı olmak isteyip istemediğinizi veya Optimole’nin şu ana kadar yeterince basit otomatik seçenekle karar vermesine izin vermenizi sağlar, değil mi? Su işareti seçeneği Görüntünüzü otomatik olarak işaretlemek istiyorsanız, su işareti seçenek alanının noktası budur. Başlamak için, su işareti olarak kullanmak istediğiniz görüntüyü yüklemek istersiniz. Optimole, 5 adede kadar olası su işareti görüntüsü kullanmanıza olanak tanır, böylece bir seçenekle sınırlı değilsiniz. Bay WP belediye başkanını yüklediğimi görebilirsiniz:
Ardından, sayfanın altında, hangi su işaretinin aktif olarak kullanılacağını seçebilirsiniz (eklediğiniz beş resme kadar) ve:
Karanlık
Durum
EşleştirmeÖlçek
WordPress kontrol panelinizdeki ayarların dışındaki optimal bulut panosu olan Optimole, Optimole (ve aynı Optimole Ateş Anahtarı) kullandığınız tüm sitelerde kullanabileceğiniz bulut kontrol panelini de sunar. Örneğin, şu anda test sitemdeki görüntüler için ortalama% 60 sıkıştırmada oturduğumu görebilirsiniz, bu çok kötü değil (bu otomatik seçenek etkinleştirildi):
Optimol’un yukarıdaki görüntünün boyutunu nasıl değiştirdiğini test edin, siteme çok sayıda rastgele görüntü yükledikten sonra, Optimole otomatik sıkıştırma ayarlarıyla ortalama sıkıştırma seviyemin yaklaşık% 60 olduğunu görüyorsunuz.
Şimdi, size denklemin diğer bölümlerini, yani Optimole’in kullanıcının cihazına göre sunulan görüntünün boyutunu otomatik olarak nasıl değiştirdiğini göstermek istiyorum. Bunu yapmak için, birkaç farklı cihazı paketlemek ve görüntünün orijinal boyutunun nasıl değiştiğini görmek için bir Chrome geliştiricisi kullanacağım. İlk olarak, sıradan bir tarayıcı yükleyerek başlayacağım – 1440 x 900 px. Burada Optimole, 1450 x 814 px boyutları olan görüntüler içerir: Yüklendiğimde iPad Pro’yu simüle ettiğimde, boyutları 1336 x 750 px’e geçiş: Ve iPhone 6’yı kullanırsam, sunulan görüntünün boyutları daha küçük ekrana uyacak şekilde sadece 630 x 354 px’dir: Ayrıca, gerçek görüntü URL’sini görürseniz, Optimole sunucusundan yayınlandığını da görebilirsiniz:
Optimole Optimole ile ilgili son zihin kullanımı çok kolaydır – sadece yüklersiniz, ateş tuşunuzu takar ve çalışmaya başlarsınız. Zaten birkaç kaliteli görüntü sıkıştırma eklentisi var, bu yüzden Optimole ile farklılaştırıcı yaptığı diğer şeyler. Özellikle: Gerçek kullanıcı cihazına göre en iyi boyutu sunmak için varsayılan dinamik görüntülerin sunumu Yavaş yüklenme CDN görüntüsü Ve filigran özelliğine sahip olmak için iyi, bence büyük bir farklılaştırıcı olmasa da. Yani, bu ek özelliği istiyorsanız, bkz. Optimole. WordPress.org adresinden ücretsiz olarak başlayabilirsiniz. Ardından, daha fazla kullanıma ve/veya Amazon Cloudfront CDN entegrasyonuna erişmek istiyorsanız, ayda 9 $ ‘dan başlayabilirsiniz. Optimol Al
