Quickq İncelemesi: Gerçek Zamanlı WordPress Görüntü Optimizasyonu
Görüntülerin ortalama dosya boyutu web sayfasının yaklaşık yarısına katkıda bulunduğunu biliyor muydunuz? Yani, optimize edilmeyen görüntüler kullanırsanız, web sitenizi yüklerken görüntünün çok büyük bir olumsuz etkisi olabilir. Quicq, Site görüntülerini gerçek zamanlı olarak optimize etmenizi ve bunları Google Cloud tarafından desteklenen İçerik Teslimat İçeriği’nden (CDN) sunmanıza olanak tanıyan bir hizmettir. Performansa ek olarak, görüntüleri kesme, su işaretleri ekleme ve daha fazlası gibi kolayca manipüle etmek için de kullanabilirsiniz. WordPress ile özel bir entegrasyon eklentisi ve Magento ve Prestashop gibi diğer platformlar aracılığıyla çalışır.
Doğrudan QuicQ incelememizde, Quicq’in nasıl çalıştığını ve WordPress site görüntüsünüzü optimize etmek için nasıl kullanabileceğinizi göstereceğiz. Hadi kazalım …
Boyutu değiştirin – Sitenizde nasıl kullanacağınıza uygun görüntünün gerçek boyutunu değiştirin. Daha küçük boyutlar daha az veri anlamına gelir, bu da daha küçük görüntü boyutu anlamına gelir.
Sıkıştırma – Görüntü dosya boyutlarını, kayıpsız algoritmalar (kalite değişikliği yok) veya kayıplı algoritmalar (belki kalitede küçük bir azalma) yoluyla boyutlarını değiştirmeden görüntüleme dosyası boyutlarını küçültmek için sıkıştırma algoritmalarını kullanma. Boyutu değiştirmek ve görüntüleri statik olarak sıkıştırmaktan daha fazlası olan yeni nesil görüntü optimizasyon eklentileri.
Bunun yerine, bu, görüntünüzü Google Cloud tarafından desteklenen CDN’den otomatik olarak sunar ve ardından ziyaretçiler için gerçek zamanlı olarak optimize eder. Sitenizdeki Quicq’i etkinleştirir etkinleştirmez, tüm görüntülerinizi aşağıdaki optimizasyonla otomatik olarak optimize edecektir:
Google Cloud tarafından güçlendirilen Quicq CDN üzerinden servis yapın. Bu, ziyaretçilerin resimlerinizi kendilerine en yakın CDN konumundan indirmelerini sağlar.
Her ziyaretçinin cihazına göre boyutu optimum boyuta değiştirin.
Dosya boyutlarını azaltmak için sıkıştırırlar.
JPEG ve PNG’den daha küçük boyutlar sunan optimize edilmiş bir görüntü formatına dönüştürün. Quicq, WebP’den daha küçük dosya boyutları sunabilen daha yeni bir resim biçimi olan WebP ve AVIF’i destekler. AVIF desteği önemlidir, çünkü tüm hizmetler bu yeni görüntü formatını desteklemez.
Tüm bu değişiklikler çok daha hızlı bir yükleme süresi üretecektir (ve sonuç olarak web sitesinin yükleme süresi).
Neden dinamik gerçek zamanlı görüntü optimizasyonu kullanıyor?
Yukarıda bahsettiğim gibi, Quicq görüntüleri gerçek zamanlı olarak optimize eden dinamik bir optimizasyon yaklaşımı kullanıyor. Yani, WordPress site sunucunuzdaki görüntünün orijinal sürümünü geleneksel bir optimizasyon eklentisi gibi optimize etmek yerine, quicq orijinal görüntüye dokunmaz, ancak işlemlerini “bulut” üzerinde çalıştırır. Bu dinamik optimizasyon yaklaşımının çeşitli avantajları vardır. En büyük şey, her ziyaretçinin cihazlarının gerçek boyutlarına göre optimize edilmiş bir görüntü görmesini sağlayabilmenizdir. Örneğin, ziyaretçiler düşük çözünürlüklü bir akıllı telefon ekranında araştırırlarsa, deneyimlerini etkilemeden küçük boyutlara sahip görüntüler sunabilirsiniz. Ancak ziyaretçiler büyük bir 4K ekranda keşfederse, siteniz olağanüstü kullanıcı deneyimlerine sahip olduklarından emin olmak için görüntünün daha büyük bir sürümünü sorunsuz bir şekilde gösterebilir. Quicq dinamik ve hızlı bir optimizasyon yaklaşımı kullandığından, Quicq her bir kullanıcı için en uygun boyut ve görüntü biçimini sunabilir. Orijinal görüntü dosyasını düzenlemeye veya görüntünün yeni bir sürümünü yüklemeye gerek kalmadan görüntüde değişiklikler yapabileceğiniz için görüntüleri manipüle etmek istiyorsanız bu dinamik yaklaşım da çok kullanışlıdır. Örneğin, yalnızca görüntü URL’sini manipüle ederek, aşağıdaki manipülasyonu yapabilirsiniz:
Farklı şekillerde budama.
Bir su işareti ekleyin.
Resmi gizleyin.
Görüntü boyutlarını değiştirin.
Görüntü kalitesini ayarlayın. Örneğin, belki de yüksek çözünürlüklü görüntüler kullanmak ve bazı yerlerde sıkıştırılmamak istersiniz. Kolayca yapabilirsiniz.
Farklı bir görüntü biçimi kullanın. Örneğin, WebP veya Avif.
Quicq ile tek yaptığınız orijinal görüntüyü bir kez yüklemektir. Ardından, tüm bu manipülasyonları URL’ye birkaç ek sorgu ekleyerek yapabilirsiniz. Örneğin, bu orijinal resmin bağlantısıdır: https://cdn.quicq.io/wpmador-/2022/01/pexels-andrea- Piacquadio-837358. JPG ve bu, görüntüyü 1.000 × 1.000 kare olarak kesen bağlantı: https://cdn.quicq.io/wpmador/2022/01/pexels-andrea-pquadio-837358.jpg?w=1000&h= 1000 & C = 1 Bir sonraki bölümde somut bir örnek. Quicq ile Uygulamalı: WordPress Görüntüleri Nasıl Optimize Edilir Quicq’in ne yaptığını bildikten sonra, pratik yapalım ve bunun WordPress’te nasıl çalıştığını göstereceğim. Bir kez daha, bu WordPress ile sınırlı değil, ancak WordPress sitenizle kullanmayı çok kolaylaştıran özel bir WordPress eklentisi sunuyor.
1. Ücretsiz quicq hesaplarının listesi Başlamak için, ücretsiz bir quicq/afosto hesabı almak için kayıt olmalısınız. Bir sonraki fiyat hakkında konuşacağım, ancak sonsuza kadar cömert olan ücretsiz bir paket var ve aynı zamanda sınırsız 14 günlük ücretsiz deneme sürdürüyorsunuz (kredi kartına ihtiyaç duyulmadan). Hesabınıza kaydolduktan sonra, Afosto kontrol panelindeki Quicq’in yanındaki Ücretsiz Test düğmesini tıklayın:
2. Bir sonraki Quicq CDN’yi oluşturun, temel olarak siteniz için görüntüleri sunacak ve optimize edecek bir Quicq CDN oluşturmanız gerekir. Quicq denemesine başladıktan sonra, bunu yapma görevi AFOSTO UTAMA kontrol panelindeki ödevler listesinde otomatik olarak görünecektir. Görmüyorsanız, Quicq’in yanındaki dişli simgesini tıklayarak bu arayüze de erişebilirsiniz:
İlk olarak, quicq CDN’niz için kullanmak istediğiniz URL’yi girmelisiniz. Resminiz bu URL’den yüklenecek, böylece web sitenizle ilgili olmasını istiyorsunuz. Örneğin, büyük WP için bir tane yaparsam, bir WPMayor URL’si yapacağım. Ardından, URL’yi doğrudan sitenizdeki görüntüye girin ve web sitesi doğrulamasını tıklayın: Quicq, WordPress’i kullandığınızı otomatik olarak algılayacak ve WP-Content klasöründe bir yükleme klasörü olması gereken bir yol oluşturur. Ayrıca, görüntünüz için önbellek davranışını kontrol etmenizi sağlayan başka ayarları genişletme seçeneğiniz de vardır. Standart 365 gündür, ki bu iyi olmalıdır. Ancak bunu isterseniz değiştirebilirsiniz.
Bitirmek için Ekle düğmesini tıklayın: 3. Quicq eklentisini yükleyin ve bir hesap oluşturduktan ve bir CDN hazırladıktan sonra URL tuşunu ekleyin, Sitenizdeki WordPress.org’dan ücretsiz Quicq eklentisini yükleyebilirsiniz. Bu, WordPress sitenizi yeni oluşturduğunuz CDN görüntüsüyle entegre etmenize olanak tanır. Eklentiyi etkinleştirdikten sonra, WordPress kontrol panelinizdeki yeni Quicq alanını açın ve hazırlama işlemine girdiğiniz URL tuşunu ekleyin. Yani, ayarlayabileceğiniz CDN URL’sinin bir kısmı. Örneğin, bu WPMayor. Ardından, Active Quicq anahtarını seçin ve ardından etkinlikleri etkin hale getirmek için kaydedin: Ve hepsi bu!WordPress siteniz artık görüntüyü gerçek zamanlı görüntüleri optimize eden Quicq CDN üzerinden yüklemeye başlamalıdır.Burada fark ettiğim küçük bir şey, quicq eklenti alanının WordPress kontrol panelinde yüksek seviyeli bir menü alanı olması gerektiğini düşünmüyorum.Bu sadece bir kez ayar işlemi olduğundan, kullanıcıların daha temiz bir yönetici alanına sahip olmalarına yardımcı olmak için ayarlar → quicq gibi alt menüye taşımanın daha iyi olacağını düşünüyorum.4. Çoğu WordPress sitesi için görüntüleri URL parametreleriyle (gerekirse) manipüle etmek, görüntüleri optimize etmek için başka bir şey yapmanıza gerek yoktur.Bu noktada, Quicq aşağıdakileri otomatik olarak optimize etti: Her kullanıcının cihazına göre görüntünün boyutunu en iyi şekilde sıkıştırma/değiştirme.
Görüntüleri WebP veya AVIF formatına dönüştürmek, en başarılı olana bağlıdır. Google Cloud Quicq CDN aracılığıyla resimler sunuyor.
Bununla birlikte, daha önce de belirttiğim gibi, gerçek zamanlı yaklaşımla ilgili harika şeylerden biri, sadece URL’ye birkaç sorgu parametresi ekleyerek görüntünüzü manipüle edebilmenizdir. Ayrıntıları görmek için belge sayfasını burada görebilirsiniz, ancak nasıl çalıştığına dair bazı kısa örneklere bakalım. Sitenizin bir bölümünde kullandığınız geniş bir resminiz olduğunu varsayalım. Şimdi, aynı görüntüyü kullanmak istiyorsunuz, ancak kare görüntüleri kesmek istiyorsunuz. Quicq olmadan, en sevdiğiniz resim düzenleme aracını açmanız, resimleri kesmeniz ve ardından kullanılmak üzere kesilen görüntüden yeni kopyalar yüklemeniz gerekir. Quicq gerçek zamanlı görüntü işlemiyle, yalnızca URL parametreleri ekleyerek (ve orijinal görüntüyü etkilemeden) kesim yapabilirsiniz. Orijinal görüntüyü ve URL’yi takiben: ve bu URL parametresini ekleyerek 1000 × 1000 piksel kare kesildiğinde görüntünün görüntülenmesidir -? W = 1000 & H = 1000 & C = 1:
Bu başka bir örnek … Diyelim ki daha ileri gidip görüntü koymak, onları karelere kesmenin yanı sıra. Tek yapmanız gereken bir bulanıklık parametresi eklemek ve ne kadar bulanıklık kullanmak istediğinizi (0’dan 3’e) ayarlamak ve görüntünüz gömülecek:Quicq Fast Price, sonsuza dek ücretsiz bir pakete sahiptir, bu da oldukça cömert ve daha sonra daha fazla özelliğe ihtiyaç duyan kullanıcılar için ücretli paketler vardır. Ücretsiz paket, ayda 100.000’e kadar resmi optimize etmenizi ve küçük siteler için fazlasıyla yeterli olması gereken ayda 25 GB CDN bant genişliği sunmanızı sağlar. Örneğin, temel bir broşür/portföy siteniz veya küçük bir blogunuz varsa, bunu aşacağınızı sanmıyorum. *Unutmayın, görüntü optimizasyonu geleneksel bir eklenti gibi bir kez yerine dinamik olarak gerçekleşir, bu nedenle görüntü her yüklendiğinde bir optimizasyon olarak hesaplanır. Ücretli bir pakete ihtiyacınız varsa, iki metriğe göre faturalandırılırsınız: optimizasyon – ayda sahip olduğunuz görüntü optimizasyonu sayısı.
Veri aktarımı – CDN üzerinden sunulduğunda görüntünüz tarafından kullanılan bant genişliği sayısı.
Bu faturalandırma stratejisi, genellikle sadece aylık site ziyaretlerinizin sayısına göre toplayan diğer gerçek zamanlı görüntü eklentilerini optimize etmekten biraz daha karmaşıktır. Ancak, aslında bu faturalandırma modelini tercih ediyorum, çünkü bence bu, kullanımınızı tahmin etmeyi biraz daha zorlaştırsa da, bu daha adil bir faturalandırma yoludur. Bu yaklaşımla, yalnızca paradan tasarruf etmenize yardımcı olabilecek gerçek kullanıma göre faturalandırılacaksınız. Ne ödeyeceğinizi öğrenmek için fiyat sayfasında bir hesap makinesi kullanabilirsiniz. Sitenizin kullanımından emin değilseniz, başlamak için ücretsiz seviyeyi kullanabilirsiniz veya daha yüksek kullanımlı bir paketten 14 günlük ücretsiz bir deneme yapabilirsiniz, bu da size sitenizin kullanımını iyi bir şekilde anlayacaktır:
Premium bir pakete ihtiyacınız varsa, özel kupon kodumuzla tüm paketler için ilk iki ay için% 20 indirim alabilirsiniz:% 20 indirim hızlı Tüm quicqshow daha fazla paket için ilk iki ayınız için% 20 indirim alın Tüm quicq gösterisi için ilk iki ayınız için% 20 indirim daha az paket
Wpayor20
Bu Sözleşmeyi Alın
Bir bütün olarak quicq hakkındaki son zihin, birçok sitenin bu gerçek zamanlı görüntüyü optimize etme yaklaşımına yöneldiğini biliyorum. Bence bu yaklaşımın, görüntülerinizi manipüle etme ve her ziyaretçinin benzersiz durumları için optimize edilmiş bir görüntü görmesini sağlamak için verdiği esneklik nedeniyle sunulması gereken birçok şey olduğunu düşünüyorum. Quicq, bunu WordPress’e getiren ilk eklenti değil, ancak bunun başına gelen bazı şeyler var: Çok cömert bir serbest seviyeye sahiptir. Bu şimdiye kadar gördüğüm en yüksek serbest seviyeye sahip.
Premium seçenekler için fiyat ayar modelini seviyorum çünkü yalnızca gerçek kullanımınıza göre ödeme yapıyorsunuz. Fiyat ayarını biraz daha karmaşık hale getirmesine rağmen, bu “daha adil” bir toplamı “daha sadece” bir yol olduğunu düşünüyorum. Ayrıca, ne ödeyeceğinizden emin değilseniz, sitenizin gerçek kullanımını bulmak için her zaman sınırsız 14 günlük deneme kullanabilirsiniz. Yine de kesme, gizleme vb. Gibi diğer görüntüleri manipüle etmenize izin verir.Bildiğim diğer WordPress eklentilerinin çoğu sadece performansa odaklanıyor veya sadece filigranlara erişim sağlıyor, bu yüzden bundan daha havalı quicq.Çoğu sıradan kullanıcı bunu kullanmayabilir, ancak bu gelişmiş kullanıcılar ve geliştiriciler için iyidir. Eğer denemek istiyorsanız, Quicq’in sonsuza kadar ücretsiz paketleri vardır ve kullanımınızı bilmenize yardımcı olacak sınırsız 14 gün cömert ve ücretsiz denemeleri vardır.Başlamak için aşağıdaki düğmeyi tıklayabilirsiniz:
Quickq web sitesi
Wordpress.org sayfası
