WordPress Site Hızlandırma %100 Teknik İşlemler

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.

Site Hızlandırma 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.

Site Hızı Araçları ve 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ş, 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 hızlandırma ve Mobil hızlandırma işlemlerini yaparak sitenizin hızını ikiye katlayabilirsiniz.

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

O halde, https://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.

Cache Eklentileri Nelerdir : Wp Rocket, LS Cache

LiteSpeed Cache (9.5/10)

LiteSpeed Cache başarılı sunucu ayarları ve optimizasyon ile ilk sıralarda yer almakta, LSCache modülü kullanılmaktadır.

Alt yapısının güvenli ve kaliteli olmasıyla birlikte bir çok ihtiyacı karşılamaktadır.

WP Rocket (9,2/10)

WP Rocket hepsi bir arada çözüm sunan eklentilerdendir anlık olarak bir site kullanımı için 50$ ödeme yapmanız gerekiyor.

Fakat biz WP Rocket eklentisinin Infinity sürümünü satın aldığımız için Müşterilerimize uygun fiyata sağlamaktayız.

Not : WP Rocket webitrik.com’da kullanılmaktadır.

Şimdi 50$ yerine 100TL’ye güvenli ve uygun fiyat ile 1 yıllık satın alabilirsiniz!

Aşağıda bulunan Formu doldurmanız yeterli olacaktır, WP Rocket “Lisanslı” eklentinizi hızlı bir şekilde sizlere teslim edeceğimin garantisini vermekteyim!

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 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.

Kurulumun ardından 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ı :

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 :

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

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.

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.

3: JavaScript Yürütmeyi Geciktir :

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

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.

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

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.

Ö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

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.

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.

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 :

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.

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ı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 :

Ş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.

İ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 :

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.