Kullanıcı deneyimini arttırmak ve Google standartlarına uygun bir web sitesi oluşturmak için PageSpeed optimizasyonuna sıkça başvuruyoruz. Böylece Google tarafından bize bildirilen sorunları tespit edebiliyor ve müdahalede bulunabiliyoruz. Bu yazımda sizlere Pagespeed tarafında karşımıza çıkan Resimleri verimli bir şekilde kodlayın hatası ve çözümü hakkında bilgi vereceğim.
Resimleri Verimli Bir Şekilde Kodlayın Hatası Nedir?
Google, en optimal ve performanslı siteyi kullanıcıya göstermenizi ister. Bunun için de daha hızlı açılan, sorunsuz gösterim sağlayan siteleri ön plana alır. Özellikle site açılışında görseller boyut nedeniyle çok fazla boyuta sahiptir. Bu görselleri maksimum düzeyde optimize etmeniz, hem kullanıcı hem de Google standartları için çok önemlidir. Resimleri verimli bir şekilde kodlayın hatası da özellikle görsel optimizasyonu sınıfında yer alıp Performans kategorisinde incelenmekte.
Resimleri verimli bir şekilde kodlayın hatası; sayfanızdaki görsellerin sıkıştırılması, boyutlarının gösterilen alana uygunluğu gibi birkaç standarta sahiptir. Bu işlem için yapmanız gereken ise görselinizin kalitesini bozmadan sıkıştırmak olacaktır. Böylece hem dosya boyutunu küçültmüş olursunuz hem de ziyaretçinin daha hızlı şekilde siteyi ve görseli yüklemesini sağlarsınız.
Resimleri Verimli Bir Şekilde Kodlayın Hatası Çözümü
Oldukça sık karşılaşılan bir hata olması nedeniyle yazılımcıların ilgi odağında olan görsel optimizasyonu için hem WordPress gibi CMS’lerde modüller hem de özel yazılımlar için hazır kütüphaneler bulunmakta.
WordPress için Resimleri Verimli Bir Şekilde Kodlayın Hatasının Çözümü
Bu konuda hem “resimlerin yeni nesil biçimlerde yayınlayın” hatası hem de resimleri verimli bir şekilde kodlayın hatasının çözümü için Converter for Media – Optimize images | Convert Webp & AVIF eklentisini kullanabilirsiniz. Bu eklenti ile tüm görsellerinizi webp formatında yayınlayabilir, ayrıca sıkıştırma fonksiyonu ile belirlediğiniz sıkıştırma oranında görselinizi sıkıştırarak dosya boyutunu düşürebilirsiniz.
Converter for Media – Optimize images | Convert Webp & AVIF Kurulumu için, sitenizin paneline giriş yaparak Eklentiler -> Yeni Ekle bölümüne girin ve ilgili eklenti ismini aratın. Ardından eklentiyi kurun ve ayarlar kısmında sıkıştırma alanını önerilende tutarak “Force the conversion of all images again” butonuna tıklayın. Sürecin tamamlanmasını bekleyin. Ardından Pagespeed’te kontrol ederek hatanın ortadan kalktığını görüntüleyebilirsiniz.
Diğer Yazılımlar için Resimleri Verimli Bir Şekilde Kodlayın Hatasının Çözümü
PHP, Node.js vb. backend yazılımları için bir otomasyon oluşturmak istiyorsanız ilgili kodlama dilleri için oluşturulmuş kütüphaneleri araştırmanız veya hazır projelere bakmanız çok yararlı olacaktır. Örneğin Github’ta php-image-compressor ‘a ulaşarak PHP yazılımınıza uygulayabilirsiniz. Eğer yazılımsal müdahale yapamıyorsanız; işlemlerinizi tinypng.com gibi siteleri kullanarak manuel olarak yapabilir ve sitenizdeki tüm resimleri sıkıştırabilirsiniz.