Metin sıkıştırmayı etkinleştirin

Metin tabanlı kaynaklar, toplam ağ baytı sayısını en aza indirmek için sıkıştırılarak yayınlanmalıdır. Lighthouse raporunuzun Fırsatlar bölümü, sıkıştırılmayan tüm metin tabanlı kaynakları listeler:

Lighthouse Metin sıkıştırmayı etkinleştirme denetiminin ekran görüntüsü

Lighthouse metin sıkıştırmayı nasıl işler?

Lighthouse şu tüm yanıtları toplar:

  • Metin tabanlı kaynak türleri olmalıdır.
  • br, gzip veya deflate olarak ayarlanmış bir content-encoding üst bilgisi eklemeyin.

Daha sonra Lighthouse, potansiyel tasarrufları hesaplamak için bunların her birini GZIP ile sıkıştırır.

Yanıtın orijinal boyutu 1,4 KiB'den küçükse veya potansiyel sıkıştırma tasarrufu orijinal boyutun% 10'undan azsa Lighthouse bu yanıtı sonuçlarda işaretlemez.

Sunucunuzda metin sıkıştırmayı etkinleştirme

Bu denetimi geçmek için bu yanıtları yayınlayan sunucularda metin sıkıştırmayı etkinleştirin.

Tarayıcı bir kaynak isteğinde bulunduğunda, hangi sıkıştırma algoritmalarını desteklediğini belirtmek için Accept-Encoding HTTP istek başlığını kullanır.

Accept-Encoding: gzip, compress, br

Tarayıcı Brotli'yi (br) destekliyorsa, kaynakların dosya boyutunu diğer sıkıştırma algoritmalarından daha fazla küçültebileceği için Brotli'yi kullanmanız gerekir. how to enable Brotli compression in <X> için arama yapın. Burada <X>, sunucunuzun adıdır. Aralık 2022'den itibaren Brotli, iOS'te Safari hariç tüm önemli tarayıcılarda desteklenmektedir. Güncellemeler için Tarayıcı uyumluluğu bölümüne bakın.

Brotli'ye yedek olarak GZIP kullanın. GZIP, yaygın tüm tarayıcılarda desteklenir, ancak Brotli'den daha az etkilidir. Örnekler için Sunucu Yapılandırmaları bölümüne bakın.

Sunucunuz, hangi sıkıştırma algoritmasını kullandığını belirtmek için Content-Encoding HTTP yanıt üst bilgisini döndürmelidir.

Content-Encoding: br

Chrome Geliştirici Araçları'nda bir yanıtın sıkıştırılıp sıkıştırılmadığını kontrol etme

Bir sunucunun yanıtı sıkıştırıp sıkıştırmadığını kontrol etmek için:

Geliştirici Araçları'nı açmak için Control+Shift+J (veya Mac'te Command+Option+J) tuşuna basın. Ağ sekmesini tıklayın.

[comment]: <> (Aşağıdaki liste web.dev'den bir kısa koddu, ancak İngilizceden hiçbir dile çevrilmemiştir.) 1. Geliştirici Araçları'nı açmak için Control+Shift+J (veya Mac'te Command+Option+J) tuşuna basın. 2. Ağ sekmesini tıklayın. 3. İlgilendiğiniz yanıta neden olan isteği tıklayın. 4. Üstbilgiler sekmesini tıklayın. 5. Yanıt Başlıkları bölümündeki content-encoding başlığını kontrol edin.

İçerik kodlaması yanıt başlığı
content-encoding yanıt başlığı.

Bir yanıtın sıkıştırılmış ve sıkıştırılmamış boyutlarını karşılaştırmak için:

[comment]: <> (Aşağıdaki liste web.dev'den bir kısa koddu, ancak İngilizceden hiçbir dile çevrilmemiştir.) 1. Geliştirici Araçları'nı açmak için Control+Shift+J (veya Mac'te Command+Option+J) tuşuna basın. 2. Ağ sekmesini tıklayın. 3. Büyük istek satırlarını etkinleştirin. Büyük istek satırları kullanma bölümünü inceleyin. 4. İlgilendiğiniz yanıt için Boyut sütununa bakın. En üstteki değer sıkıştırılmış boyuttur. En alt değer, sıkıştırılmış boyuttur.

Ayrıca bkz. Ağ yüklerini küçültme ve sıkıştırma.

Yığına özel rehberlik

Joomla

Gzip Sayfa Sıkıştırma ayarını (Sistem > Genel yapılandırma > Sunucu) etkinleştirin.

WordPress

Web sunucusu yapılandırmanızda metin sıkıştırmayı etkinleştirin.

Kaynaklar