Optimus Review – WordPress Kayıpsız Görüntü Sıkıştırma

Keycdn tarafından görüşülen yirmi web performans uzmanından dokuz, görüntülerin optimizasyonunun bir numaralı öncelik veya odak noktası olduğunu söyledi. Bu tür sonuçlarla, KeyCDN’nin neden Optimus eklentisini yapmaya karar verdiğini görmek kolaydır. Optimus, kayıpsız görüntü sıkıştırma, WebP dönüşümü, aşamalı JPEG ve kitle görüntü optimizasyonu gibi birçok harika özelliğe sahip freemium görüntülerinin bir optimizasyonudur. Performansı optimize etme hakkında birkaç şey bilen Keycdn tarafından yapıldı. Webmaster’ın 2012’den beri performansı optimize etmesine yardımcı oldular. CDN hizmetlerine aşina değilseniz, 2014’ten beri KeyCDN incelemeleri yazıyoruz.
Şimdi Optimus’a geri dönün … Sitenizi Google PagesPeed Insights aracılığıyla çalıştırdıysanız, her zaman resminizi optimize etmenizi söylediğini fark edebilirsiniz:

Neden? Niye? Çünkü optimize edilmiş görüntü, sayfanın yükleme süresinin daha hızlı olduğu anlamına gelir. Ve daha hızlı sayfalar yükleme, daha iyi kullanıcı deneyimi, daha yüksek dönüşüm oranları ve daha iyi arama derecelendirmeleri anlamına gelir. Optimus, görüntülerinizin sıkıştırılmasında harika işler yaparak performansınızı optimize etmenize yardımcı olabilecek güçlü bir araçtır.
Eklentiye bakalım … Aşağıdaki Optimus özelliği Optimus eklentisinin en tipik özelliğidir.

Aşağıda bağlı makaleler
Kayıpsız Görüntü Sıkıştırma İki tür sıkıştırma görüntüsü vardır:
Kayıplı – Kayıplı sıkıştırmada, sıkıştırma sırasında orijinal dosyadan bazı veriler kaybolur. Bu, dosya boyutunu büyük ölçüde azaltabileceğiniz anlamına gelir, ancak gerçek görüntü kalitesinden ödün vererek.
Kayıpsız – Kayıpsız sıkıştırmada, görüntü sadece gereksiz veriler silinerek sıkıştırılır. Bu, boyuttaki azalma çok büyük olmayacak olsa da, görüntü herhangi bir kaliteyi kaybetmez. Optimus kayıpsız sıkıştırma kullanır. Bu, herhangi bir kalite kaybetmeden% 70’e kadar boyutta bir azalma elde edebileceğiniz anlamına gelir. Testlerimde, optimize edilmeyen .png dosyamın genellikle%40 oranında azaltıldığını fark ettim, bu da bence oldukça iyi.
WebP dönüştürme WebP, Google tarafından öncülük eden ve kayıpsız sıkıştırma sağlayan yeni bir resim biçimidir. WebP görüntüleri .png’den 26 daha küçük ve .jpeg’den% 25-34 daha küçük. Optimus .png veya .jpeg değil, WebP görüntülerini otomatik olarak sunarak bu formattan yararlanmanızı sağlar. Yapmanız gereken tek şey, dönüşümü otomatik olarak kullanmak için .htaccess dosyanıza verdikleri kodu eklemektir. Bu özellik görüntü optimizasyonu eklentisi arasında oldukça benzersizdir. Tam olarak benimsenmediğinden, yalnızca krom veya operalı (veya diğer krom tarayıcıları) kullanıcılar WebP görüntülerini kullanabilir. Bu, kullanıcılarınızın sadece% 60’ının WebP kullanabileceği anlamına gelir.
JPEG Progressive Optimus, JPEG’yi taban çizgisi yerine giderek yüklemenizi sağlar. Fark ne? Bu:
Kaynak: JPEG 101 Altı Gözden Geçirilmiş: JPEG hakkında kısa bir kurs kılavuzu genellikle, JPEG yukarıdan aşağıya içerir. Bu, resim yavaş yavaş büyürken kullanıcıların beklemesi gerekebileceği anlamına gelir.

