Gzip sıkıştırma js / css / html site hızlandırma - .htaccess'te nasıl etkinleştirilir

Yazdır · Время на чтение: 9min · tarafından · Yayınlanan · Güncellenmiş

çoğaltmakmakaleyi dinle

Gzip sıkıştırma js css html.Selamlar, sevgili okuyucular! Bugün hakkında konuşacağız gzip js sıkıştırma | css | htmlsite yüklemesini hızlandırmak için. .htaccess dosyasıyla nasıl etkinleştirilir. Ayrıca sunucu tarafında dosya sıkıştırmayı neden etkinleştirmeniz gerektiğini de anlatacağım.

Bu konu doğrudan teknikle ilgilidir. site optimizasyonu. Oldukça basit manipülasyonlara izin vererek, önemli ölçüde web sitesi yüklemesini hızlandırın. Hızlı bir site, arama motoru tanıtımında önemli bir başarıdır.

.htaccess'te Gzip dosya sıkıştırmasını etkinleştirmenin amacı nedir?

Sitedeki sayfaların Gzip sıkıştırması nasıl etkinleştirilir?

Birçok yazımda da belirttiğim gibi! İlk aşamadaki site oldukça büyük bir ağırlığa sahiptir. Ve bunlar. için optimizasyon gereklidir sitemizin ağırlığını azaltmak. Elbette kod miktarını, sayfaların, resimlerin ve diğer şeylerin ağırlığını azaltmamız gerekiyor. Genel görev, kullanıcıya sitenin hafif ve hızlı yüklenen bir sürümünü vermektir.
Böylece bilgileri hızlı bir şekilde dağıtıyoruz. Sayfalar ve bölümler arasındaki geçiş saniyeden çok daha kısa sürede gerçekleşir. Aynı zamanda, ziyaretçiler tüm yüklü tasarım öğelerini ve etkileşimin diğer etkileşimli öğelerini hızlı bir şekilde göreceklerdir.

GZIP sıkıştırması - aktarılan dosyaların kesintisiz arşivlenmesini sağlar. Böylece, kaynağın kalitesinde kayıpsız sıkıştırma elde ederiz. Tüm veriler, kullanıcının tarayıcısında açıldıktan sonra orijinal durumuna gelir. Uygulamanın kendisi birkaç çalışma algoritmasından kaynaklanmaktadır. Bunlar, LZ77 ve Huffman kullanan temel DEFLATE'i içerir.

Tabii ki, bu tür bir sıkıştırma (sıkıştırma) ideal bir çözüm değildir. Ancak Gzip'in uygulanması bizi hız ve sıkıştırma oranı arasında bir dengeye getiriyor. Bu yöntem, siteyi hızlandırmanın diğer yolları arasında en popüler olanıdır. Ayrıca, sunucuda daha küresel bir yöntemin uygulanması çok fazla zaman ve test gerektirecektir. Ve istenen sonucu vermeyebilir! Gzip sıkıştırması bu konuda dosya indirmelerini hızlandırmanın en güvenilir yoludur.

Gzip sıkıştırması - hangi dosyalar için kabul edilebilir? Hangi sunucularda çalışır?

Aslında gzip sıkıştırması geniş bir dosya listesini kapsar. Ama küçük bir dezavantajı var! Bir kullanıcı bir siteyi ziyaret ettiğinde, sunucunun anında büyük miktarda veriyi sıkıştırması gerekir. Bu da sunucu üzerinde belirli bir yüke yol açar. Ancak çoğu durumda kritik değildir. Aktarımdan sonra desteklenen tüm dosya biçimleri, popüler tarayıcılarda mükemmel şekilde görüntülenir.

Ana olanlar şunları içerir:

  • metin/düz metin/html;
  • metin/xml uygulaması/xml uygulaması/xhtml+xml uygulaması/xml-dtd;
  • uygulama/rdf+xml uygulaması/rss+xml uygulaması/atom+xml görüntüsü/svg+xml;
  • metin/css metni/javascript uygulaması/javascript uygulaması/x-javascript;
  • yazı tipi/opentype uygulaması/yazı tipi-otf uygulaması/x-yazı tipi-otf;
  • yazı tipi/truetype uygulaması/font-ttf uygulaması/x-font-ttf.
Gzip dosya sıkıştırması, ana Apache ve Nginx sunucularında kullanılır. Geçerli çalışma modülleri ve sunucu özellikleriyle.

