Web Sitenizin Sayfa Hızını HTTP / 2 Kullanarak Geliştirmenin 5 Yolu

HyperText Transfer Protocol sürüm 2 veya HTTP / 2, en son HTTP standardıdır. Protokolde yapılan güncellemeler web trafiğinin hızını, verimliliğini ve güvenliğini artıracaktır. Ancak, geçiş otomatik değildir.

Bu makale, size HTTP / 2'nin sizin için ne anlama geldiği ve web sitenizi veya sunucunuzu yeni özelliklerden yararlanacak şekilde nasıl yapılandıracağınız konusunda bazı bilgiler vermeyi amaçlamaktadır..

HTTP / 2 Sizin İçin Ne İfade Ediyor?

Normal kullanıcılar için, HTTP / 1.1'den HTTP / 2'ye değişiklikler oldukça görünmez olacak.

Tüm tarayıcılar, web sitelerine HTTP / 2 üzerinden hizmet vermek için geçerli bir Taşıma Katmanı Güvenliği (TLS) sertifikası gerektirir. Bu yüzden daha hızlı sayfa yüklemesinin ötesinde, web sitesi güvenliğinde de bir artış olacaktır..

Web tasarımcıları ve sahipleri için, HTTP / 2 sitenizin tüm cihazlarda yükleme hızını artırabilir.

