Sıkıştırılmış HTML Nasıl Çalışır ve Neden İhtiyacınız Olabilir?

Bir web sitesi işletiyorsanız, doğru görüntü biçimlerini nasıl kullanacağınızı ve görüntülerinizi web için nasıl optimize edeceğinizi zaten bilmelisiniz. Yeniden Boyutlandırmak, Dönüştürmek ve En İyileştirmek için 10 Ücretsiz Çevrimiçi Toplu Görüntü Aracı İhtiyacınız Olan 10 Ücretsiz Çevrimiçi Toplu Görüntü Aracı Toplu düzenleme araçları işlemek için çok fotoğrafınız ve çok az zamanınız olduğunda. Sizi çevrimiçi ortamda mevcut olan en iyi parti resizerleri, optimize edicileri veya dönüştürücülerle tanıştırıyoruz. . Yine de, görüntü sıkıştırma iyi bilinen bir uygulama olsa da, HTML sıkıştırması göz ardı edilme eğilimindedir, çünkü faydaları değerlidir.

Bu yazıda, HTML dosyalarını küçültmek, HTML dosyalarının neden küçültülmesi gerektiğini ve bu konuda nasıl çalışılacağını açıklayan iki ana yöntemi gözden geçireceğiz..

Sıkıştırma ve küçültme

HTML dosyalarını optimize etmek için, bunun için iki ana yöntem vardır: sıkıştırma ve küçültülmesi. Yüzeye benziyorlar ama aslında iki ayrı teknik, bu yüzden kafasını karıştırmayın.

Minification

Minyatürleştirmeyi, kaynak koddaki gereksiz karakter ve satırların kaldırılması olarak düşünebilirsiniz. Girintileri, yorumları, boş satırları vb. Düşünün. Bunların hiçbiri HTML'de gerekli değildir - dosyanın okunmasını kolaylaştırmak için vardırlar. Bu ayrıntıların kırpılması, hiçbir şeyi etkilemeden dosya boyutunu azaltabilir.

Örnek HTML sayfası:

  Buradaki Başlığınız   
Ortalama olarak, GZIP sıkıştırmasının bir HTML dosyasını yüzde 70 ila 90 oranında küçültmesini bekleyebilirsiniz. Yukarıdaki örneği muhafazakar bir sıkıştırma tahminiyle kullanarak, küçültülmüş HTML dosyaları, toplam 365 KB'lik büzülme için her biri 45 KB'den 13,5 KB'a çıkar. Yağsız / sıkıştırılmamışa kıyasla, site bant genişliğiniz artık günlük 365 MB (ayda 11 GB) azaldı.
Ayrıca, bant genişliği tasarrufunun yanı sıra, son sayfa tarayıcısının yalnızca sayfa başına 50 KB ve 13,5 KB indirmesi gerektiğinden her sayfa çok daha hızlı yüklenir..
HTML'yi Sıkıştırma ve küçültme
Neyse ki, bugünlerde ikisi de çok zor değil ve bunları ayarlamak için çok fazla teknik bilgiye ihtiyacınız yok..
WordPress Eklentileri
Bir WordPress sitesi çalıştırıyorsanız, yapmanız gereken tek şey bir eklenti yüklemek ve hem sıkıştırmanın hem de küçültmenin avantajlarından yararlanabilirsiniz..
Çoğu önbellek eklentisi, sayfaları basitçe önbelleğe almaktan daha fazlasını yapar. Örneğin, WP En Hızlı Önbellek ve W3 Toplam Önbellek, sayfa yüklemelerini daha da hızlandıran ve bant genişliği kullanımını azaltan diğer özelliklerin yanı sıra, HTML minification ve GZIP sıkıştırmasını açmanıza izin veren tek tıklatma ayarlarına sahiptir..
Eğer sen sadece küçültmek istiyorsanız, Minify HTML eklentisini öneririz. Çok basit, HTML / CSS / JS'yi destekliyor ve minification yöntemini biraz değiştirmenize olanak tanıyor (örn. http: ve https: URL’lerden.
Statik HTML Minifiers
HTML dosyalarınız statikse (yani, bir CMS veya web çerçevesi tarafından dinamik olarak oluşturulmadıysa), iki HTML dosyası kümesini koruyabilirsiniz: a “kaynak” kolay düzenleme için küçültülmemiş set, ve “küçültülmüş” kaynak dosyada değişiklik yaptığınız herhangi bir zamanda oluşturduğunuz.
Küçültmek için aşağıdaki araçlardan birini kullanın:
 
HTMLCompressor
 
HTML Minifier
 
HTML Minifier (yukarıdakilerden farklı)
 
WordPress gibi CMS'lerden uzaklaştıysanız ve şimdi statik site oluşturucuları kullandıysanız, bu uygulanabilir bir tekniktir. 7 CMS'nizi Hizalama Sebepleri ve Statik Bir Site Üreticisi Olarak Düşünme bir web sitesi birçok kullanıcı için zordu. WordPress gibi CMS'ler bunu değiştirdi, ancak yine de kafa karıştırıcı olabilir. Başka bir alternatif ise Statik Bir Site Üreticisi.   .
GZIP Sıkıştırmasını Etkinleştir
GZIP sıkıştırmasını etkinleştirme adımları, kullandığınız web sunucusu yazılımına bağlı olarak değişebilir. Apache en popüler seçenek olduğundan, bunu .htaccess kullanarak nasıl etkinleştireceğinizi ele alacağız.
Web sunucunuza FTP kullanarak bağlanın ve ardından adlı bir dosya oluşturun. .htaccess kök dizinde. .Htaccess dosyasını aşağıdaki ayarlara sahip olacak şekilde düzenleyin:
 mod_gzip_on Evet mod_gzip_dechunk Evet mod_gzip_item_include dosyası. (html? | txt | css | js | php | pl) $ mod_gzip_item_include handler /.* mod_gzip_item_exclude rspheader ^ İçerik Kodlama:. * gzip. * SetOutputFilter DEFLATE 
Web sitenizde sıkıştırma çalıştığından emin değil misiniz? Bu araçla test edin.
Bu makale yardımcı oldu mu? Artık sıkıştırıp küçültdüğünüz için web sayfalarınız daha hızlı yüklenmeli ve daha az bant genişliği kullanmalıdır. Herhangi bir sorunuz varsa, aşağıdaki soruları sormaktan çekinmeyin.!