WordPress Site Hızlandırma %100 Performans

WordPress Site Hızlandırma 15
WordPress site hızlandırma işlemleri uygulamalı anlatımı ve araçlar

WordPress Site Hızlandırma yapmadan önce en iyi verimi almak için website sağlığınızı araçlar kısmından kontrol edin.

Herhangi bir sorun olup olmadığına bakın, tabi ki bunlardan önce “Hosting” firmanızı kaliteli seçmelisiniz.

Devamında Güzel mobil uyumlu ve hafif bir tema seçin.

Bu temalara örnek olarak ; , Astra, Neve GeneratePress, Zakra, Twenty Twenty, Customify, Mesmerize, ve bir çok temayı seçebilirsiniz.

Ayrıca 15 adet en hızlı WordPress temasını derlediğimiz yazımız yayında şimdi inceleyin.

Bu Yazımızda Neler Öğrenebilirsiniz ?

Fazla uzun yazıları okumayı sevmediğinizi biliyorum, fakat bu yazımızda öğreneceklerinizi sıralamak istiyorum.

  • Google’ın hiç bilmediğiniz araçlarını öğreneceksiniz.
  • Sitenizin hızını nasıl daha fazla yükselteceğinizi hem bu yazıdan hem de Google’ın verdiği değerli bilgilerden öğreneceksiniz.
  • WordPress Site hızlandırmayı öğreneceksiniz. 🚀
  • Mobil Hızınızı arttırmayı öğreneceksiniz.
  • WordPress siteniz için AMP kullanmayı ve kurulumunu öğreneceksiniz. (Yakında)
  • Görsellerinizi Google’ın oluşturduğu WebP görsel formatına çevirmeyi ve optimize etmeyi öğreneceksiniz.
  • Resimlerinizin bağlantı yoluyla kullanılmasını engellemeyi öğrenecek ve kolayca uygulayacaksınız.
  • Sıkça sorulan sorulara cevap bulacaksınız.

Not : Görselleri okumakta, ayar yapmakta zorlanıyorsanız, görselin üstüne tıklayarak büyütebilirsiniz.

✔ Google Araçlarından ve Hizmetlerinden Faydalanın :

Google’ın yeni güncellemesinden makalemizin ilerleyen kısımlarında bahsetmiştik.

Google ürünlerini hizmetlerini kullanıcı deneyimi ve içerik oluşturucular için yükseltmeye devam ediyor.

Ayrıca Google, site yöneticilerinden site hızlarını yükseltmelerini istiyor.

Bunun için birden fazla araç geliştirmiş bulunmakta bunlar sırasıyla Google PageSpeed, Web.dev ve Test My Site gibi araçlar var.

Bu araçları kullanmanızı şiddetle öneriyorum, tamamen sitenize fayda sağlayacak ve kullanıcı deneyimini geliştirecek.

Ayrıca benimde geç keşfettiğim Think With Google sitesini incelemelisiniz, site demeye utanıyorum çünkü aşırı bilgi içeriyor.

İçerik oluşturucular ve pazarlamacıların fazlasıyla faydalanacağını öngörüyorum.

Bu araçları ve siteleri kullanarak da WordPress site hızlandırma yaparak sitenizin hızını ikiye katlayabilirsiniz.

Varsayalım, istediklerinizi kapsayacak ve kolay düzenleme yapacak bir tema bulamadınız.

O halde, themeforest.net sitesine gidebilir ve istediğiniz WordPress temasını seçebilirsiniz.

Tema seçimi yaparken alt kısımlarda detaylar bulunur ve site optimizasyonunun metrikleri örnek olarak görüntülenebilir bir, görsel gösterilir, mutlaka inceleyin.

Tabi ki SEO uyumlu olduğunu da kontrol edin.

Eklentisiz Optimizasyon için NitroPack Kurulumu başlığına geçebilirsiniz.

WordPress Site Hızlandırma İçin Gerekenler Nelerdir ?

  • WordPress Hosting
  • Verimli Önbellekleme Eklentisi
  • SEO Uyumu
  • Temiz Kodlanmış Olması
  • Görsel Optimizasyon Eklentisi

WordPress Hosting seçimi yaparken, dikkat etmeniz gerekenler aslında WordPress için ayrı hosting seçeneği verilir.

WordPress Hosting’i seçerseniz WordPress’e uyarlı bir Hosting ile daha iyi optimizasyon yapmış olursunuz.

WordPress Site hızlandırma, için verimli (kaliteli) bir önbellek eklentisi kullanmanız gerekmektedir, insanların karşısına çıkan bir çok eklenti seçeneği vardır.

