e
sv

Web Site Optimizasyonu Nasıl Yapılır?

avatar

Arda Acar

  • e 0

    Mutlu

  • e 0

    Eğlenmiş

  • e 0

    Şaşırmış

  • e 0

    Kızgın

  • e 0

    Üzgün

Website Optimizasyonu

Optimizeye Uyumlu Tema Kullanın

Sizler için hazırladığımız bu makalemizde Web site Optimizasyonu nasıl yapılır? onları göstereceğiz.

Web sitenizin optimizasyonunu etkileyen en önemli kriterlerden biri websitenin temasıdır. Web sitenizin temasının mobil uyumlu olması ve 3 saniyeden kısa bir sürede açılması size büyük bir katkı sağlayacaktır.

Web Site Optimizasyonu nasıl yapılır?

Görselleri Optimize Edin

Kullanıcılar websitenize girdiğinde websitenizdeki görseller ilk önce yüklenir bundan dolayı ise yazılarınız geç yüklenir bunun iki etkili çaresi vardır birincisi ile başlayalım.

Görsellerin Boyutlarını Düşürmek

Görsellerin boyutları düşürmek görselleri daha hızlı bir şekilde açılmasını sağlayacaktır. Örnek verirsek 3 MB lik bir dosya ile 8 MB bir dosyanın ilk öncelikle 3 MB lik dosyanın inmesi gibi düşürebilirsiniz bu sebeble websitenizdeki görsellerin boyutlarını düşürebildiğiniz kadar düşürün.

Görsellerin Yüklenmesini Sona Bırakmak

Websitenize girilince görsellerin ilk öncelikle yüklendiğini ve bu yüzden websitemizin yavaş açılabileceğinde yukarıda belirtmiştim bunun çözümü ise bazı eklentiler kullanarak websitenizdeki görsellerin yüklenmesini sona bırakmaktır bu sayede görselleriniz en son yüklenerek website hızına faydası olur.

Gereksiz CSS ve JS Dosyalarından Kurtulun

Websiteniz CSS veya JS dosyalarını website açılırken otomatik olarak yüklüyor bu dosyaların gerekli veya gereksiz olduğunu tespit etmemiz ve daha sonra gereksiz dosyaların kodlarını ana sayfadan silmeliyiz.

Gereksiz dosyaları belirlemek için internetteki online araçları kullanabilir ve bunlardan bazılarını aşağıda bulabilirsiniz.

Pagespeed Insight

MobiReady

GTmetrix

Gereksiz dosyalarımızı tespit ettikten sonra isterseniz elle functions.php dosyasına kod girerek kaldırabilir isterseniz bazı eklentiler ilede kaldırmabilirsiniz aşağıda bazı eklentilerin isimleri bulabilirsiniz.

Autoptimize

WP-Optimize

Hummingbird Page Speed Optimization

Gereksiz Eklentileri Kaldırın

Websitenizindeki gereksiz eklentiler websitenizi yavaşlatma kalkaz aynı tür eklentilerden iki tane kullanırsanız websitenize zarar bile verebilir örnek vericek olursak iki farklı site haritası eklentisi site haritalarını çakıştırarak SEO için sizi büyük bir zarara uğratabilir.

Önbellek Kullanın

Önbellekler websitenizi önemli verileri kullanıcı siteye girince o kullanıcının cihazına depolar ve o kullanıcı websiteye bir daha girdiğinde websitenin hızlı açılmasını sağlar. Önbellek kullanımı için aşağıda önerdiğim eklentileri bazı kullanabilirsiniz.

WP Super Cache

W3 Total Cache

WP Fastest Cache

CDN Kullanın

Birçok site dosyalarını sabit bir noktada yer alan sunucular üzerinden göndermektedir. Türkiye’de olan bir siteniz Türkiye’den sitenizi ziyaret eden kişiler tarafından kolayca görüntülenecek ve yüklenecektir. Ancak farklı ülkelerden kişiler sitenizi ziyaret ettiklerinde websitenizin yüklenmesi için belirli bir sürenin geçmesi gerecektir.

CDN kullanırsanız bu problemi ortadan kaldırabilirsiniz. Sitenize ait tüm veriler global ağlarda saklanarak sitenizi ziyaret eden kişilere sunulacaktır. Böylece bir kişi sitenizi ziyaret ettiğinde websiteniz daha hızlı bir biçimde açılmış olacaktır.

CDN kurulumu gerçekleştirmek son derece kolaydır. Aşağıda verdiğim eklentilerden herhangi birini kullanarak CDN kurulumunu kolaylıkla gerçekleşebilirsiniz.

WP Fastest Cache

W3 Total Cache

WP Rocket

CSS Dosyasını Kodların En Üstüne Taşıyın

CSS dosyalarını kodların en üstüne yani <head></head> yerine taşımak stillerin hızlı yüklenmesine yani websitenizin optimizasyonuna yardımcı olur. Bunu optimizasyon eklentileri zaten otomatik yapmaktadır.

Javascript Dosyasını Kodların En Altına Taşıyın

JavasScript dosyalarının kodların en altına taşıyın çünkü JavaScript dosyası kendinden sonra gelen dosyaların yüklenmesini engelleyebilmektedir bu sebeble websitenizi yavaşlatabilir. Bunu optimizasyon eklentileri zaten otomatik yapmaktadır.

Gzip Sıkıştırmasını Yapın

Birisi websitenize girdiğinde istenen dosyayı almak için sunucunuza bir istek gönderilir. Web sayfalarınızı ve CSS’nizi tarayıcıya göndermeden önce gzip sıkıştırma ile dosyaları küçülterek sitenin yükleme süresini önemli ölçüde azaltabilirsiniz. Aşağıda gzip şıkıştırması yapabileceğiniz seçenekleri bulabilirsiniz.

.htaccess Dosyasını İle Gzip Sıkıştırması

Aşağıdaki kodu .htaccess dosyanıza ekleyerek, mode_deflate aracılığıyla gzip sıkıştırmasını etkinleştirebilirsiniz.

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/x-font  
  AddOutputFilterByType DEFLATE application/x-font-truetype  
  AddOutputFilterByType DEFLATE application/x-font-ttf  
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/opentype
# For Older Browsers Which Can't Handle Compression
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>

Sunucunuz mode_deflate‘i desteklemiyorsa, mod_gzip ile yapablirsiniz.

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

Eklenti İle Gzip Sıkıştırması

Eklentiler ile gzip sıkıştırması yapabilirsiniz bazı eklentileri aşağıda bulabilirsiniz.

PageSpeed Ninja

Enable Gzip Compression

cPanel İle Gzip Sıkıştırması

Eğer Cpanel kullanıyorsanız Web Sitesi Optimize Et bölümünü kullanarak tüm web siteleri için gzip’i etkinleştirebilirsiniz.

Web.config Dosyası İle Gzip Sıkıştırması

Eğer windows sunucuda barınıyorsanız aşağıdaki kodu web.config dosyanıza ekleyerek gzip sıkıştırmasını etkinleştirebilirsiniz.

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <urlCompression doDynamicCompression="true" />
    </system.webServer>
</configuration>

Web site Optimizasyonu nasıl yapılır ? makalemize yorum yapmayı unutmayınız. Yorumlarınız bizler için önemlidir.

  • Site İçi Yorumlar

En az 10 karakter gerekli