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ş

oynamakBu makaleyi 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 sitenin teknik optimizasyonu ile ilgilidir. Oldukça basit manipülasyonlara izin vererek, sitenin yüklenmesini önemli ölçüde hızlandırır. Hızlı bir site, arama motoru tanıtımında önemli bir başarıdır.

Makalenin içeriği:

.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. Optimizasyon tam olarak sitemizin ağırlığını azaltmak için gereklidir. 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 uygulama/rss+xml AddOutputFilterByType DEFLATE uygulama/ javascript AddOutputFilterByType DEFLATE uygulaması/x-javascript

Sunucu üzerindeki yükü azaltmak için yavaş bir algoritma ile sıkıştırma:

RewriteEngine On 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:

1TP30ÖzgünDosya = __DIR__ . '/jquery-1.11.0.min.js'; $gzipDosyası = __DIR__ . '/jquery-1.11.0.min.js.gz'; 1TP30OriginalData = file_get_contents(1TP30OriginalFile); $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 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 resmi/jpg AddOutputFilterByType DEFLATE resmi/ png AddOutputFilterByType DEFLATE resim/gif AddOutputFilterByType DEFLATE resim/flv AddOutputFilterByType DEFLATE resim/ico AddOutputFilterByType DEFLATE resim/swf AddOutputFilterByType DEFLATE uygulama/rss+xml AddOutputFilterByType DEFLATE uygulama/xhtml+xml AddOutputFilterByType DEFLATE uygulama/xml AddOutput FilterByType 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 DE FLATE video/x- m4v AddOutputFilterByType DEFLATE video/mp4 AddOutputFilterByType DEFLATE video /ogg AddOutputFilterByType DEFLATE video/webm AddOutputFilterByType DEFLATE video/quicktime AddOutputFilterByType DEFLATE ses/x-mpegurl AddOutputFilterByType DEFLATE ses/midi AddOutputFilterByType DEFLATE ses/mp3 AddOutputFilterByType DEFLATE ses/mp4 AddOutputFilterByType DEFLATE ses/ mpeg AddOut putFilterByType DEFLATE ses/webm AddOutputFilterByType DEFLATE ses/temel AddOutputFilterByType DEFLATE audio /x-wav AddOutputFilterByType DEFLATE audio/wav BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html mod_gzip_on Evet mod_gzip_item_include dosyası \.js$ mod_gzip_item_include dosyası \.css$

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.

Bu makaleyi okumak:

Okuduğunuz için teşekkürler: SEO YARDIMI | NICOLA.ÜST

Bu gönderi ne kadar yararlı oldu?

Derecelendirmek için bir yıldıza tıklayın!

Ortalama puanı 5 / 5. Oy sayısı: 276

Şimdiye kadar oy yok! Bu gönderiyi ilk değerlendiren siz olun.

Ş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

13 + onbeş =