(WP-Rocket, W3 Total Cache vs..) Bir çok insan güncel olmayan bloglarından dolayı W3 Total Cache veya LiteSpeed gibi eklentileri insanlara en iyi Önbellek eklentisi olarak açıklamasıdır.

WordPress Site Hızlandırma : En iyi önbellek eklentisi

En iyi önbellek eklentisi, açık ara WP Rocket‘dir.

Belirtmek isterim ki aklınızda soru kalmasın Sponsoru olduğu için açıklıyor veya gösteriyor demeyin diye.

Sunucuya göre tabi ki değişiklik gösterebilir fakat, uzmanlarında önerisi WP Rocket’dir.

Eğer LiteSpeed Cache uyumlu sunucunuz var ise LiteSpeed Cache de kullanabilirsiniz.

Litespeed Cache ayarlarını da sizlere anlattık.

Eklentiyi indirdikten sonra ise, WordPress yönetim panelinize girip, eklentiler kısmından yeni ekleye tıklayarak yükleme yapabilirsiniz. Eğer bilmiyorsanız buradan yapabilirsiniz.

WordPress Site Hızlandırma 11
Site Hızlandırma hizmeti almak için görsele tıklayabilirsiniz.

Kurulumun ardından WordPress site hızlandırma işlemlerinde yönetim paneline geliyoruz.

Sırasıyla İşlemlere başlamadan önce, Sitenizin hız metriklerini ölçün ve raporlayın.

Google‘ın kendi site hız ölçme aracını kullanabilir ya da GTmetrix gibi platformları kullanabilirsiniz.

Düşük Hosting kullanmama rağmen işte web sitemin hızı :

WordPress site hızlandırma

Sizde WordPress site hızlandırma işleminden faydalanmak, web sitenizin hızını yükseltmek istiyorsanız üst kısımda bulunan formdan veya E-Posta‘dan benimle iletişime geçebilirsiniz.

Ayrıca, WordPress 5.8 güncellemesiyle WebP desteğinin geleceğini WordPress ekibi duyurdu!

Web Site Hızı Neden Önemli? :

Yeni Google güncellemesiyle (Çekirdek Güncellemesi) Google botları sitemizin hızını sürekli olarak incelemeye başlayacağını Google bu güncelleme ile duyurmuştu.

Bu sebeple sıralamalar değişeceğinden emindik, ki öyle de oldu bu yüzden web sitenizin hızı çok önemli bir unsur haline geldi.

Çok CPU Kullanan Eklentiler Sırasıyla :

Peki bu eklentileri sizlere neden açıklıyoruz, söylüyoruz.

Bu eklentileri yüklemek web sitenizi yavaşlatacak ve yoracaktır, gerekmedikçe aşağıda verdiğimiz eklentileri kullanmayın.

  • Contact Form 7
  • Jetpack
  • Visual Composer
  • Revolution Slider (Slider Revolution)
  • WooCommerce
  • WPML
  • Broken link checker
  • Disqus Comment System

Peki neden WP Rocket artıları neler ?

Çok fazla ayar yapma, Verimli Önbellekleme, Önbelleği önceden yükleme, Statik dosya sıkıştırma.

Ve bir çok ayar bulunmakta. Dilerseniz eklenti yapılandırma işlemlerine geçelim. 👇

WP Rocket Yapılandırma ve Optimizasyon Ayarları

Sonunda uygulamalı WordPress site hızlandırma anlatımına geçtik dediğinizi duyar gibiyim hadi başlayalım!

Eklentimizi web sitemize yükledikten sonra ilk yapmamız gerekenler :

WP Rocket eklentisi Sitemizin “Ayarlar” kısmına yüklenmektedir.

Araç Çubuğundan Önbellek kısmına girin :

WordPress Site Hızlandırma
Temel Önbellek Kısmı

Giriş yaptıktan sonra aşağıdaki ayarları uygulayın :

ilk onbellek ayarlari

Temel önbellek kısmında yaptığımız ayarlar mobil cihazlarda ve WordPress sitenizde Oturum açmış kişilerin işlemlerini hızlandıracak, optimize edecektir.

Kısım 2 – JS – CSS Optimizasyonu Ayarları – Dosyaları İyileştirme

JavaScript ve CSS kodları optimizasyonu site hızında önemli rol oynar.

Bunları WP Rocket eklentisi ile optimize etmek oldukça kolaydır.

WordPress Site Hızlandırma işlemlerinden önemli olan bir diğer kısım ise JS ve CSS‘dir bu ayarları yapmanız önerilir.

Ayarlar aşağıdaki görseller gibi olmalıdır.

Javascript ve CSS kısmında önemli olanlar, işaretlidir.