Aşağıda bağlı makaleler

Progresif JPEG ile tam görüntüler doğrudan görüntülenir. Sadece tam kalite yüklemek zaman alır. Bu daha iyi bir kullanıcı deneyimidir, çünkü kullanıcılar biraz paketlenmiş olmasına rağmen hemen tam görüntüleri hemen görebilir. Kütle Optimizasyonu Sitenizde zaten yüzlerce görüntü var mı? Optimus, düğmeyi tıklayarak geçerli tüm görüntülerinizi otomatik olarak optimize etmenizi sağlayan kütle optimal bir cihaz içerir. Bu, eklentinin yeni ve mevcut bir sitede iyi çalışabileceği anlamına gelir. Optimus eklentisini başlatmak için hazırlayın, eklentiyi WordPress deposundan her zamanki gibi yüklersiniz. Aktivasyondan sonra size bu bildirimi veriyorlar, bu iyi bir dokunuş:

Keycdn bana Optimus Genel Merkezi’ne (eklentinin ücretli sürümü) bir lisans anahtarı verdiğinden, lisans anahtarımı gireceğim:
Ardından, yapılandırabileceğim her şeyi görmek için eklenti ayar sayfasını açın:

Yapılandırma seçeneği: Orijinal Resim: Görüntünüzün orijinal sürümünü kaydetmek için Optimus isteyip istemediğinizi seçin (veya yalnızca optimize edilmiş sürüm). Orijinal dosyamı yerel olarak saklıyorum, bu yüzden Optimus’un yalnızca optimize edilmiş sürümü kaydetmesiyle iyiyim.

Aşağıda bağlı makaleler

Meta Veri Görüntüsü: Görüntü meta verilerini kaydetmek için Optimus’u, boyutta biraz azalma pahasına isteyebilirsiniz. Buna ihtiyacım yok, bu yüzden kontrol edilmemesine izin vereceğim. Bu sadece HQ kullanıcıları içindir.

WebP Dosyası: Yukarıda tartıştığım WebP görüntüsünü etkinleştirebileceğiniz yer burasıdır. Bu yalnızca HQ kullanıcıları içindir ve yapılandırmayı çözmek için .htaccess dosyanıza birkaç kural eklemeniz gerekir. HTTPS Bağlantısı: HQ kullanıcıları için daha iyi güvenlik için HTTPS aracılığıyla Optimus sunucusuna resim gönderebilirsiniz. Yükleme sırasında optimize edin: Yükleme işlemi sırasında görüntüleri otomatik olarak optimize etmek isteyip istemediğinizi seçebilirsiniz. Kendi sitemse, kullanım kolaylığı için bu seçeneğe izin vereceğim. Ama şimdilik, görüntüleri manuel olarak nasıl optimize edeceğinizi gösterebilmem için devre dışı bırakacağım. Hepsi ayarlar için, ancak bir eklenti nasıl kullanacağımı göstermeden önce, bir şey daha tartışmak istiyorum … nerede optimize ediliyor. Resim? Optimus, yerel sunucunuzdaki görüntüleri optimize etmek yerine, optimizasyon için Optimus sunucusuna görüntü gönderir. Bununla ilgili büyük bir gizlilik sorunu olduğundan emin değilim, çünkü resimleri kamuya paylaşmayı planlayabilirsiniz. Ancak, gizlilik konusunda endişeleniyorsanız, Optimus sunucularında herhangi bir görüntü kaydetmez. Optimizasyondan sonra hemen görüntüyü sildiler. Bahsettiğim gibi Optimus eklentisini kullanarak otomatik optimizasyonu kapattım. Genellikle, Optimus’tan resim yüklerken tüm bunları otomatik olarak yapmasını isteyebilirsiniz. Ancak, görüntüleri manuel olarak optimize edebilir veya kütle görüntüleri kullanabilirsiniz.

