Htaccess ile Web Sitelerinizi Daha Hızlı Hale Getirin

Merhaba

Bu yazımızda sizlere .htaccess içerisine ekleyeceğiniz çeşitli kodlar ile web sitenizi daha da hızlandırabileceğinizden bahsedeceğiz.

.htaccess dosyasını düzenleme işlemi nasıl yapılır?

Öncelikle ftp bilgileriniz ile ftp girişi yaparak public_html altında veya sitenizin dosyalarının bulunduğu dizinde yer alan .htaccess dosyasını bilgisayarımıza indiriyoruz. indirdiğimiz .htaccess dosyasını notepad++ gibi yardımcı bir editör ile açıyoruz ve sırasıyla altta yer alan adımları uygulamaya başlıyoruz

1) GZip Kodları ile sitenizi hızlandırın

Gzip sıkıştırması siteleriniz için kullanmanız gereken bir hızlandırma türüdür. Gzip sıkıştırması sayesinde web sitelerinize giren ziyaretçiler daha düşük boyutlu css , js ve html dosyalar ile karşılaşmış olur. Gzip yöntemi bu belirtmiş olduğumuz dosyaları sıkıştırarak minimum boyutta ziyaretçilerinize sunmaktadır. Örnek vermek gerekirse 2mb boyutlu bir siteniz gzip sıkıştırması sayesinde mesela 200kb a düşecek ve bu sayede ziyaretçileriniz daha düşük boyutlu bir içerik ile karşılaşacaktır. İçeriğiniz ne kadar düşük olursa sitenizin açılışıda bir o kadar hızlı olacaktır. Gzip sıkıştırması için .htaccess dosyanıza eklemeniz gereken kodlar aşağıdaki gibidir.

# BEGIN Gzip
<IfModule mod_deflate.c>
AddType x-font/woff .woff
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/opentype font/ttf font/eot font/otf
</IfModule>
# END Gzip

2) mod_expires kodları ile sitenizi hızlandırın

mod_expires yöntemi ile sitenize ait dosyaları tarayıcınızın önbelleğinde depolayabilirsiniz. Bu şekilde sitenize her giren ziyaretçi defalarca aynı dosyaları açmak veya indirmek durumunda kalmaz. Bu sayede sitenizin açılış hızında artışlar yaşayabilirsiniz. Örnek olarak daha önce sitenize girmemiş bir kullanıcı sitenizi ilk girişte 5 saniye gibi bir sürede açıyor ise ikinci girişinde bu süre 3 saniye gibi bir süreye inecektir. Bu şekilde hem web site açılış hızınız olumlu anlamda değişecektir hem de sitenizin çalıştığı sunucuya binen yük ( load ) değerleride azalacaktır.

Şimdi daha önce açmış olduğunuz .htaccess dosyasında gzip kodlarından sonra alt kısma aşağıda yer alan kodları ekleyebilirsiniz.

# BEGIN mod_expires
ExpiresActive On
ExpiresDefault                              "access plus 1 month"
ExpiresByType text/html                     "access plus 1 seconds"
ExpiresByType text/xml                      "access plus 1 seconds"
ExpiresByType text/plain                    "access plus 1 seconds"
ExpiresByType application/xml               "access plus 1 seconds"
ExpiresByType application/json              "access plus 1 seconds"
ExpiresByType application/rss+xml           "access plus 1 hour"
ExpiresByType text/css                      "access plus 1 month" 
ExpiresByType text/javascript               "access plus 1 month" 
ExpiresByType application/javascript        "access plus 1 month" 
ExpiresByType application/x-javascript      "access plus 1 month" 
ExpiresByType image/x-ico                   "access plus 1 month"
ExpiresByType image/x-icon                  "access plus 1 month" 
ExpiresByType image/gif                     "access plus 1 month"
ExpiresByType image/png                     "access plus 1 month"
ExpiresByType image/jpe                     "access plus 1 month"
ExpiresByType image/jpg                     "access plus 1 month"
ExpiresByType image/jpeg                    "access plus 1 month"
ExpiresByType font/truetype                 "access plus 1 month"
ExpiresByType font/opentype                 "access plus 1 month"
ExpiresByType application/x-font-woff       "access plus 1 month"
ExpiresByType video/ogg                     "access plus 1 month"
ExpiresByType audio/ogg                     "access plus 1 month"
ExpiresByType video/mp4                     "access plus 1 month"
ExpiresByType video/webm                    "access plus 1 month"
ExpiresByType image/svg+xml                 "access plus 1 month"
ExpiresByType application/pdf               "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
# END mod_expires