Örneğin: Nginx - statik için kullanılır. Statik dosyaları iyi sıkıştırır ve işler. Sıkıştırma, ngx_http_gzip_module ve ngx_http_gzip_static_module modülleri sayesinde gerçekleşir. Ana uzantının “.gz” ile değiştirilmesi ile kesintisiz anında sıkıştırma gerçekleştirilir.

Standart konfigürasyon örneği:

gzip'i açın;
gzip_min_uzunluk 1000;
gzip_types metin/düz uygulama/xml;

Apache en çok talep edilen sunucudur. Tabii ki, üzerindeki sıkıştırma daha iddialı ve özelleştirilebilir olacak. Bu sunucuda Gzip sıkıştırması mod_deflate modülü kullanılarak yapılır. Kullanıcının tarayıcısına gönderilmeden önce anında sıkıştırma sağlayarak.

Standart konfigürasyon örneği:

# GZIP'i Etkinleştir - sıkıştırmayı etkinleştir
AddOutputFilterByType DEFLATE metin/düz
AddOutputFilterByType DEFLATE metin/html
AddOutputFilterByType DEFLATE metin/xml
AddOutputFilterByType DEFLATE metin/css
AddOutputFilterByType DEFLATE uygulama/xml
AddOutputFilterByType DEFLATE uygulama/xhtml+xml
AddOutputFilterByType DEFLATE uygulama/rss+xml
AddOutputFilterByType DEFLATE uygulaması/javascript
AddOutputFilterByType DEFLATE uygulaması/x-javascript

Sunucu üzerindeki yükü azaltmak için yavaş bir algoritma ile # Sıkıştırma.

Motoru Yeniden Yaz
AddEncoding gzip .gz
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*)$ $1.gz [QSA,L]

PHP daha az popüler bir seçenektir. Ancak, zlib modülünü kullanarak sıkıştırmayı organize etme yeteneğine de sahiptir. Bu yöntem çok yavaş olduğu için önerilmez.

Standart konfigürasyon örneği:

1TP29OrijinalDosya = __DIR__ . '/jquery-1.11.0.min.js';
$gzipDosyası = __DIR__ . '/jquery-1.11.0.min.js.gz';

1TP29OriginalData = file_get_contents(1TP29OriginalFile);

$gzipData = gzencode($originalData, 9);
file_put_contents($gzipFile, $gzipData);

var_dump(filesize($originalFile)); // int(96380)
var_dump(filesize($gzipFile)); // int(33305)

Elbette Apache + Nginx + PHP sunucularının birlikte kullanılması da mümkündür. Böylece sunucular arasında belirli bir yük dağılımı sağlanacaktır. Ancak bu, sıradan kullanıcılar tarafından yapılmaması gereken çok zor bir iştir.

Apache/Nginx/PHP'nin tüm ana avantajlarını kullanarak sunucumu kendim yapılandırdım. Böylece, Nginx statiği halleder, Apache gerisini PHP ile halleder. Sonuç çok olumlu. Ancak bu yöntemi organize etmek için çok zaman harcandı.

.htaccess dosyasında Gzip sıkıştırması nasıl etkinleştirilir?

Aslında, bunu yapmak zor değil. Üstelik bu dosyadan daha önce bahsetmiştim.

Temel kurallar aynı kalır:

  1. Düzenlemeden önce orijinal .htaccess dosyasını kaydettiğinizden emin olun. 500 hatası durumunda, geri yüklenecek bir şey olacaktır.
  2. Çizgiler arasında boşluk olmamalıdır.
  3. Tüm yorumları # işaretinden sonra yazıyoruz.
  4. Ekledikten sonra kodun bütünlüğünü kontrol ettiğinizden emin olun.

Standart .htaccess kuralları yapılandırmasının birkaç örneğinden yukarıda bahsedilmiştir. Ama bence bu yeterli değil, bu yüzden kendi örneğimi vereceğim. Bu kurallar dizisi bu sitede çalışıyor, gördüğünüz gibi herhangi bir sorun yok.

Aynı zamanda sıkıştırma anında gerçekleşir, site frensiz hızlı yüklenir. Tek yapmanız gereken bu kodu .htaccess dosyanıza yapıştırmak. Kendi sunucunuz varsa, bence her şeyi kendiniz biliyorsunuz.