Her modern tarayıcı zaten yeni protokol standardını desteklemektedir (bu mobil tarayıcılar HTTP / 2'yi desteklemese de). Ancak, tarayıcının veya sunucunun HTTP / 2'yi desteklemediği durumlarda, HTTP / 1.1 standardı otomatik olarak kullanılacaktır..

HTTP / 2 Web Sitesi Tasarımını Nasıl Etkileyecek??

HTTP / 2'de sunulan değişiklikler web sitelerini ve sunucularını verimlilik ve hız için nasıl optimize ettiğimizi etkiler..

HTTP / 2'de sunulan yeni özellikler, pek çok HTTP / 1 geçici çözümünü ve optimizasyon tekniğini göz ardı etmemize olanak sağlar. Bu, artık sunucu isteklerini azaltmak için komut dosyalarına HTML içine satır eklemeyi veya dosyaları birleştirmeyi içermez. Etki alanı paylaşma artık kullanışlı değil.

Bazı durumlarda, bu geçici çözümler, HTTP / 2 sunuluyorsa sayfa hızınızı bile olumsuz yönde etkiler.

İnternet trafiğinin çoğunluğu mobil tabanlı olduğundan, mobil internet hızlarını göz önünde bulundurun ve medya dosyalarınızı küçük ve bu cihazlar için optimize edilmiş tutun. Ayrıca JavaScript (JS), HTML ve CSS'nizi küçültmeye devam etmelisiniz..

Dosyalarınızı neden küçültmeniz gerektiğinden emin değilseniz, JavaScript'inizi nasıl ve niçin küçülteceğinizle ilgili makalemiz iyi bir başlangıç ​​olacaktır. JavaScript Kompresörleri: JS'nizi Minimize Etme Neden ve Neden JavaScript Kompresörleri: JS'nizi Minimize Etme Neden ve Neden Javascript'in küçültülmesi, web sitesi yanıt sürelerini hızlandırmanın bir yoludur ve neyse ki, sizin için kolay bir işlemdir. Bugün size bilmeniz gereken her şeyi göstereceğim.

Bilmeniz Gereken HTTP Kavramları

Bu makalede belirtilen terimleri bilmediğiniz takdirde, işte size hızlı bir giriş

Satır İçi Komut Dosyası JavaScript'i doğrudan etiketli bir HTML belgesine eklemektir. HTML / 1.1'de bu küçük JavaScript dosyalarından kurtulur ve sunucu isteklerini azaltır ve komut dosyalarını daha hızlı yükler.

Dosya sayısını azaltmak artık HTTP / 2’de sayfa hızı için bir sorun kadar büyük değil. çoklama, Akış Önceliği, ve Sunucu İtme.

çoklama HTML / 2’de birden çok öğeye izin veren yeni bir özelliktir. Veri Akışları tek bir Şanzıman Kontrol Protokolü (TCP) bağlantısı üzerinden.

Veri Akışları çift ​​yönlü veri akışları için kullanılan bir HTML / 2 terimidir. Veri akışını optimize etmemize yardımcı olacak benzersiz tanıtıcıları sayesinde her akışa öncelik verebiliriz.

Akış Önceliği HTML / 2'deki yeni bir özellik. Bu bize bir sunucuya kaynakları ve bant genişliğini önceliklendirilmiş olarak tahsis etmesini söyleyebilmemizi sağlar. Veri Akışları. Böylece yüksek öncelikli içeriğin müşterilere en uygun şekilde sunulmasını sağlamak.

Etki Alanı Paylaşımı HTML / 1.1’de eşzamanlı indirme sınırlamasını aşmak için web sitesi kaynaklarını birden fazla siteye veya alana bölme eylemidir..

HTML / 2’de, çoklama ve Sunucu İtme eşzamanlı indirme yapacak daha hızlı ve daha verimli olacak Etki Alanı Paylaşımı. Aslında, şu anda bu özellikleri birden fazla alanda kullanma desteği yoktur..

Sunucu İtme bir sunucunun tek bir müşteri isteği için birden fazla yanıt göndermesine izin verecektir. Kısacası, sunucu, bir tarayıcının özel olarak istekte bulunmadan, bir sayfanın hangi dosyaları yüklemesi gerektiğine ilişkin varsayımlarda bulunabilir..

Şimdi web sitesi sahiplerinin web sitelerini HTTP / 2 için optimize etmek için yapması gereken değişikliklerden bazılarına odaklanacağız. Bu kavramlara daha derin bir bakış için önceki makalemizi okuyun: “HTTP / 2 Nedir ve İnternet'in Geleceğini Nasıl Etkiler? HTTP / 2 Nedir ve İnternet'in Geleceğini Nasıl Etkiler? HTTP / 2 Nedir ve İnternet'in Geleceğini Nasıl Etkiler? İnternet, HTTP / 2'nin gelmesiyle daha verimli olmaya hazırlanıyor. Peki bu nedir ve HTTP’de nasıl gelişti?? “.

HTTP / 2 Optimizasyonu İçin Yapılması Gereken 5 Web Sitesi Değişikliği

Bir web sitesi sahibi olarak bilmeniz gereken ana değişiklikler, web sitesi kaynaklarıyla nasıl başa çıkılacağıyla ilgilidir. Özellikle web sitenizin sunucusunun bir tarayıcı ile nasıl konuşacağı ve dosyaların nasıl teslim edildiği ile ilgili olarak.

HTTP / 2 web sitenizi optimize etmek için göz önünde bulundurmanız gereken en yaygın değişiklikler aşağıda verilmiştir..

1. CSS veya JavaScript’inizi birleştirme

Artık web sitenizin kaynaklarını birleştirmemeli veya birleştirmemelisiniz. HTTP / 1.1’de bu, HTTP isteklerinin sayısını ve web sitenizi görüntülemek için indirilmesi gereken dosyaları azaltır..

Her bir HTTP isteği gecikme süresi ekler, bu nedenle HTTP / 1.1'de tek bir dosyayı indirmek genellikle birden fazla dosya indirmekten daha etkilidir. Daha az sayıda dosya da HTTP / 1.1’de eşzamanlı indirme sınırını aşmanıza yardımcı olur.

HTTP / 2, birden fazla sunucu talebi olmadan birden fazla indirme işlemine izin verdiğinden, hız için optimizasyon yaparken dosya sayısı daha az önemlidir. Önbellekleme ile birlikte, belirli dosyalar HTTP / 2'de daha iyidir.

Aslında, daha belirli dosyalar web sitenizin çoğuna İçerik Teslim Ağı'ndan (CDN) ve kullanıcının tarayıcı önbelleğinden sunmanıza izin verir. Ayrıca, web sitenize küçük değişiklikler yaparken, tarayıcınızın sunucunuzdan tek bir büyük dosyayı indirmek ve ayrıştırmak zorunda kalmayacağı anlamına gelir..

2. HTML'de Satır İçi Komut Dosyaları Yapma

HTML belgenize CSS ve JS dosyalarını gömmek, sayfa yükleme hızınızı HTTP / 1.1 olarak artıracaktır. Dosyaları birleştirmek gibi, dosya numaralarını ve sunucu isteklerini azaltır.

HTTP / 2 kullanılırken HTML'de komut satırlarını satırlara koymak, bir tarayıcının varlıkları ayrı ayrı önbelleğe alma özelliğini kaldırarak sayfa hızı optimizasyonunuzu önbelleklemeden azaltır.

Tüm gömülü komut dosyası ve içerik, HTML içeriğinizle aynı öncelik seviyesine sahip olacağından, Akış Önceliklendirmede yapılacak herhangi bir geliştirmeyi de bozacaktır..

HTTP isteklerini azaltmak için satır içi varlıklar yerine, çoğullama ve sunucu zorlama avantajlarından yararlanın. Bu, tarayıcıların daha az istekle daha fazla kaynak indirmesine ve sayfanızın yükleme hızını artırmasına olanak sağlar.

Kısacası, kaynaklarınızı mümkün olduğunda ayrı ve küçük tutun.

3. CSS Image Sprites Kullanmayı Durdur

Resim Kredisi: jurgenwesterhof / Wikimedia

Görüntü Sprite daha küçük görüntülerden oluşan görüntüler (yukarıdaki gibi). CSS daha sonra görüntünün hangi bölümlerinin görüntüleneceğini belirler..

Çoğu HTTP / 1.1 çözümünde olduğu gibi, sunucu isteklerini azaltmak için kısmen resim sprite kullanıyoruz. HTTP / 2'de, sayfanızın yükleme hızını olumsuz yönde etkilemeden ayrı görüntüleri güvenle kullanabilirsiniz.

Çoklama ve sunucu zorlaması sayesinde daha küçük dosyalar daha hızlı ve daha verimli bir şekilde yüklenir.

4. Etki Alanı Paylaşımı Kullanmayın

Etki alanı paylaşma, HTTP / 1'deki eşzamanlı indirme sınırlamalarını aşmak için kullanılır. Bu sınırlama genellikle etki alanı başına dört ile sekiz arasındadır ve DDOS saldırılarını azaltmak için kısmen tarayıcılar tarafından belirlenir.

Web sitenizi dört alanda paylaşma, örneğin, HTTP / 1.1’de dörtte bir zamanda teorik olarak kaynaklara hizmet verebilir.

Etki alanı paylaştırması artık HTTP / 2'nin çoklaması sayesinde gerekli değil.

Tarayıcıların, HTTP / 2'deki birden çok alanda çoklama ve paralel indirme işlemlerinden yararlanamayacağını unutmayın. Bölünme, HTTP / 2'nin akış önceliği önceliğini kıracak ve HTTP / 2 kullanmanın yararlarını daha da azaltacaktır..

5. Sunucu İtme Avantajlarından Yararlanın

Muhtemelen en önemli HTTP / 2 iyileştirmesi server itmedir.

HTTP / 1.1'de, bir sayfayı görüntülemek istediğinizde, sunucu önce HTML belgesini gönderir. Tarayıcınız bunu ayrıştırmaya başlayacak ve ayrıca belgede belirtilen CSS, JS ve medya dosyalarını ayrı ayrı isteyecek.

HTTP / 2'de sunucu itme, bir sunucunun gerekli kaynakları ayrı bir istek olmadan bir tarayıcıya göndermesini sağlar. Bu, CSS ve JavaScript dosyalarını ve ortamları içerir ve HTTP isteklerini azaltır ve sayfa yüklenmesini hızlandırır.

Smashing Magazine, HTTP / 2 sunucusunda nasıl çalıştığını ve nasıl etkinleştirileceğini anlatan kapsamlı bir rehbere sahiptir..

Sunucunuzu HTTP / 2 için Yapılandırma

Çoğu sunucu uygulaması zaten HTTP / 2'yi desteklemektedir. Ancak, paylaşılan bir ana bilgisayar kullanıyorsanız, HTTP / 2'yi etkinleştirdilerse sunucu yöneticinize danışmanız gerekir. Merak ediyorsanız, GitHub HTTP / 2'yi destekleyen sunucu uygulamalarının bir listesine sahiptir.

Nginx sunucuları HTTP / 2 için yerel desteğe sahiptir, oysa Apache sunucularını HTTP / 2 desteğini etkinleştirmek için yapılandırmanız gerekebilir.

Web siteniz HTTPS etkinse, (bir HTTP / 2 gereksinimi) web sitenizin http2.pro adresinde HTTP / 2 ile teslim edilip edilmediğini kontrol edebilirsiniz. Bununla birlikte, eğer Cloudflare'yi CDN'niz olarak kullanırsanız, sunucularından gelen herhangi bir içerik, değişiklik yapmak zorunda kalmadan HTTP / 2 üzerinden sunulur..

WordPress'e özgü ana bilgisayarlar bazen, özellikle alt katman hizmetlerinde yapabileceğiniz yapılandırma değişikliklerini sınırlar. Bununla birlikte, WordPress siteleriniz için Bluehost'u tavsiye ediyoruz. Bluehost ücretsiz SSL ve CDN sunar ve web sitelerinize HTTP / 2 üzerinden hizmet verir.

HTTP / 2 Sadece İlk Adımdır

HTTP / 2 önceki standartta büyük bir gelişmedir ve şimdi uygulamanın faydalarından faydalanabileceğinize dair bir fikir edinmelisiniz.

Etkin web siteleri daha hızlı yüklenecek ve daha güvenli olacak, bu da arama sıralamanızı artıracak. HTTP / 3 zaten yolda ve web sitenizi HTTP / 2 için yapılandırmak, sonuçta HTTP / 3'e daha yumuşak bir geçiş yapmanıza yardımcı olur.

Web sitenizi HTTP / 2 için kurmanın ötesinde, web sitenizin daha hızlı yüklenmesini sağlamak için bu yolları da kullanmalısınız. 7 Web Sitenizi veya Blogunuzu Ziyaretçilerin Daha Hızlı Yüklemesini Sağlayın 7 Web Sitenizi veya Blogunuzu Ziyaretçiler için Daha Hızlı Yüklemenin Yolları Sitenizi hızlandırmak ve ziyaretçilerinizin takıldığından emin olmak için en iyi ipuçları. .