Srcset ve Compression kullanan Joomla Duyarlı Görüntü

Optimizasyon? Kontrol etmek. Lazy loading ? Tekrar kontrol et. Yine de Joomla! web sitesi hantal geliyor ve mobil cihazlara yüklenmesi çok uzun sürüyor ve bağlantılar yavaşlıyor. Umutsuzluk değil—bu, HTML yapısının kullanışlı olduğu zamandır; daha kesin olarak, görüntü kaynağı kümeleri veya srcset özniteliği.

Belki de Joomla! blog yüksek kaliteli görüntüler kullanır ve bunlarla başa çıkamazsınız - ya da istemezsiniz. Endişe için bir sebep yok. 'In Droppics eklentisi ile görüntüler için genel bir optimizasyon uygulamakla kalmaz, aynı zamanda kullanıcıların cihazlarına bağlı olarak farklı dosyalar sunabilirsiniz.

HTML srcset ile Duyarlı Görseller

src tarafından tanımlandığını bileceksiniz . Görüntü kaynağı, tarayıcıların Joomla! kullanıcılar. Belirli bir görüntü için tutarlı bir kaynak kullanmanın sorunu, ne kadar büyük olursa olsun aynı dosyanın her zaman yüklenmesidir.

Örneğin, bir makalenin başında bir kahraman başlığınız varsa, aynı görüntü tüm cihazlara yüklenecektir. Tarayıcılar görüntüyü indirir ve ardından, özellikle mobil cihazlarda, bazen büyük ölçüde küçültür. Modern tarayıcılarla, yalnızca görüntüler için bir kaynak değil, bir dizi kaynak da tanımlayabilirsiniz: kaynak kümesi srcset .

Adından da anlaşılacağı gibi, kaynak kümesi tek bir kaynak yerine bir kaynak listesidir. Her kaynak bir tarayıcı genişliği ile ilişkilidir, böylece mobil cihazlar küçük görüntüleri ve Joomla! masaüstü bilgisayarlardan blog tam çözünürlüklü görüntüyü indirin. Başka bir deyişle, görüntü srcset görüntüleri duyarlı görüntülere dönüştürür.

Kaynak kümelerini kullanmanın sonucu sadece daha hızlı yükleme süreleri değil, aynı zamanda iyileştirilmiş SEO puanlarıdır. Tüm bunlar, aynı görüntünün farklı çözünürlüklere sahip kopyalarına sahip olmanın küçük bir bedeline ve kullanıcıların ihtiyaç duyduklarında kolayca elde edilebilmelerine neden oluyor. Sen hakkında daha fazla bilgi edinebilirsiniz srcset kaynak setleri ile ilgili öznitelik ve her şey burada , ama sabırsız iseniz sizin Joomla bunları kullanmaya başlamak için! blog, okumaya devam et.

Ölçekli Görüntüleri Joomla! Droppics ile

Droppics'i bir Joomla! galeri yöneticisi uzantısı, ancak farkında olmayabileceğiniz başlık altında gerçekleşen çok şey var. Durumda: Droppics artık kullanıcılarınız için doğru görüntüleri yüklemek için kaynak setini kullanıyor. Bu özelliğin farkında değilseniz, yalnızca bu özellikten yararlanmamanız da mümkündür.

Joomla!'nızda srcset niteliğini kullanmak için! blog, önce Droppics yapılandırmanız aracılığıyla etkinleştirmeniz gerekir. Droppics'in ana parametreler sekmesine gidin ve ilk seçenekler arasından duyarlı görüntüleri Yeni ayarları uygulamak için değişiklikleri kaydedin.

Duyarlı resimler gibi , Droppics ayarını etkinleştirerek her Joomla! sahip olduğunuz görüntü. Bu küçük resimler, Joomla!'nıza erişmek için kullanılan cihaza bağlı olarak oluşturulan duyarlı resimlerin kendileridir! Blog.

Bir gönderi oluşturduğunuzda ve bir Droppics görüntüsü eklediğinizde, uzantı srcset'i sizin için otomatik olarak ayarlar. Bize inanmıyor musun? HTML'yi ön uçta inceleyin ve farklı cihaz boyutları için birden fazla kaynak bulacaksınız.

Genel optimizasyon, lazy loading gibi 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! 'Daki ​​srcset resimlerini 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 istersiniz ya da yeni görüntülerin birikmesinden korkarsınız. Kaynak kümesini kullandığınız için, sıkıştırma gibi diğer optimizasyon teknikleriyle birleştiremeyeceğiniz anlamına gelmez.

ImageRecycle , ImageRecycle da mevcuttur! ve onu Droppics ile sorunsuz bir şekilde entegre edebilirsiniz. Hatta, Joomla !'nızı otomatik olarak sıkıştıracak şekilde bile yapılandırabilirsiniz. kaynak, görüntüleri oluşturulduklarında hemen ayarlar. Kayıplı veya en iyi kaydetme, sıkıştırma ile% 80'e ve kayıpsız veya orijinal sıkıştırma ile% 20'ye kadar tasarruf edebilirsiniz. Sen fark hakkında daha fazla bilgi bulabilirsiniz burada .

ImageRecycle görüntüleri otomatik olarak sıkıştıracak şekilde ayarlayabilirsiniz Oradan, gelişmiş sekmeye gidin ve kaydetme sırasında medyayı optimize . 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 ImageRecycle sıkıştırmasıyla, bunların hepsi mümkün olmakla kalmaz, aynı zamanda kolay, otomatikleştirilmiş bir süreç olabilir.