Ana kitle için kullanım talimatları:

  1. Herhangi bir popüler ftp istemcisi ile sunucuya gidiyoruz;
  2. Sitenin köküne gidin (dizin);
  3. .htaccess dosyası sitenin ana dizininde bulunur;
  4. Bir metin editörü ile açıyoruz, genel olarak Sublime Text 3 daha iyi;
  5. Ardından, dosyanın en sonuna, aşağıda gösterilecek kodu yapıştırın.
  6. Site kopya korumalı olduğundan kodu kontrol etmenizi rica ederiz (kodun sonunda siteye link verilmiş olabilir).

# GZIP'i Etkinleştir
ifmodule mod_deflate.c parantez "<>" içine alınmalıdır
AddOutputFilterByType DEFLATE metin/düz
AddOutputFilterByType DEFLATE metin/metin
AddOutputFilterByType DEFLATE metin/html
AddOutputFilterByType DEFLATE metin/düz
AddOutputFilterByType DEFLATE metin/xml
AddOutputFilterByType DEFLATE metin/css
AddOutputFilterByType DEFLATE resim/gif
AddOutputFilterByType DEFLATE resim/jpeg
AddOutputFilterByType DEFLATE image/jpg
AddOutputFilterByType DEFLATE image/png
AddOutputFilterByType DEFLATE resim/gif
AddOutputFilterByType DEFLATE image/flv
AddOutputFilterByType DEFLATE image/ico
AddOutputFilterByType DEFLATE resim/swf
AddOutputFilterByType DEFLATE uygulama/rss+xml
AddOutputFilterByType DEFLATE uygulama/xhtml+xml
AddOutputFilterByType DEFLATE uygulama/xml
AddOutputFilterByType DEFLATE uygulaması/x-javascript
AddOutputFilterByType DEFLATE uygulaması/javascript
AddOutputFilterByType DEFLATE uygulaması/json
AddOutputFilterByType DEFLATE video/3gpp
AddOutputFilterByType DEFLATE video/3gpp2
AddOutputFilterByType DEFLATE video/x-flv
AddOutputFilterByType DEFLATE video/jpm
AddOutputFilterByType DEFLATE video/jpeg
AddOutputFilterByType DEFLATE video/x-m4v
AddOutputFilterByType DEFLATE video/mp4
AddOutputFilterByType DEFLATE video/ogg
AddOutputFilterByType DEFLATE video/webm
AddOutputFilterByType DEFLATE video/quicktime
AddOutputFilterByType DEFLATE audio/x-mpegurl
AddOutputFilterByType DEFLATE audio/midi
AddOutputFilterByType DEFLATE audio/mp3
AddOutputFilterByType DEFLATE audio/mp4
AddOutputFilterByType DEFLATE ses/mpeg
AddOutputFilterByType DEFLATE ses/webm
AddOutputFilterByType DEFLATE ses/temel
AddOutputFilterByType DEFLATE audio/x-wav
AddOutputFilterByType DEFLATE ses/wav
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] gzipsiz
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
ifmodule mod_gzip.c parantez "<>" içine alınmalıdır
mod_gzip_on Evet
mod_gzip_item_include dosyası \.js$
mod_gzip_item_include dosyası \.css$
/ifmodule parantez "<>" içine alınmalıdır
/ifmodule parantez "<>" içine alınmalıdır

Gerekli öğeleri parantez içine almazsanız bir hata alırsınız. Siteniz çalışmayı durduracak ve size 500 dahili sunucu hatası verecektir. “<>” köşeli parantez içinde olmalıdır” ibaresi de koddan çıkarılmalıdır. Bundan sonra, .htaccess dosyasının kaydedilmesi gerekir.

Yeni kuralları tam olarak uygulamak için sunucuyu yeniden başlatmak da iyi bir fikirdir. Tüm bu işlemlerden sonra siteniz çok daha hızlı çalışacaktır. Sayfa yükleme hızı önemli ölçüde artacaktır.

Web sitesi yükleme hızını ve Gzip sıkıştırmasını kontrol edin

Sunucu tarafı sıkıştırmayı etkinleştirdikten sonra. Yapılan işin başarısını kontrol edebilirsiniz! Bunu birkaç popüler çevrimiçi araçla yapabilirsiniz. Onlara bir göz atalım:

Sayfa Hızı İçgörüleri - siteyi kontrol etmek için ana ve en popüler çevrimiçi araç. 2018'de Google tarafından yapılan son değişikliklerden sonra. Sitenin ayrıntılı bir analizi için kapsamlı bir veri listesi sağlar.