Başlamak için bir salyangoz yarışından iyi bir .jpeg dosyası yükleyeceğim. Sonra görüntüyü optimize etme seçeneğini bulmak için açılır listeye tıklayacağım:

Tıkladığımda, ilerlememi gösteren görüntü optimal sayfasına götürüleceğim. Sadece bir resim olduğundan, bu hiç zaman almıyor: Medya kütüphaneme döndüğümde Optimus, görüntüyü ne kadar sıkıştırabileceğinin net bir göstergesi gösteriyor:
%7? Özel bir şey değil. Ancak resim oldukça optimize edildi. Optimize edilmeyen .png dosyasını deneyelim:
%40! Daha iyi. Daha fazla resim yüklüyorum ve sıkıştırma% 30 ila% 43 arasında değişiyor. Optimus, kayıp olmadan% 70 kadar yüksek olabileceğini iddia ediyor, ancak resmin bu sonucu elde etmek için çok optimize edilmemesi gerektiğini düşünüyorum:

Ayrıca her zaman bir araç açarak her zaman kitle görüntüsü optimal bulabilirsiniz → Tüm görüntüleri optimize edin:

O zaman tüm resimlerinizi optimize etmek için yalnızca bir düğmeye tıklamanız gerekir:

Optimus vs WP SMUSH, Optimus’un diğer görüntü optimizasyon eklentilerine kıyasla nasıl bir genel bakış elde etmek için, iki localhost sitemdeki WP SMUSH üzerinde hızlı bir test çalıştırıyorum. Her eklenti ile aynı .png görüntüsünü kullanıyorum. Sonuçlar burada:

WP Smush görüntüleri%22,1 azalttı. Optimus bunu nasıl yapar?

Optimus aynı görüntüyü%43 azaltır. Bu nedenle, en azından bu küçük örneklem büyüklüğü ile Optimus büyük bir farkla üstün olmalıdır. Optimus eklentisinin fiyatı Optimus Basic Free. Ama bu birkaç sınırla geldi:

Maksimum dosya boyutu 100KB’dir

WebP resmi yok

HTTPS bağlantısı yok

Şahsen, 100KB’lık maksimum dosya boyutu benim için zor olacak, bu yüzden ücretli bir sürüm satın alabilirim. Ücretli sürüme Optimus Genel Merkezi denir ve yılda 19 $ değerinde. Bu sizi yapar: Maksimum dosya boyutu 5 MB
Kişisel bir sitede sınırsız kullanım (geliştiriciyseniz, sizin için de lisansları var).
WebP Resmi
HTTPS bağlantısı
Tüm sürümler, .png ve .jpeg görüntülerini sınırsız optimize etmenize izin verir, ancak yine, ücretsiz sürümde 100kb maksimum dosyasının boyutunun ödeme için iyi bir teşvik olduğunu düşünüyorum. Optimus’un son zihninin kullanımı çok kolaydır. Temel olarak, tek yapmanız gereken onu yüklemek, otomatik optimizasyonu etkinleştirmek ve eski görüntülerinizi toplu olarak optimize etmektir. Sonra görüntünüzü optimize etmek için sadece arka planda mırıldanır. WebP seçenekleri daha büyük sıkıştırma için iyidir. Google’ın bunu teşvik ettiğini hayal ediyorum, WebP’nin evlat edinilmesinde büyümeye devam edeceğini. En azından testimde Optimus, bildiğim kadarıyla en popüler görüntü optimizasyon eklentisi olan WP Smush’a karşı gerçekten mükemmel. Şimdi, örnek boyutum sadece bir resim, ancak fark oldukça dramatik. Optimus, görüntüyü neredeyse iki katına çıkardı. Benim kararım? Optimus’u deneyin ve görüntüleri optimize edin.