Nginx ile HTTP/2 ve Brotli Sıkıştırmasını Aktif Etmek: Modern Web'in İki Silahşörü 
Selam sistemciler!
Bugün, web sitenizin performansını ve kullanıcı deneyimini bir üst seviyeye taşıyacak, neredeyse sihir gibi etkili iki teknolojiyi Nginx'imizle nasıl birleştireceğimizi konuşacağız. Eski dost HTTP/1.1 ve standart Gzip'in artık yetmediği yerde, HTTP/2 ve Brotli devreye giriyor. Hazırsanız, terminalin tozunu alıp başlayalım! 
Neden HTTP/2 ve Brotli?
Önce bu ikiliyi neden kullanmak isteyeceğimizi kısaca özetleyelim:
Ön Koşullar ve Kontroller
Bu rehberi uygulayabilmek için:
Adım 1: Nginx Brotli Modülünü Kurma (Debian/Ubuntu)
Resmi Nginx depoları Brotli'yi içermez. Bu yüzden önce modülü derlememiz veya harici bir depodan kurmamız gerekir. En temiz yolu, sisteminize uygun bir PPA (Personal Package Archive) eklemektir.
Kurulum bittikten sonra, Nginx'in Brotli modülünü yüklediğinden emin olalım:
"`ngx_http_brotli_filter_module.so`" ve "`ngx_http_brotli_static_module.so`" ifadelerini görmelisiniz. Tebrikler, modül hazır!
Adım 2: Nginx Yapılandırma Dosyasını Düzenleme
Şimdi, sitenizin Nginx yapılandırma dosyasını (genellikle `/etc/nginx/sites-available/siteniz` şeklindedir) düzenleyeceğiz. Güvenli bir yedek almayı unutmayın!
Dosyayı açın ve `server { ... }` bloğunuzu bulun. Aşağıdaki ayarları ekleyin/güncelleyin:
Önemli Noktalar:
- `listen` direktiflerine `http2` parametresini ekledik. Bu kadar!
- `brotli on;` ile Brotli'yi aktif ettik.
- `brotli_types` ile hangi MIME türlerinin Brotli ile sıkıştırılacağını belirledik.
- Mevcut `gzip` ayarlarınız varsa, onları kaldırmayın. Nginx, tarayıcı Brotli'yi desteklemiyorsa otomatik olarak Gzip'e dönecektir.
Adım 3: Yapılandırmayı Test Edip Nginx'i Yeniden Başlatma
Her zamanki gibi, önce hata olup olmadığını kontrol edelim:
Eğer "`syntax is ok`" ve "`test is successful`" mesajlarını görürseniz, Nginx'i yeniden başlatabiliriz:
Adım 4: Test ve Doğrulama
Her şeyin çalıştığından emin olmak için birkaç hızlı test yapalım:
1. **HTTP/2 Testi:** Tarayıcınızın geliştirici araçlarını (F12) açın, "Network" sekmesine gidin ve sitenizi yenileyin. "Protocol" sütununda "`h2`" yazdığını görmelisiniz. Veya çevrimiçi araçlardan (web.dev veya KeyCDN HTTP/2 Test) kontrol edebilirsiniz.
2. **Brotli Testi:** Terminalden curl komutu ile kontrol edebiliriz:
Yanıt başlıklarında `content-encoding: br` satırını görmelisiniz. Ayrıca, brotli.info veya GeekFlare Brotli Test gibi web araçlarını da kullanabilirsiniz.
Son Sözler ve İpuçları
İşte bu kadar! Modern web'in bu iki güçlü silahını Nginx sunucunuza entegre ettiniz.
Unutmayın:
Peki ya siz? HTTP/2 ve Brotli'yi sunucularınızda kullanıyor musunuz? Performans artışında gözlemlediğiniz en çarpıcı fark ne oldu? Yorumlarda deneyimlerinizi paylaşın, birlikte öğrenelim!
Selam sistemciler!
Bugün, web sitenizin performansını ve kullanıcı deneyimini bir üst seviyeye taşıyacak, neredeyse sihir gibi etkili iki teknolojiyi Nginx'imizle nasıl birleştireceğimizi konuşacağız. Eski dost HTTP/1.1 ve standart Gzip'in artık yetmediği yerde, HTTP/2 ve Brotli devreye giriyor. Hazırsanız, terminalin tozunu alıp başlayalım! Neden HTTP/2 ve Brotli?
Önce bu ikiliyi neden kullanmak isteyeceğimizi kısaca özetleyelim:
- HTTP/2: Tek bir TCP bağlantısı üzerinden çoklu (multiplexed) istek/gönderim yaparak gecikmeyi (latency) ciddi oranda azaltır. Sunucu tarafından istemciye veri "itebilme" (server push) özelliği vardır. Başlıkları (headers) sıkıştırır (HPACK). Kısaca, sayfa yükleme sürelerinde gözle görülür bir iyileşme sağlar.
- Brotli: Google'ın geliştirdiği bu sıkıştırma algoritması, özellikle metin tabanlı dosyalarda (HTML, CSS, JS) Gzip'e kıyasla ortalama %15-25 daha iyi sıkıştırma oranı sunar. Daha küçük dosya boyutu = daha hızlı indirme.
Ön Koşullar ve Kontroller
Bu rehberi uygulayabilmek için:
- Nginx sunucunuzun SSL/TLS sertifikası (Let's Encrypt olabilir) ile yapılandırılmış olması gerekir. HTTP/2, şifreli bağlantı (HTTPS) üzerinde çalışır.
- Nginx sürümünüzün 1.9.5 veya üzeri (HTTP/2 için) ve 1.11.6 veya üzeri (Brotli modülü için) olması idealdir. Sürümünüzü kontrol edelim:
Bash:
nginx -vAdım 1: Nginx Brotli Modülünü Kurma (Debian/Ubuntu)
Resmi Nginx depoları Brotli'yi içermez. Bu yüzden önce modülü derlememiz veya harici bir depodan kurmamız gerekir. En temiz yolu, sisteminize uygun bir PPA (Personal Package Archive) eklemektir.
Bash:
sudo apt update
sudo apt install -y software-properties-common
sudo add-apt-repository -y ppa:ondrej/nginx
sudo apt update
sudo apt install -y nginx nginx-module-brotliKurulum bittikten sonra, Nginx'in Brotli modülünü yüklediğinden emin olalım:
Bash:
sudo nginx -t 2>&1 | grep brotli"`ngx_http_brotli_filter_module.so`" ve "`ngx_http_brotli_static_module.so`" ifadelerini görmelisiniz. Tebrikler, modül hazır!
Adım 2: Nginx Yapılandırma Dosyasını Düzenleme
Şimdi, sitenizin Nginx yapılandırma dosyasını (genellikle `/etc/nginx/sites-available/siteniz` şeklindedir) düzenleyeceğiz. Güvenli bir yedek almayı unutmayın!
Dosyayı açın ve `server { ... }` bloğunuzu bulun. Aşağıdaki ayarları ekleyin/güncelleyin:
NGINX:
server {
listen 443 ssl http2; # HTTP/2'yi burada etkinleştiriyoruz!
listen [::]:443 ssl http2;
server_name bingunluk.com www.bingunluk.com;
# SSL sertifika ayarlarınız (mevcut olanları koruyun)
ssl_certificate /etc/letsencrypt/live/bingunluk.com/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/bingunluk.com/privkey.pem;
# Brotli Sıkıştırma Ayarları
brotli on;
brotli_comp_level 6; # Sıkıştırma seviyesi (1-11, 6 iyi bir dengedir)
brotli_types text/plain text/css text/xml text/javascript
application/x-javascript application/xml application/javascript
application/json application/xml+rss application/atom+xml
image/svg+xml;
# ... Diğer sunucu yönergeleriniz (root, index, location vs.) ...
}Önemli Noktalar:
- `listen` direktiflerine `http2` parametresini ekledik. Bu kadar!
- `brotli on;` ile Brotli'yi aktif ettik.
- `brotli_types` ile hangi MIME türlerinin Brotli ile sıkıştırılacağını belirledik.
- Mevcut `gzip` ayarlarınız varsa, onları kaldırmayın. Nginx, tarayıcı Brotli'yi desteklemiyorsa otomatik olarak Gzip'e dönecektir.
Adım 3: Yapılandırmayı Test Edip Nginx'i Yeniden Başlatma
Her zamanki gibi, önce hata olup olmadığını kontrol edelim:
Bash:
sudo nginx -tEğer "`syntax is ok`" ve "`test is successful`" mesajlarını görürseniz, Nginx'i yeniden başlatabiliriz:
Bash:
sudo systemctl reload nginx # veya sudo service nginx reloadAdım 4: Test ve Doğrulama
Her şeyin çalıştığından emin olmak için birkaç hızlı test yapalım:
1. **HTTP/2 Testi:** Tarayıcınızın geliştirici araçlarını (F12) açın, "Network" sekmesine gidin ve sitenizi yenileyin. "Protocol" sütununda "`h2`" yazdığını görmelisiniz. Veya çevrimiçi araçlardan (web.dev veya KeyCDN HTTP/2 Test) kontrol edebilirsiniz.
2. **Brotli Testi:** Terminalden curl komutu ile kontrol edebiliriz:
Bash:
curl -H 'Accept-Encoding: br' -I https://www.bingunluk.comSon Sözler ve İpuçları
İşte bu kadar! Modern web'in bu iki güçlü silahını Nginx sunucunuza entegre ettiniz.
Unutmayın:- Brotli, statik dosyalar için harikadır. Dinamik içerikte de çalışır, ancak CPU kullanımı Gzip'e göre biraz daha yüksek olabilir. Sunucu yükünüzü gözlemleyin.
- HTTP/2, özellikle çok sayıda küçük kaynak (ikonlar, CSS dosyaları) içeren sitelerde mucizeler yaratır.
- Bu değişiklikleri yapmadan önce bir yedek almayı ve canlı ortamda değil, bir test/staging ortamında denemeyi asla unutmayın.
Peki ya siz? HTTP/2 ve Brotli'yi sunucularınızda kullanıyor musunuz? Performans artışında gözlemlediğiniz en çarpıcı fark ne oldu? Yorumlarda deneyimlerinizi paylaşın, birlikte öğrenelim!