14 Temmuz 2018 Cumartesi

Siteniz için kesin etkili hızlandırma yöntemleri

Sitenizi Hızlandırma Yöntemleri

Hepinize merhabalar! 🙂
Bugün ki yeni makalemizde sizler için web sitenizi hızlandırabileceğiniz çeşitli çözümler derledik. Bunları uygulayarak web sitenizin performansını artırabilir ve sitenizi çok daha kaliteli hale getirebilirsiniz.
Unutmayın! Web sitesinin hızı, Google sıralamalarında etkisi vardır. Yani, eğer yavaş açılan bir web siteniz varsa, bu durum sitenizin arama sonuçlarında geriye atılmasına sebep olabilir. O yüzden sitenizi hızlandırmayı kesinlikle ihmal etmemelisiniz.

Başlamadan Önce

Sitenizin, gerçekten hızlanıp hızlanmadığını test edebilmek için, sizlere bizzat Google’ın kendi servisi olan Pagespeed Insights sayfasından öncelikle sitenizin bir taramasını gerçekleştiriniz.
ÖRNEK SONUÇ:
Site Hızlandırma Örnek Sonuç
Öncelikle bu sayfadan, web sitenizin analinizi yaparak, sitenizi hızlandırmadan önceki sonucu görün. Daha sonra, gerekli hızlandırma işlemlerini yapınca tekrar analiz edin ve sitenizin puanı yükselmiş mi diye kontrol edin. Eğer yükselmişse, sayfanız hızlanmış olarak görünmekte demektir.

Eğer siteniz WordPress ise;

Cache Eklentisinin Kurulumu

Cache, yani önbellekleme; Web sayfasına her bir girişin, site sunucusuna bir istek gönderilip, sayfanın her seferinde işlenerek tarayıcıya yazdırılması yerine, eğer sayfada bir değişiklik olmamışsa, sayfanın sunucu önbelleğinde saklanıp, her seferinde sayfa işlenmeden, önbellekte kayıtlı hazır işlenmiş halinin direkt olarak kullanıcı tarayıcısına yazdırılmasına denir. Yani kısacası, sayfa önbellekten çekilerek yazdırılıyor ve bu sayede açılış hızı artırılmakta.
Bu durum, web sayfasının performansı açısından oldukça önemlidir ve geniş bir kitle tarafından tavsiye edilmektedir.
Bizde okurlarımıza, “WP Super Cache” eklentisini tavsiye ediyoruz.
Öncelikle, yukarıda bahsettiğimiz eklentiyi sitenize kurun.
Daha sonra, Cache eklentisinin ayarlarını yapabilmek için, WP Admin panelinde, sol menüden, “Ayarlar” seçeneği altındaki “WP Super Cache” linkine tıklıyoruz.
WP Super Cache Kurulum
Çıkan sayfada, “Önbelleklemeyi Aç (Önerilen)” düğmesini seçiyoruz ve “Durumu Güncelle” düğmesine tıklıyoruz.
WP Super Cache Ayarları
Daha sonra, “Gelişmiş” sekmesine tıklıyoruz ve tüm sayfayı aşağıdaki görsellere göre ayarlıyoruz.
WP Super Cache Eklentisi Kurulum 2
WP Super Cache Eklentisi Kurulum 4
Değişiklikleri kaydettikten sonra tarayıcı çerezlerinizi temizleyiniz. Ve artık siteniz Cache ile çalışıyor durumda olacak. 🙂

Eğer siteniz WordPress ise ya da WordPress değil ise;

CSS dosyalarınızı küçültün

Bu özellik, sayfaya ek yük bindiren CSS dosyalarını, maksimum şekilde sıkıştırarak mevcut sayfayı olabilen en hafif hale getirir ve bu da sayfanın açılış hızını iyileştirecektir.

WordPress’te CSS dosyalarını küçültme

Sol menüden, “Görünüm” menüsü altındaki “Düzenleyici” linkine tıklayınız.
Açılan sayfada, sağ üst bölümdeki seçme kutusundan kullanmakta olduğunuz temayı seçip, sonra hemen yanındaki “Seç” düğmesine tıklayınız. Daha sonra ise, sağ bölümdeki “Tema dosyaları“nın altında olan “style.css” dosyasını seçiniz. Ekrandaki tüm kodların yedeklerini alınız. (Örn: Masaüstüne bir metin belgesi oluşturup tüm kodları önce oraya kopyalayabilirsiniz.)
CSS Minify 2
Kodlarımızın yedeğini alıp, kopyaladıktan sonra, buradaki adrese giriyoruz. Açılan sayfadaki “Input CSS” kısmına, (soldaki metin alanına) kopyaladığımız kodları yapıştırıyoruz.
CSS Minify 3
Daha sonra tekrar wp-admin’deki şablon düzenleme sayfasındaki “style.css” içerisindeki tüm kodları silip yeni kopyaladığımız kodları yapıştırıyoruz ve kaydediyoruz.
CSS Minify 4

BUNDAN SONRA YAPMAMIZ GEREKEN ŞEY, TARAYICI ÇEREZLERİMİZİ TEMİZLEYİP SİTEMİZİ KONTROL ETMEK VE YUKARIDA BAHSETTİĞİM PAGESPEED INSIGHTS SAYFASINDAN PUANIMIZI KONTROL ETMEK OLACAKTIR. SİTENİZİN HIZININ ARTTIĞINI GÖRECEKSİNİZ.


WordPress Olmayan Site için CSS dosyalarını küçültme

  • Öncelikle, FTP’den sitemizin ana stil dosyasını bulup, açıyoruz.
  • İçerisindeki tüm kodları kopyalıyoruz.
  • Sonra, buradaki adrese giriyoruz. Açılan sayfadaki “Input CSS” kısmına, (soldaki metin alanına) kopyaladığımız kodları yapıştırıyoruz.
CSS Minify 3
  • Yeni aldığımız kodları, stil dosyamızın içerisindeki herşeyi silip, yapıştırıyoruz ve kaydedip FTP’ye yüklüyoruz.
Böylece sıkıştırma işlemimiz tamamlanmış oluyor. Tarayıcı çerezlerini silip, sayfanızı yenileyiniz. Yukarıda gösterdiğim Google Pagespeed Insights testini tekrar çalıştırıp, hızınızın artıp artmadığını kontrol edebilirsiniz.

GZIP Sıkıştırma (Her site için)

GZIP Sıkıştırma tekniği, sitenizin .htaccess dosyasına ufak bir ekleme yaparak, açılış hızınızı çok daha artıran bir özelliktir. Bu özelliği her sitede kullanabilirsiniz, WordPress olması şart değildir.
GZIP Sıkıştırmasını aktif etmek için, FTP ana dizininize giriniz ve “.htaccess” adındaki dosyayı bulup, bir kod editörü ya da metin editörü ile açınız. Sayfanın en sonuna şu kodu ekleyiniz:
Sayfanızı bir kez daha yenileyerek, GZIP sıkıştırmanın da yarattığı performansı görebilirsiniz. Ayrıca, bir kez daha Google PageSpeed Insights taramasından geçirmenizi öneririm. Farkı daha iyi görürsünüz.
Umarım bu yazım da sizlere faydalı olmuştur efendim.
Aklınıza takılan bir soru işareti ya da yapamadığınız bir yer olursa çekinmeden yorumlara yazınız, elimizden geldiğince sizlere yardımcı olacağız. 🙂

Bir başka yazımı: Diş Ağrısı Nasıl Geçer