Share This Post

Genel Haberler / Slider

Web sitenizi hemen hızlandırın detaylı anlatım.

Web sitenizi hemen hızlandırın detaylı anlatım.

Web sitesi nasıl hızlandırılır ? Detaylar makalemizde.

Genel olarak wordpress alt yapısı kullanıyoruz fakat bu sistemler çok ağır ve bunun için bir kaç eklenti ve bir kaç adımda sitemizi hızlandırabiliriz.

İlk öncelikle sitemizi GTMETRİX sitesinde analiz edelim

https://gtmetrix.com/

Örnek bizim sitemizin GTMETRİX değerleri

https://gtmetrix.com/reports/www.microturk.net/2Lt6oON8

.htaccess dosyasına aşağıda ki kodları ekleyiniz.

GZIP aktif edelim eğer içinde varsa eklemenize gerek yok.

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Browser cache ayarları için .htacces e aşağıda ki kodları ekleyiniz.

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Enable Keep-Alive uyarısı alıyorsanız;

Sunucu kullanıyorsanız ftp ye root olarak girip

cPanel için /etc/apache2/httpd.conf dosyasını açın.

KeepAlive On

olarak işaretleyin eğer yoksa yazmıyorsa el ile ekleyebilirsiniz.

 

Optimize images / Resimleri optimize etme

Resimleri eklenti yada sunucu bileşenleri ile optimize edebilirsiniz.

WordPress kullanıyorsanız

Smush Image Compression and Optimization

bu eklentiyi kullanabilirsiniz.

Eğer farklı bir platform kullanıyorsanız bu işlemleri sunucuda da yapabilirsiniz.

Bu sunucu bileşenleri centos sunucu üzerinde anlatıyorum eğer ubuntu kullanıyorsanız  “sunucu üzerinde resim optimize etme” cümlesini aratarak araştırabilirsiniz.

Bu adım sistemi yormadan sunucu arka planında çalıştırarak siteyi zorlamaz ve arka planda resimlerini optimize eder.

Gelelim kurulumlarımıza.

 

İlk önce gerekenleri putty e girip kuralım

yum install epel-release

yum  install jpegoptim

yum install optipng

sonrasında resimlerin olduğu yere girip bileşenleri çalıştıralım.

Her iki uygulamayıda sisteme dahil ettiysek fotoğrafların bulunduğu yere gidelim ve çalıştıralım. Benim fotoğrafların /var/www/site/content içerisinde yer alıyor.

find . -name *.jp* | xargs jpegoptim --strip-all -m76
find . -iname '*.png' -print0 | xargs -0 optipng -o7 -preserve

Eğer açılış hızlarınız halen yavaş ise wp optimizer eklentilerini kaldırın.

web site hızlandırma teknikleri

 

WordPress sitenizde siteyi yavaşlatan eklentiyi bulun ve kaldırın !

Hangi eklenti bu sitemi yavaşlatan?

WordPress sitenizi yavaşlatan eklentiyi bulma işini başka bir eklenti olan P3 (Plugin Performance Profiler) ile belirleyeceğiz.

Eklentiyi kurup etkinleştirdikten sonra eklenti sayfasına gidin. Burada eklentinin adının altında Şimdi Tara kısmı bulunuyor, burayı tıkladığınızda işlemleri yapacağınız sayfaya gidiyorsunuz.

Eklentinin birçok kısmı Türkçe, kullanımı çok basit. Eklenti sayfasına geldiğinizde orada bir Taramayı Başlat butonu, yanında da yüklü toplam eklenti sayısını göreceksiniz. Ayrıca daha önce yapılan taramalara Geçmiş sekmesini tıklayarak yine bu sayfadan görebilirsiniz.

Tarama bittikten sonra tekrar eklentinin sayfasına yönlendirileceksiniz ve orada ilk sayfada Eklenti Çalışma Zamanı’nı göreceksiniz. Ayrıca eklentilerin yüklenme zamanı, tüm sitenin yüklenme süresinde eklentilerin yüzde etkisi MySQL sorgu sayısı gibi bilgileri de görebilirsiniz.

JavaScript Optimize etme

Javascript Sıkıştırma – Optimize Etme

Javascriptler yazılırken okuma ve düzenleme kolaylığı ön planda tutulur. Buna göre kodlar arasında boşluklar, boş satırlar fazlasıyla yer alır. Bu boşluk ve javascript kod yapısına fayda sağlamayan açıklamaların oratadan kaldırılması javascript dosya boyutunu azaltacak ve daha hızlı yüklenmesini sağlayarak siteyi hızlandıracaktır.

Javascript kodlarını sıkıştırmak için aşağıda yer alan siteyi kullanabilirsiniz.

xtreeme.com/javascript-optimizer

CSS Optimize

Stil dosyaları, düzenleme kolaylığı olması sebebiyle okunabilirliği arttırmak için boşluklar bırakılarak ve satırlar atlatılarak yazılırlar. Bu şekilde yazılan stil dosyaları okunurluğu fazla olmasıyla birlikte dosya boyutları da büyümektedir. Siteler açılırken stil dosyalarının hızlıca yüklenerek sitenin görsel düzeninin en kısa sürede oluşturulması için stil dosyaların boyutu kodlama yapısı ile minimuma indirilmelidir.

Stil dosyalarının kodlama boyutlarını alzatmak için, belirli sınıflar tek satırda toplanabilir, boşluklar silinebilir, aynı içeriğe sahip farklı sınıflar bir başlık altında toplanabilir. Tüm bu işlemleri yapmak kodlama bilmeyen kişiler için zor olması sebebiyle, bunların tamamını ve daha fazlasını istediğiniz özelliklere uygun seçenekler ile Clean CSS sitesinden rahatlıkla yapabilirsiniz.

CSS Optimize etmek için aşağıda ki eklentiyi kullanabilirsiniz.

https://csscompressor.com/

Share This Post

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Lost Password

Register

Araç çubuğuna atla