Not : Burada yapacağınız ayarlar, sitenizin yapısını bozabilir.

Herhangi bir yapı bozulma durumunda eklentiyi kaldırmayın, sırayla tikleri kaldırıp sitenizde hangisinin sorun yarattığını bulun.

wp rocket ayarlari

Bu kısım uzun olduğu için 3 fotoğrafa ayırıyorum :

2 : Kullanılmayan CSS’yi Kaldır özelliği beta yani yeni test aşamasında.

Eğer sitenizde bir bozulma olur ise bu tiki kaldırabilirsiniz.

Ayarlardan en önemlileri, JavaScript dosyalarını küçültme ve Ertelenmiş JavaScript Yükleme işlemi.

wp rocket ayarlari 2
3: JavaScript Yürütmeyi Geciktir :

Karalanmış olan yerlerde kod var kötüye kullanılmaması vs. için gizlemek zorunda kaldım. 🙂

wp rocket ayarlari 3

Dosyaları iyileştirme kısmı da bittiğine göre şimdi ise, Ortam Dosyaları (Görsel, Video) kısmına geçiyoruz.

WP Rocket Ortam Dosyaları :

LazyLoad kısmındaki ayarlar gördüğünüz gibi.

Not : Eğer Resimler için başka bir LazyLoad kullanıyorsanız ikisi bir çakışabilir, bu durum resimlerin yüklenmesine engel olabilir.

Bu nedenle LazLoad’ı başka bir eklentiyle kullanıyorsanız kaldırıp buradan kullanabilirsiniz.

wordpress wp rocket ayarlari 6

Ortam kısmında bir seçenek daha var :

wp rocket ayarlari 6

WP Rocket yapılandırmasına devam edeceğiz..

Bu kısımda bittiğine göre WordPress site hızlandırma işlemlerini neredeyse yarıladık.

WP Rocket Önyükleme :

Önyükleme için site haritaları kısmında, sitemap.xml dosyanızın yolunu görseldeki gibi belirtebilirsiniz.

wp rocket ayarlari 10

Önyükleme kısmının devamı :

DNS İsteklerini Önceden Getirme kısmındaki eklenenler aşağıda. 👇

  • //maxcdn.bootstrapcdn.com
  • //platform.twitter.com
  • //s3.amazonaws.com
  • //ajax.googleapis.com
  • //cdnjs.cloudflare.com
  • //netdna.bootstrapcdn.com
  • //fonts.googleapis.com
  • //connect.facebook.net
  • //www.google-analytics.com
  • //www.googletagmanager.com
  • //maps.google.com
wp rocket ayarlari 11

Yazı tiplerini önyükleme kısmını ise Google PageSpeed aracından veya görseldeki dosya yolu mantığını kullanarak kendi yazı tipinizi bulabilirsiniz.

  • /wp-content/themes/temanızınadı/assets/static/icon-fonts/icons.ttf

WordPress Site Hızlandırma Eklentisi : LiteSpeed Cache Ayarları

LiteSpeed Cache ayarlarıyla WordPress site hızlandırma yapmadan önce, Sunucunuzun LiteSpeed Cache sağlayıp sağlamadığını kontrol edin.

İlk olarak eklentiyi sitenize yükleyin, buradan indirebilirsiniz.

İndirmenizin ardından sitenizi yükleyin eğer nasıl yükleyeceğinizi bilmiyorsanız tıklayın.

WordPress site hızlandırma yaparken de dikkat etmeniz gereken Hosting’den bahsederken uyumluluğun çok önemli olduğunu söylemiştik.

wordpress litespeed cache

Tekrar söylemekte fayda var, LiteSpeed Cache uyumlu bir sunucunuz var ise başka bir eklenti yüklememenizi tavsiye ederim.

Peki, WordPress eklentileriyle ayar yapıp uğraşmak istemiyorsunuz.

Tek Tıkla Site Hızlandırma : Nitro Pack

Bu konuda 5000 görüntülenmeye kadar ücretsiz olarak kullanılabilen Nitro Pack site hızlandırma işlemi yapabilirsiniz.

Ama ilk önce belirtmek isterim ki Nitro Pack Black Hat SEO yani kötü niyetli SEO işlemleriyle Önbellek işlemleri yapıyor deniliyor.

Ama sadece deniliyor uyarması benden, gerisi sizden arkadaşlar, bence siz WP Rocket i indirin yükleyin ayarları yapın devam edin.

WordPress Site Hızlandırma işleminde benim önerim “WP Rocket” açık ara en iyi yöntemler ve mükemmel performans gösteriyor.

Ama tabi ki bu size kalmış hadi devam edelim !

