Wordpress Optimizasyon Nasıl Yapılır? ✅ 🚀

Celil

💙
Hosting yöneticisi
Admin
developer
Vip Üye
Katılım
5 May 2019
Mesajlar
2,750
Çözümler
27
Tepki
1,534
Puan
1,240
Yaş
17
Konum
İstanbul
Feedback score
1
Meslek
SEO Uzmanı

Wordpress Optimizasyon Nasıl Yapılır? ✅ 🚀

Wordpress optimize rehberi, wordpress site hızlandırma, wordpress hızlandırma rehberimize hoş geldiniz bu yazımız oldukça kısa tutup hızlıca sizlere hızlandırmayı göstereceğim.

Elimizdeki sitenin optimizasyon önceki değerleri ;

1627979531055.png

1627979542691.png
1627979551165.png


Hadi başlayalım :)

✅ WP Rocket eklentisini mutlaka kullanıyoruz bu eklenti tam tamına bir hız canavarı.

✅ Cloudflare kullanalım mümkünse :)

✅ Imagify eklentisini kullanıyoruz. Imagify, resimlerinizi sıkıştıran ve dönüştüren bir eklentidir, oldukça temiz bir eklentidir! İşte kullandığım ayarlar.

1627979685754.png


1627979696291.png


Evet, daha hafif olduğu için webp biçimini kullanıyorum, kaliteyi iyi tutuyor ve PNG veya JPG gibi yüksek boyutlu değildir.


- Bir alt etki alanından statik içerik sunun. (çerez içermeyen alan)

Bu, statik içeriğinizin açılış süresini büyük ölçüde azaltacaktır.
Bu tekniğe devam etmeden önce bir yedekleme yapmanızı şiddetle tavsiye ediyorum.

CPanel (alt alan adı oluşturma olarak da bilinir) ile başlayalım

1. cPanel > Alt Alanlar > Bir Alt Alan Oluştur seçeneğine gidin 2. Alt alan adını statik (static.website.tld) olarak adlandıracağım
3. Belge Kökünü public_html/wp-content olarak değiştirin
4. Cloudflare sizin Cloudflare pano gidip yeni kayıt eklemek kullanıyorsanız A, Adını statik ve IP adresini gösterecek şekilde ayarlayın.

1627979820578.png


5. Şimdi wp-config.php dosyasını bulun ve aşağıdaki satırları ekleyin

Kod:
define("WP_CONTENT_URL", "https://static.website.tld");
define('COOKIE_DOMAIN', $_SERVER['HTTP_HOST'] );

Sanırım "website.tld"yi alan adınızla değiştirmenizi söylememe gerek yok.

6. Şimdi tüm gönderileri yeni alt alana yönlendirmelisiniz. Basitçe, aşağıdaki komutu phpMyAdmin aracılığıyla SQL Veritabanında çalıştırın.

Kod:
UPDATE wp_posts SET guid = REPLACE(guid,'website.tld/wp-content/','static.website.tld/')

Kod:
UPDATE wp_posts SET post_content = REPLACE(post_content,'website.tld/wp-content/','static.website.tld/')

1627981089208.png



7. Tüm bu adımları tamamladıktan sonra sayfanıza gidin ve yenileyin. Herhangi bir hata olup olmadığına bakın.

BEKLENEN HATA: CORS politikaları nedeniyle web fontları, FontAwesome vb. yüklenirken sorun oluştu

8. (Düzeltme) Bunun için RankMath kullanıyorum. Ancak doğrudan veya bunu yapabilen başka bir eklenti ile düzenleyebilirsiniz.

.httaccess dosyanıza gidin ve en üst satıra aşağıdakini ekleyin.

Kod:
#CORS FIX
<IfModule mod_headers.c>
 <IfModule mod_rewrite.c>
    SetEnvIf Origin "http(s)?://(.+\.)?(static.website\.com|website\.com)(:\d{1,5})?$" CORS=$0
    Header set Access-Control-Allow-Origin "%{CORS}e" env=CORS
    Header merge  Vary "Origin"
 </IfModule>
</IfModule>
#CORS FIX END


✅ Contact Form 7'nin her sayfaya yüklenmesini önleyin.

Bunun neden olduğunu bilmiyorum ama çok oluyor ve garip olan her WP kurulumunda olmaması. 5 web sitemden 3'ünde bu sorun var. Bu oldukça basit bir tanesidir.

1. Functions.php'ye gidin (public_html/wp-includes)
2. Aşağıdaki kodu en alta ekleyin.

Kod:
add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );
add_action('wp_enqueue_scripts', 'load_wpcf7_scripts');
function load_wpcf7_scripts() {
  if ( is_page('contact') ) {
    if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
      wpcf7_enqueue_scripts();
    }
    if ( function_exists( 'wpcf7_enqueue_styles' ) ) {
      wpcf7_enqueue_styles();
    }
  }
}

Birden fazla sayfada CF7 varsa, " if ( is_page('contact') ) {" ifadesini "if ( is_page('contact|page1|page2|page3') ) {" olarak değiştirin

WPRocket'in yapması gereken sürümü kaynak dosyalardan tamamen kaldırın işi bununla yapın, ancak hariç tutulan css/js dosyalarınız varsa, WPRocket onlara hiçbir şekilde dokunmaz, bu nedenle bu, bu dosyalar için kullanışlı olacaktır.
1. Functions.php'ye gidin (public_html/wp-includes)
2. Aşağıdaki kodu en alta ekleyin.

Kod:
function sh_remove_ver_css_js( $src_file ) {
    if ( strpos( $src_file, 'ver=' ) )
        $src_file = remove_query_arg( 'ver', $src_file );
    return $src_file;
}
add_filter( 'style_loader_src', 'sh_remove_ver_css_js', 9999 );
add_filter( 'script_loader_src', 'sh_remove_ver_css_js', 9999 );

10 Dakika içinde yapılan tüm bu basit hileleri yaptıktan sonra sonuç alma zamanı. :)

1627981245631.png

1627981258221.png
1627981263058.png


İşte bu kadar basit 10 dakikada sitemizi rokete dönüştürdük
 

Bu konuyu görüntüleyen kullanıcılar

Üst Alt