Not : tarayıcı önbellekleme işleminde sitenizde bir değişiklik yaptığınızda hemen göremeyebilirsiniz. Bunun için ya tarayıcı geçmişini / önbelleğini temizlemelisiniz ya da ctrl + f5 tuşuna basarak önbelleği yenilemelisiniz.

3) Cache-Control Yöntemi ile sitenizi hızlandırma

Cache-Control yöntemi sayesinde sitenizin css , js , html , php dosyalarını ön belleğe depolayabileceğiniz gibi, sitenize ait tüm resim dosyalarınıda önbellekleme ile tarayıcınıza kayıt ettirebilirsiniz. Sitenizde bir cacheleme yöntemi kullanmıyorsanız altta yer alan kodları yine .htaccess içerisine eklerseniz cacheleme işlemini otomatik olarak gerçekleştirebilirsiniz.

# BEGIN Cache-Control

 <filesMatch "\.(ico|jpe?g|png|gif|swf)$">
 Header set Cache-Control "max-age=2592000, public"
 
 <filesMatch "\.(css)$">
 Header set Cache-Control "max-age=604800, public"
 
 <filesMatch "\.(js)$">
 Header set Cache-Control "max-age=216000, private"
 
 <filesMatch "\.(x?html?|php)$">
 Header set Cache-Control "max-age=600, private, must-revalidate"
 

# END Cache-Control

4) Hotlink Engellemesi ile sitenizi hızlandırma

Hotlink kullanarak sitenizde yer alan resim , video veya benzeri dosyaların başka sitelerde gösterilmesini , çalışmasını engelleyebilirsiniz. Bu sayede sitenize fazla yük binmemiş olur ve sayfalarınızın açılış hızında olumlu bir etki eder. Ayrıca sitenizde yer alan dosyaların farklı ortamlarda çalıştırılması çok fazla trafik tüketmenize neden olacaktır. Hotlink sayesinde trafik tüketiminizde de azalma olacaktır.

Hotlink koruması için .htaccess dosyasına eklemeniz gereken kod şu şekildedir ;

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)siteniz.com/.*$ [NC]
RewriteRule \.(gif|jpg|jpeg|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ - [F]

Not : Hotlink kodu içerisinde yer alan “siteniz.com” kısmını kendi web sitenize göre değiştirmeyi unutmayın.
Sonuç : Bu anlatımları uyguladığınızda web sitenizde gözle görülür şekilde farklılıklar hissedeceksinizdir. Tabi sitenizi hızlandırmak sırf bu kodlara bağlı bir durum değildir. Örneğin sitenizi barındırdığınız sunucu çok yoğun ve çok fazla site barındıran bir sunucu ise yani sunucu load değerleri yüksek ise sitenizin açılış hızı da buna göre değişmeyebilir. Aynı şekilde yazılım taraflı hatalarınız var ise bu da sitenizin açılış hızını olumsuz yönde etkileyebilir.

Bu kodlar .htaccess dosyasına eklenmeden önceki site performans ve eklendikten sonraki site performans karşılaştırmasını altta görebilirsiniz.

A) KODLAR EKLENMEDEN ÖNCE

Burada görebileceğiniz gibi PageSpeed score oranı F ve %47 almış oldukça kötü bir not. Aynı şekilde Yslow Score puanıda E ve %52 almış. Sayfa açılış süresi 2.3 saniye. Sayfa boyutu ise 2.25 MB ve 67 istek çalışıyor görülmektedir.

B) KODLAR EKLENDİKTEN SONRA

Rapordan da görebileceğiniz gibi kodlar eklendikten sonra PageSpeed değeri F (%47) değerinden C (%75) değerine yükseldi. Aynı şekilde YSlow değeri de E (%52) oranından D (%64) değerine çıktı. Sayfa açılış süresi 2.3 saniyeden 1.9 saniyeye geriledi. Yani sayfamız daha çabuk sürede açılıyor. Sayfa boyutu ise 2.25 MB gibi bir değerden 1.43 MB gibi bir değere düşmüş oldu.

htaccess içerisine eklediğimiz kodlara ilave olarak site tarafında yapacağınız ekstra optimizasyonlar sitenizi daha da hızlandıracaktır. Örnek sayfanızda kullandığınız resim boyutlarını olabildiğince düşük tutmanız olumlu anlamda katkı sağlayacaktır.

Unutmadan Web sitenizi https://gtmetrix.com sitesi üzerinden analiz edip buna göre düzenlemeler yapabilirsiniz.

Bir başka makalemizde görüşmek üzere şimdilik hoşçakalın.

İxirhost