• 02-03-2021, 15:51:27
    #1
    Optimizasyon için Webcraftic Clearfy Pro ile LiteSpeed Cache kullanıyorum ancak JS tarafında büyük bir sıkıntı ile karşı karıyayım. Her ne kadar eklenti ile satır içi JS kodlarını alıp tüm JS'leri birleştirip Minify ederek tek dosya yapabilsem de Wordpress'in çağırdığı JS dosyaları buna dahil olduğu için boyutu şişiriyor. Bunlardan bazıları şu şekilde:

    ../wp-includes/js/jquery/jquery.min.js (28.9KB)
    ../wp-includes/js/dist/vendor/wp-polyfill.min.js (32.1KB)
    ../wp-includes/js/dist/i18n.min.js (3.7KB)
    ../wp-includes/js/dist/vendor/lodash.min.js (24.8KB)
    ../wp-includes/js/dist/url.min.js (4.7KB)
    ../wp-includes/js/dist/hooks.min.js (3.2KB)
    ../wp-includes/js/dist/api-fetch.min.js (2.5KB)
    ../wp-includes/js/imagesloaded.min.js (1.9KB)
    ../wp-includes/js/masonry.min.js (7.2KB)
    ../wp-includes/js/jquery/jquery.masonry.min.js (0.8KB)
    ../wp-includes/js/wp-embed.min.js (9.8KB)

    Acaba nerede hata yapıyorum, bu JS dosyaları sanki ziyaretçiler için değil de giriş yapmışlar ya da yöneticiler için panel JS'leri gibi geliyor bana? Sorun Giriş yapmamış kullanıcılara da giriş yapmış gibi önbellek göstertmek olabilir mi? Zira sitenin, eklentilerin ve Google analiz kodunun JS'si 40KB'dan azken wp-includes'den çağırılan JS'ler 100KB'dan fazlalar.
  • 02-03-2021, 15:54:15
    #2
    Bu tarz şeylerden ziyade arayüzde çağırılan gereksiz komutları azaltmak ve site biraz hitli ise cdn kullanmak çok daha performanslı bir çözüm olacaktır.
  • 02-03-2021, 16:00:21
    #3
    Cooper34 adlı üyeden alıntı: mesajı görüntüle
    Bu tarz şeylerden ziyade arayüzde çağırılan gereksiz komutları azaltmak ve site biraz hitli ise cdn kullanmak çok daha performanslı bir çözüm olacaktır.
    Hocam 150+KB'lık JS'lerin 40KB altına düşmesi önemsiz bir şey değil. Toplam sayfa boyutunun 486KB olduğu sitede 150KB+ JS olması hiç hoş görünmüyor, Bunlar kalkar ise 376KB'a düşmüş olacak. Cloudflare kullanıyorum.
  • 02-03-2021, 16:10:17
    #4
    Bu durumu ancak js uzmanları düzeltebilir kodu performans odaklı tekrar yazarak
  • 02-03-2021, 16:10:33
    #5
    Eklenti falan hikaye hocam yani
  • 02-03-2021, 16:25:17
    #6
    Nokvi adlı üyeden alıntı: mesajı görüntüle
    Bu durumu ancak js uzmanları düzeltebilir kodu performans odaklı tekrar yazarak
    Nokvi adlı üyeden alıntı: mesajı görüntüle
    Eklenti falan hikaye hocam yani
    Hocam bunlar önceden yoktu, her sitede çalışmıyor zaten. Tema ya da eklenti ayarı kaynaklı olduğunu düşünüyorum. Wordpress'i tekrar kodlamaktan bahsediyorsunuz siz, js uzmanlarının tekrar yazması demek bu? Kullandığım temanın demosunda bile bunlar yok.
  • 02-03-2021, 19:58:56
    #7
    SkyGhostAir adlı üyeden alıntı: mesajı görüntüle
    Hocam bunlar önceden yoktu, her sitede çalışmıyor zaten. Tema ya da eklenti ayarı kaynaklı olduğunu düşünüyorum. Wordpress'i tekrar kodlamaktan bahsediyorsunuz siz, js uzmanlarının tekrar yazması demek bu? Kullandığım temanın demosunda bile bunlar yok.
    Hocam mevzu bahis js dosyalarını çağıran fonksiyonlara bakıp neyin nerede çalıştığını kontrol edip buna göre çekilen dosyaları kaldırarak sorgu sayılarını düşürmüş olursunuz. Benim tavsiyem, temanın header.php functions.php gibi kemik dosyalara ilk önce bakın.

    Bu arada js'leri tekrardan yazmak felan gereksiz şeyler. En fazla dosya kodları sıkıştırılır, onun dışında js'i tekrardan yazmaya çalışmak gereksiz. Zaten atıyorum 5-10 yıl önceki eski fonksiyonlarla çalışan bir dosya değilse hiç gerek yok.
  • 05-03-2021, 02:08:46
    #8
    Öncelikle jquery yi kaldırırsanız, sitenizdeki javascriptlerin %90 ı çalışmaz. Yine de kendiniz test edebiliriniz. wp_dequeue_script fonksiyonu ile dilediğiniz js dosyasını kaldırabilirsiniz (WordPress'in nimetleri). Burada nasıl kullanılacağına dair bir örnek var (sayfanın en altında). Yinede olduğu gibi buraya ekleyeyim.

    function wpdocs_dequeue_script() {
        wp_dequeue_script( 'jquery-ui-core' );
    }
    add_action( 'wp_print_scripts', 'wpdocs_dequeue_script', 100 );
    'jquery-ui-core' yazan kısma kaldırmak istediğiniz .js dosyasının id sini yazacaksınız. Bu id yi nereden bulacağım derseniz, sayfanın kaynak koduna bakarak bulabilirsiniz. Örneğin Twenty Twenty temasındaki wp-embed dosyasını kaldırmak için kaynak kısmından id yi şu şekilde bulabilirsiniz:

  • 29-04-2021, 16:38:13
    #9
    bilimokur adlı üyeden alıntı: mesajı görüntüle
    Öncelikle jquery yi kaldırırsanız, sitenizdeki javascriptlerin %90 ı çalışmaz. Yine de kendiniz test edebiliriniz. wp_dequeue_script fonksiyonu ile dilediğiniz js dosyasını kaldırabilirsiniz (WordPress'in nimetleri). Burada nasıl kullanılacağına dair bir örnek var (sayfanın en altında). Yinede olduğu gibi buraya ekleyeyim.

    function wpdocs_dequeue_script() {
        wp_dequeue_script( 'jquery-ui-core' );
    }
    add_action( 'wp_print_scripts', 'wpdocs_dequeue_script', 100 );
    'jquery-ui-core' yazan kısma kaldırmak istediğiniz .js dosyasının id sini yazacaksınız. Bu id yi nereden bulacağım derseniz, sayfanın kaynak koduna bakarak bulabilirsiniz. Örneğin Twenty Twenty temasındaki wp-embed dosyasını kaldırmak için kaynak kısmından id yi şu şekilde bulabilirsiniz:

    Cooper34 adlı üyeden alıntı: mesajı görüntüle
    Hocam mevzu bahis js dosyalarını çağıran fonksiyonlara bakıp neyin nerede çalıştığını kontrol edip buna göre çekilen dosyaları kaldırarak sorgu sayılarını düşürmüş olursunuz. Benim tavsiyem, temanın header.php functions.php gibi kemik dosyalara ilk önce bakın.

    Bu arada js'leri tekrardan yazmak felan gereksiz şeyler. En fazla dosya kodları sıkıştırılır, onun dışında js'i tekrardan yazmaya çalışmak gereksiz. Zaten atıyorum 5-10 yıl önceki eski fonksiyonlarla çalışan bir dosya değilse hiç gerek yok.
    Şu iki eklentinin çektiği js dosyalarını ilgili kısımlardan kaldırabilirsem istediğim şey olmuş olacak:

    --- Mailster - Email Newsletter Plugin for WordPress
    https:// siteadresi .com/wp-content/plugins/mailster/assets/js/form.min.js

    Bu eklenti sadece ana sayfada ve içeriklerde çalışıyor, kategoride ve sayfalarda çalışıyor. PHP fonsiyonu ile engellemek çalışmayan sayfalarda yük olmamasını sağlayacak.

    --- Search & Filter Pro
    https:// siteadresi .com /wp-includes/js/jquery/ui/core.min.js
    https:// siteadresi .com /wp-includes/js/jquery/ui/datepicker.min.js

    Bu iki dosya ise sadece tek bir sayfada çalışıyor. Yani filitre diye bir page var ve onun içinde kullanılıyor ancak tüm sitede eklenti aktif olduğu için bu iki dosya çekiliyor. ID'si xxx olan sayfa haricinde çalıştırma şeklinde bir kod çok güzel olur.

    Bunu nasıl yaparım, nasıl araştırıp kaynak bulurum hiç bir fikrim yok. Bunu inceledim ancak herhangi bir engelleme yapamadım.