PageSpeed ​​​​Insights hakkında daha fazla bilgi edinin.

Ne olabilir:

  1. Genel site hız derecelendirmesi;
  2. İçerik yükleme süresini belirtir;
  3. Genel hız indeksi ve etkileşim süresi;
  4. Optimizasyon için önerilerde bulunur;
  5. Ayrıntılı performans bilgilerini gösterir;
  6. Gzip sıkıştırmanın etkin olup olmadığını gösterir;
  7. Karma oluşturmanın etkin olup olmadığını gösterir;
  8. Hata düzeltme için zengin bilgi sağlar.

PageSpeed, birçok web sitesi hız sorununu çözmenize yardımcı olacaktır. Bu araç sayesinde sitemdeki birçok hata düzeltildi.

Pingdom Araçları ayrıca popüler çevrimiçi web sitesi analiz araçlarından biridir. Çeşitli site değerlendirme kriterleri hakkında yeterince ayrıntılı bilgi verir. İndirmeyi neyin yavaşlattığını bulmak kolaydır.

pingdom aracı nedir?

Size ne verecek:

  1. Sitenin genel performansının değerlendirilmesi;
  2. Site veritabanına yapılan istek sayısı;
  3. Sayfa yükleme hızı;
  4. İçerik türüne göre içerik boyutu;
  5. Sunucu yanıtları 200/301/302/404/503 ve diğerleri;
  6. Etki alanlarına göre genel sorgular;
  7. Durumun grafik gösterimi vb.;

Site hızı hakkında birçok bilgi verir. Ancak Google gibi ayrıntılı talimatlar vermiyor.

WordPress için GZIP sıkıştırma eklentileri

Göründüğü kadar garip, ancak WordPress CMS'deki site sahiplerinin fazla uğraşmasına gerek yok. Bunun nedeni sitede sıkıştırmayı sağlayan eklentilerin çeşitliliğidir. Tek yapmanız gereken beğendiğiniz eklentiyi kurmak. Ardından, eklenti ayarlarında sıkıştırmayı etkinleştirin ve etkinleştirin. O zaman tüm işi senin için yapacak. En popüler olanlardan birkaçını anlatacağım.

Sayfa Hızı Ninjası WordPress için en iyi performans eklentisidir. Google PageSpeed Insights tarafından bulunan sorunları tek tıklamayla çözerek web sitelerinizi masaüstü ve mobil cihazlarda hızlı hale getirebilirsiniz. Sitede sıkıştırmayı hızlı bir şekilde etkinleştirmenizi sağlar.

Wordpress'te Google PageSpeed ​​puanınızı yükseltin.

WP En Hızlı Önbellek aynı zamanda en popüler karma eklentilerinden biridir. Biri sıkıştırma içeren çok sayıda gruplandırılmış ayara sahiptir.

WP Fastest Cache - WordPress için Eklenti.

kuyruklu yıldız önbelleği Ben kendim bu eklentiyi kullanıyorum. Diğer eklentilerle birlikte kullanıldığından mükemmel bir sonuç verir. Ayrıca ayarlarından biri gzip sıkıştırmayı içerir.

Comet Cache, her sayfanın önbelleğini oluşturur.

Genel olarak, Wordpress için tüm ana önbellek eklentileri, sitede GZIP sıkıştırmasını etkinleştirmenize izin verir. En az yük için tam teşekküllü çok işlevli eklentiler öneririm.

Sonuç olarak şunu söyleyeceğim: sıkıştırmayı açtığınızdan emin olun. Bu da performansa çok iyi etki edecek ve aramalarda siteyi yükseltecektir. Umarım bu makale size bu konuda yardımcı olacaktır.

Nicola Top'u okuduğunuz için teşekkür ederiz.

Gönderi ne kadar yararlı?

Derecelendirmek için ifadeye tıklayın!

Ortalama puanı 5 / 5. Derecelendirme sayısı: 52

Henüz derecelendirme yok. Önce derecelendirin.

Şunlar da hoşunuza gidebilir...

1 Yanıt

  1. Илья dedi ki:

    Hemen 500 hatasına neden olan kodu kopyalayıp yapıştırdım. Şimdi dikkatlice okumam gerektiğini anlıyorum. Kopya korumanızın da olduğunu görüyorum. Ve içerik sayesinde uygun ve çalışıyor.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

11 + 9 =