Nitro Pack kurulumu ve kullanımı kolay bir hizmet sunmaktadır. 4 Farklı üyelik sistemi vardır, bunlar sırasıyla :

  • Ücretsiz 5000 Görüntülenme
  • Ücretli 50.000 Görüntülenme 17,50 $ / Ay
  • Ücretli 200.000 Görüntülenme 42,50 $ / Ay

Ücretsiz olarak kullanmak isteyenler sadece 1 web sitesi ekleyerek kullanabilirler, Footer’a bir adet Nitro Pack Reklamı yerleştirir.

Görsel aşağıdaki gibidir.

WordPress site hızlandırma
Nitro Pack reklam görseli

Reklam görseli çok büyük değildir ve çok fazla dikkat çekmiyor kullanmak isteyenler rahatlıkla kullanabilirler.

Ayrıca hemen aşağıda bu reklam görselini nasıl gizleyebileceğinizi sizlere anlattık.

Reklam görselinin büyük hali :

nitro pack reklam buyuk

Nitropack footer kısmındaki reklam yazısını gizlemek için;

Yol :

wp-content / plugins / nitropack / nitropack-sdk / NitroPack / SDK / Pagecache.php

Ardından Şu kodu bulun:

public function readfile()

Bu kodun altında bulunan kod:

if ($this->canUseCompression() && (ini_get(“zlib.output_compression”) === “0” || ini_set(“zlib.output_compression”, “0”) !== false)) { $filePath .= “.gz”; }

Yukarıdaki kodu alttaki ile değiştirin:

if ($this->canUseCompression() && (ini_get(“zlib.output_compression”) === “0” || ini_set(“zlib.output_compression”, “0”) !== false)) { //$filePath .= “.gz”; }

Ve yine şu kodu bulun:

echo $file->content;

Ve Değiştirin:

//echo $file->content; echo preg_replace(‘/[^>]

Bu kodları bulmakta sorun yaşıyorsanız, “CTRL+F” tuşuna basarak sayfa içi arama kısmını açıp kodu yapıştırınız.

Ardından önbelleğinizi temizlemeyi unutmayın.

Nitro Pack Kurulumu (Yakında)

Nitro Pack Kurulum Adımları :

WebP Express ile Görsellerinizi Optimize Edin :

Google’ın geliştirdiği görsel formatı WebP ile tanışın aranızda duyanlar veya bilenler illaki vardır.

Google bu formatı kullanmamızın bizim yararımıza olacağını söylüyor.

Gelin bu formatı neden kullanmamız gerekiyor hızlıca kısa bir karşılaştırma yapalım.

JPG vs Webp Karşılaştırması

En sol kısımda bildiğiniz üzere en yüksek kalite var ve boyutu çok yüksek.

Sağa doğru sırayla baktığımızda WebP formatın optimizasyonu ile neredeyse kayıpsız bir optimizasyon ile, boyut düşüşü mükemmel durumda.

WebP Formatını sitenizde kullanarak da WordPress Site Hızlandırma işlemleri yapabilirsiniz.

Hotlinking Kullanın ve İçeriğinizin Sızdırılmasını ve Performans Düşüşünü Engelleyin :

Hotlinking cPanel kullananlar muhtemelen görmüş ve bu ne demiştir.

Çok güzel sistem aslında, öğrenince daha sevecek ve kullanacaksınız.

Hotlinking Nedir Özetleyelim :

İçeriğiniz kodlarla erişilmesini engelleyen sistemdir.

Konuyu açacak olursak, bir görseli indirmek istiyoruz diyelim.

Normal ziyaretçiler resmi çok beğendiyse ne yapıyor sağ tıklayıp resmi farklı kaydet deyip bilgisayarına indiriyor.

Ama bazı web site kullanıcıları içerik editörleri vs. kendi Hostinglerinin limitlerini doldurmamak veya başka sebeplerden dolayı kod ile resmi kendi sitelerine çekiyor.

Hotlinking hakkında daha fazla bilgi için tıklayın.

Bir de görsel örnekle göz atalım :

WordPress Site Hızlandırma 6

Şimdi WebsiteA görselin asıl sahibi, WebsiteB ise görseli kendi sitesine çeken kişi.

Görselde ok ile gösterilen yerde WebsiteA’da ki görselin bağlantısını çekmesini istemiş, sanki kendi sitesinde bulunan bir görsel gibi.

Tabi ki bu emek hırsızlığı bununla da bitmiyor.

Hotlinking yapan bir kişi sizin sitenizin sunucusunu da yoruyor ve yavaşlatıyor.

Şimdi gelelim Hotlinking engellemeye.

Hotlinking’i Kalıcı Olarak Engelleyelim :

.htaccsess dosyanızla hotlinking’i önleyebilirsiniz işte eklemeniz gereken kod :

#disable hotlinking of images with forbidden orcustom image optionRewriteEngine onRewriteCond %{HTTP_REFERER} !^$RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?webitrik.com [NC]RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Not: Webitrik.com’un yerine kendi site adresinizi eklemeyi unutmayın.

GZIP Sıkıştırması Yaparak Dosyaları Sıkıştırın :

GZIP Sıkıştırması web sitenizin kaynak kodlarını vs. sıkıştırmaya yarar.

Bunu aynı bir dosyayı “RAR” veya “ZİP” ile sıkıştırıp boyutunu düşürmek olarak anlayabilirsiniz.

Aynısı siteniz için de geçerlidir, sıkıştırmanın aktif olup olmadığını Analiz aracıyla inceleyebilirsiniz.

Analiz aracına sitenizi girdikten ve çok kısa bir süre sonra sonuçlar geldiğinde en altta bulunan Web 2.0 Standartları kısmından Detay+ butonuna tıklayarak, GZIP’in aktif olup olmadığını inceleyebilirsiniz.

gzip sikistirmasi

İncelemeniz ardından dilerseniz bir eklenti ile (PageSpeed Ninja) ya da .htaccsess dosyanıza kod ekleyerek GZIP sıkıştırmayı aktifleşitirebilirsiniz.

.Htaccsess Dosyanıza Eklemeniz Gereken Kod :

Aşağıda bulunan kodu ekleyebilirsiniz.

AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript

Böylece WordPress site hızlandırma işlemleri yaparken daha fazla verim alabilirsiniz.

İlerleyen kısımlarda AMP yapılandırma ve kurma işlemlerini anlatıyor olacağız.

Sıkça Sorulan Sorular :

WordPress site nasıl hızlandırılır ?

1: Kullandığınız sitenize uygun WordPress Hosting seçin.

2: Hafif ve sürekli güncellenecek bir WordPress teması seçin.

3: WebP Görsel formatını kullanın ve Görsellerinizi kayıpsız optimize edin.

4: CSS ve JS dosyalarınızı optimize edin yani küçültün.

5: CDN (İçerik Dağıtım Ağı) kullanın.

6: GZIP Sıkıştırmasını aktifleştirin.

7: WordPress Veritabanınızı süreli olarak optimize edin.

WooCommerce nasıl hızlandırılır ?

Güncel bir WooCommerce teması kullanın.
Görsellerinizi optimize edin, verimli bir önbellek eklentisi kurup ayarlarını yapın.

Web siteleri nasıl hızlandırılır ?

Kullandığınız sisteme göre Hosting seçimi yapın.

Hafif bir tema kullanın.

Görsellerinizi optimize edin.

Önbellekleme kullanın.

WP Fastest Cache Nedir ?

WordPress site hızlandırma işlemlerinde de kullanılan, bu eklenti WordPress önbellekleme işlemleri yapmanıza yardımcı olur.

JavaScript, CSS ve diğer kodları küçülterek site hızınızı arttırmaya yarayan bir site hızlandırma eklentisidir.

LiteSpeed Cache nedir ?

LiteSpeed Cache, WordPress site hızlandırma işlemlerinde de kullanılan bir önbellekleme ve site hızlandırma eklentisidir.

LiteSpeed Cache uyumlu sunucular tarafından önerilmektedir.
Sunucunuz tarafındaki işlemleri optimize ederek sunucunuzu optimum performansta kullanmanızı sağlar.

Eklenti tüm teknik hızlandırma işlemlerini direkt olarak sunucunuzdan yaparak, sunucu tarafındaki kaynakları görülür ölçüde hafifletir.

WP Optimize nedir ?

WP Optimize, bir veritabanı temizleme eklentisi olarak görülmektedir.

Öyle ki WordPress’in veritabanınız da tutan gereksiz dosyaları temizleyerek sitenizi hızlandırmaya yaramaktadır.

MySQL üzerindeki tablolarınızın optimizasyonunu yapmanızı sağlar.

Aşağıda bulunan videodan WordPress site hızlandırma işlemlerini yapabilirsiniz.

WordPress site hızlandırma makalemizi faydalı bulduysanız yorum yapmayı unutmayın.

Total
1
Shares
1 yorum yap
Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Önceki Gönderi
Video Editleme Programları

Video Editleme Programları : Kolaydan Zora (2021)

Sonraki Gönderi
Wnidows media center nedir

Windows Media Center Nedir ? Ne İçin Kullanılır

İlgili Gönderi