Srcset ve Sıkıştırmayı Kullanan Joomla Duyarlı Görüntü

Optimizasyon mu? Kontrol etmek. Lazy loading ? Tekrar kontrol et. Yine de Joomla! web sitesi hantal görünüyor ve mobil cihazlarda yüklenmesi çok uzun sürüyor ve bağlantılar yavaş. Umutsuzluğa kapılmayın; işte tam bu noktada HTML yapısı işinize yarar; daha doğrusu, görüntü kaynağı kümeleri veya srcset niteliği.

Belki de Joomla! blog yüksek kaliteli görseller kullanıyor ve bunları ortadan kaldıramazsınız veya kaldırmak istemezsiniz. Bu endişelenecek bir neden değil. Joomla!'nın Droppics eklentisi ile görsellere genel optimizasyon uygulamakla kalmaz, aynı zamanda kullanıcıların cihazlarına bağlı olarak farklı dosyalar da sunabilirsiniz.

HTML srcset ile Duyarlı Görseller

Daha önce HTML ile uğraştıysanız, görüntülerin bir kaynak özelliği olan src . Görüntü kaynağı, tarayıcıların Joomla!'da görüntülenmek üzere görüntüleri yüklediği konumdur. kullanıcılar. Belirli bir görüntü için tutarlı bir kaynak kullanmanın sorunu, ne kadar büyük olursa olsun her zaman aynı dosyanın yüklenecek olmasıdır.

Örneğin, bir makalenin üst kısmında bir kahraman banner'ınız varsa, aynı görsel tüm cihazlara yüklenecektir. Tarayıcılar görseli indirir ve özellikle mobil cihazlarda bazen büyük ölçüde küçültür. srcset ) tanımlayabilirsiniz .

Adından da anlaşılacağı gibi kaynak seti tek bir kaynak yerine kaynakların bir listesidir. Her kaynak bir tarayıcı genişliğiyle ilişkilendirilir, böylece mobil cihazlar küçük resimler indirir ve kullanıcılar Joomla! Blog masaüstü bilgisayarlardan tam çözünürlüklü görseli indirir. Başka bir deyişle, image srcset, görüntüleri duyarlı görüntülere dönüştürür.

Kaynak kümelerini kullanmanın sonucu yalnızca daha hızlı yükleme süreleri değil, aynı zamanda gelişmiş SEO puanlarıdır. Tüm bunlar, aynı görüntünün farklı çözünürlüklerdeki kopyalarına sahip olmanın ve kullanıcıların ihtiyaç duyduğu anda kolayca erişebilmelerinin küçük bir bedeli olarak gelir. srcset özniteliği ve kaynak kümeleriyle ilgili diğer her şey burada bulabilirsiniz , ancak bunları Joomla!'nızda kullanmaya başlamak için sabırsızsanız! blog, okumaya devam et.

Joomla!'da Ölçeklendirilmiş Görüntüler Sunma Droppics ile

Droppics'i basitçe bir Joomla! galeri yöneticisi uzantısını kullanabilirsiniz, ancak gizli planda sizin farkında olmayabileceğiniz pek çok şey oluyor. Örnek olarak: Droppics artık kullanıcılarınız için doğru görselleri yüklemek amacıyla kaynak setini kullanıyor. Bu özelliğin farkında değilseniz, bu özelliği kullanmıyor olmanız da mümkün olabilir.

Joomla!'nızda srcset özelliğini kullanmak için! blog'u açmak için öncelikle Droppics yapılandırmanız aracılığıyla etkinleştirmeniz gerekir. Droppics'in seçeneklerinde ana parametreler gidin ilk seçenekler arasından duyarlı görselleri Yeni ayarları uygulamak için değişiklikleri kaydedin.

Duyarlı görseller gibi , Droppics ayarını etkinleştirerek her Joomla! için iki yeni küçük resim oluşturur. sahip olduğunuz görüntü. Bu küçük resimler, Joomla!'ya erişmek için kullanılan cihaza bağlı olarak oluşturulan duyarlı görsellerin kendisidir. Blog.

Bir gönderi oluşturup bir Droppics görseli eklediğinizde, uzantı sizin için srcset'i Bize inanmıyor musun? Ön uçtaki HTML'yi inceleyin; farklı cihaz boyutları için birden fazla kaynak bulacaksınız.

Genel optimizasyon, lazy loadinggibi iyi ve iyidir, ancak bazen yapabilecekleri çok şey vardır. Bazı durumlarda, tekil kaynaklar yerine görüntü kaynak kümeleri sağlayan modern HTML tekniğini kullanmak, yavaş yükleme sürelerinin üstesinden gelmenin anahtarı olabilir.

Ama bekleyin, hepsi bu değil. Bulmacanın hala eksik bir parçası var.

Joomla'da srcset Görüntülerini Sıkıştırın!

Aynı görüntünün birden fazla kopyasına sahip olmanın faydalı olup olmadığını merak ediyor olabilirsiniz. Belki sunucu alanından tasarruf etmek istiyorsunuz ya da yeni görsellerin birikmesinden korkuyorsunuz. Kaynak kümesini kullanmanız, onu sıkıştırma gibi diğer optimizasyon teknikleriyle birleştiremeyeceğiniz anlamına gelmez.

ImageRecycle ayrıca Joomla! ve Droppics ile sorunsuz bir şekilde entegre edebilirsiniz. Aslında, Joomla! dosyanızı otomatik olarak sıkıştıracak şekilde bile yapılandırabilirsiniz. Kaynak, görüntüleri oluşturuldukları anda hemen ayarlar. Kayıplı veya en iyi kaydetme sıkıştırmasıyla %80'e kadar, kayıpsız veya orijinal sıkıştırmayla %20'ye kadar tasarruf edebilirsiniz. buradan okuyabilirsiniz .

Joomla!'daki uzantının yapılandırmasına giderek ImageRecycle ayarlayabilirsiniz Oradan gelişmiş sekmesine gidin ve kaydetme sırasında medyayı optimize etmeyi . ImageRecycle arayüzü aracılığıyla hangi görüntülerin optimize edileceğini manuel olarak seçebilirsiniz

Yükleme süreleri çok yönlü bir sorundur. Kaliteyi korurken ve depolama alanından tasarruf ederken dosya boyutlarını aynı anda küçültmeniz gerekir. Büyülü Droppics'in kaynak seti ve ImageRecyclesıkıştırmasıyla, bunların hepsi mümkün olmakla kalmaz, aynı zamanda kolay, otomatikleştirilmiş bir süreç olabilir.