WordPress sitenizde render engelleme JavaScript ve CSS sorunlarıyla karşılaşmak sinir bozucu olabilir. Bu sorunlar web sitenizi yavaşlatabilir ve performansını etkileyebilir. Yavaş bir site ziyaretçileri uzaklaştırabilir ve arama motoru sıralamalarınızı etkileyebilir.
Web sitenizi Google PageSpeed Insights'ta kontrol ettiğinizde, bu oluşturmayı engelleyen kaynakları ortadan kaldırma önerisi görebilirsiniz. Ne yazık ki, araç bu sorunu WordPress'te nasıl çözeceğiniz konusunda net talimatlar vermiyor.
İyi haber şu ki, oluşturmayı engelleyen JavaScript ve CSS'yi düzeltmeyi göründüğünden daha az karmaşık hale getiren araçlar var. WP Rocket veya Autoptimize gibi bir önbellekleme eklentisi kullanarak, betikleri küçülterek ve erteleyerek sitenizi optimize edebilir, bu da yükleme sürelerini azaltır ve PageSpeed puanlarını iyileştirir.
Bu makalede, bu sorunları WordPress sitenizde çözmek için adımları size rehberlik edeceğiz.
Oluşturmayı Engelleyen JavaScript ve CSS Nedir?
Oluşturmayı engelleyen JavaScript ve CSS, bir web sitesinin bu dosyaları yüklemeden bir web sayfasını görüntülemesini engelleyen dosyalardır.
Her WordPress web sitesinin, web sitenizin ön ucuna JavaScript ve CSS dosyaları ekleyen bir teması ve eklentileri vardır.
Bu betikler sitenizin sayfa yüklenme süresini artırabilir ve sayfanın oluşturulmasını engelleyebilir.
Bir kullanıcının tarayıcısı, sayfadaki diğer HTML'yi yüklemeden önce bu betikleri ve CSS'yi yüklemek zorunda kalacaktır. Bu, daha yavaş bir bağlantıya sahip kullanıcıların sayfayı görmek için birkaç milisaniye daha beklemeleri gerektiği anlamına gelir.
Bu betikler ve stil sayfaları, oluşturmayı engelleyen JavaScript ve CSS olarak adlandırılır.
Google PageSpeed puanını 100'e çıkarmaya çalışan WordPress web sitesi sahiplerinin bu mükemmel puana ulaşmak için bu sorunu çözmeleri gerekecektir.
Google PageSpeed Puanı Nedir?
Google PageSpeed Insights, web sitesi sahiplerinin web sitelerini optimize etmelerine ve test etmelerine yardımcı olmak için Google tarafından oluşturulmuş bir web sitesi hız testi aracıdır. Bu araç, web sitenizi Google'ın hız yönergelerine karşı test eder ve sayfa yükleme sürenizi iyileştirmek için öneriler sunar.
Sitenizin geçtiği denetim sayısına göre bir puan gösterir.
Çoğu web sitesi 50-70 arasında bir puan alır. Ancak, bazı web sitesi sahipleri 100'e (bir sayfanın alabileceği en yüksek puan) ulaşmak zorunda hissederler.
Mükemmel "100" Google PageSpeed Puanına Gerçekten İhtiyacınız Var mı?
Google PageSpeed Insights'ın amacı, sitenizin hızını ve performansını iyileştirmek için size yönergeler sunmaktır. Bununla birlikte, bu kuralları kesin olarak takip etmeniz gerekmez.
Hızın, Google'ın sitenizi nasıl sıralayacağını belirlemesine yardımcı olan birçok web sitesi arama motoru optimizasyonu (SEO) metriğinden yalnızca biri olduğunu unutmayın. Hız çok önemlidir çünkü sitenizdeki kullanıcı deneyimini iyileştirir.
Daha iyi bir kullanıcı deneyimi, hızdan çok daha fazlasını gerektirir. Ayrıca faydalı bilgiler, daha iyi bir kullanıcı arayüzü ve metin, resim ve videolarla ilgi çekici içerikler sunmanız gerekir.
O zaman hedefiniz, harika bir kullanıcı deneyimi sunan hızlı bir web sitesi oluşturmak olmalıdır.
Google PageSpeed kurallarını öneri olarak kullanmanızı öneririz. Kolayca uygulayabiliyorsanız ve kullanıcı deneyimini bozmuyorsanız harika. Aksi takdirde, yapabildiğiniz kadarını yapmaya çalışmalı ve geri kalanını dert etmemelisiniz.
Bunu akılda tutarak, WordPress'te oluşturmayı engelleyen JavaScript ve CSS'yi düzeltmek için neler yapabileceğinize bakacağız. WordPress'te oluşturmayı engelleyen kaynakları ortadan kaldıracak 2 yöntemi ele alacağız. Sizin için en iyi çalışan yöntemi seçebilirsiniz:
- Yöntem 1: WP Rocket ile Oluşturmayı Engelleyen Betikleri ve CSS'yi Düzeltin
- Yöntem 2: Autoptimize ile Render Engelleme Scriptlerini ve CSS'yi Düzeltin
- Engelleme Yapan JavaScript ve CSS Hala Varsa Ne Yapmalı
Sitenizi sorunsuz çalıştırmak için dalalım!
Yöntem 1: WP Rocket ile Oluşturmayı Engelleyen Betikleri ve CSS'yi Düzeltin
Bu yöntem için WP Rocket eklentisini kullanacağız.
Piyasada en iyi WordPress önbellekleme ve optimizasyon eklentisidir ve teknik beceri veya karmaşık bir kurulum olmadan web sitenizin performansını hızla iyileştirmenize olanak tanır.
Öncelikle, WP Rocket eklentisini kurmanız ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakabilirsiniz.
WP Rocket kutudan çıktığı gibi çalışır: web siteniz için en uygun ayarlarla önbelleğe almayı etkinleştirir. WordPress'te WP Rocket'i doğru şekilde kurma ve ayarlama hakkındaki eksiksiz kılavuzumuzda bunun hakkında daha fazla bilgi edinebilirsiniz.
Varsayılan olarak, JavaScript ve CSS optimizasyonu seçeneklerini açmaz. Bu optimizasyonlar web sitenizin görünümünü veya bazı özelliklerini etkileyebilir, bu nedenle eklenti bu ayarları isteğe bağlı olarak etkinleştirmenize olanak tanır.
Bunu yapmak için, Ayarlar » WP Rocket sayfasına gitmeniz ve ‘Dosya Optimizasyonu’ sekmesine geçmeniz gerekir.
Buradan, 'CSS Dosyaları' bölümüne kaydırın ve 'CSS'yi Küçült', 'CSS Dosyalarını Birleştir' ve 'CSS Teslimatını Optimize Et' yanındaki kutuları işaretleyin.
'CSS Teslimatını Optimize Et' ayarı için WP Rocket, 'Kullanılmayan CSS'yi Kaldır' yöntemini seçmenizi önerir.
En iyi performansı sunmanın yanı sıra, sayfa boyutunu ve HTTP isteklerini azaltmaya yardımcı olabilir.
Not: WP Rocket önbellek eklentisi, tüm CSS dosyalarınızı küçültmeye, birleştirmeye ve yalnızca web sitenizin görünür kısmı için gereken CSS'yi yüklemeye çalışacaktır.
Bu, web sitenizin görünümünü etkileyebilir, bu nedenle web sitenizi birden çok cihazda ve ekran boyutunda kapsamlı bir şekilde test etmeniz gerekir.
Ardından, 'JavaScript Dosyaları' bölümüne kaydırmanız gerekir.
Buradan, maksimum performans iyileştirmesi için tüm seçenekleri kontrol edebilirsiniz.
CSS için yaptığınız gibi JavaScript dosyalarını küçültebilir ve birleştirebilirsiniz.
Ayrıca WordPress'in jQuery Migrate dosyasını yüklemesini de durdurabilirsiniz. Bu betik, eski jQuery sürümlerini kullanan eklentiler ve temalar için uyumluluk sağlamak üzere yüklenir.
Çoğu web sitesinin bu dosyaya ihtiyacı yoktur, ancak temanızı veya eklentilerinizi etkilemediğinden emin olmak için yine de web sitenizi kontrol etmek isteyeceksiniz.
Ardından, biraz daha aşağı kaydırıp ‘JavaScript Yüklemeyi Ertele’ ve ‘jQuery için Güvenli Mod’ seçeneklerinin yanındaki kutuları işaretleyelim.
Bu seçenekler, gerekli olmayan JavaScript'lerin yüklenmesini geciktirir ve jQuery güvenli modu, onu kullanabilecek temalar için jQuery'yi yüklemenize olanak tanır. Temanızın herhangi bir yerde satır içi jQuery kullanmadığından eminseniz bu seçeneği işaretli bırakabilirsiniz.
Ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.
Ardından, Google PageSpeed Insights ile web sitenizi tekrar test etmeden önce WP Rocket'ta önbelleği temizlemek isteyebilirsiniz.
Test sitemizde masaüstü cihazlarda %100 puan elde edebildik ve oluşturmayı engelleyen sorun hem mobil hem de masaüstü puanlarında çözüldü.
Yöntem 2: Autoptimize ile Render Engelleme Scriptlerini ve CSS'yi Düzeltin
Bu yöntem için web sitenizin CSS ve JS dosyalarının teslimatını iyileştirmek üzere özel olarak yapılmış ayrı bir eklenti kullanacağız. Bu eklenti işi halletse de, WP Rocket'ın diğer güçlü özelliklerine sahip değildir.
Yapmanız gereken ilk şey, web sitesi performansını hızlandırmak için ücretsiz bir eklenti olan Autoptimize'i yüklemek ve etkinleştirmektir. Yardıma ihtiyacınız olursa, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakmaktan çekinmeyin.
Etkinleştirdikten sonra, eklenti ayarlarını yapılandırmak için Ayarlar » Autoptimize bölümüne gitmeniz gerekir.
İlk olarak, 'JavaScript Seçenekleri' bloğunun altındaki 'JavaScript Kodunu Optimize Et' yanındaki kutuyu işaretleyelim. Burada, 'JS dosyalarını birleştir' seçeneğinin işaretlenmediğinden emin olmanız gerekecektir.
Ardından, ‘CSS Seçenekleri’ kutusuna aşağı kaydırın ve ‘CSS Kodunu Optimize Et’ seçeneğini işaretleyin.
‘CSS dosyalarını toplulaştır’ seçeneğinin işaretlenmediğinden emin olun.
Ayarlarınızı kaydetmek için artık ‘Değişiklikleri Kaydet ve Önbelleği Boşalt’ düğmesine tıklayabilirsiniz.
Sayfa Hızı Analizi aracıyla web sitenizi test edin. Bu temel ayarlar ile demo sitemizdeki oluşturmayı engelleyen sorunu başarıyla düzelttik.
Hala oluşturmayı engelleyen betikler varsa, eklentinin ayarlar sayfasına geri dönebilir ve hem JavaScript hem de CSS seçenekleri altındaki ayarları inceleyebilirsiniz.
Örneğin, eklentinin satır içi JS içermesine izin verebilir ve varsayılan olarak hariç tutulan seal.js veya jquery.js gibi betikleri kaldırabilirsiniz. Ardından, değişikliklerinizi kaydetmek ve eklenti önbelleğini boşaltmak için 'Değişiklikleri kaydet ve Önbelleği Boşalt' düğmesine tıklamanız yeterlidir.
İşiniz bittiğinde, web sitenizi PageSpeed Insights aracıyla tekrar kontrol edin.
Autoptimize Nasıl Çalışır?
Autoptimize, kayıtlı tüm JavaScript ve CSS dosyalarını toplar. Ardından, küçültülmüş CSS ve JavaScript dosyaları oluşturur ve web sitenize asenkron veya ertelenmiş olarak önbelleğe alınmış kopyalar sunar.
Bu, oluşturmayı engelleyen betik ve stiller sorununu düzeltmenize olanak tanır. Ancak, web sitenizin performansını veya görünümünü de etkileyebileceğini unutmayın.
Engelleme Yapan JavaScript ve CSS Hala Varsa Ne Yapmalı
Eklentilerin ve WordPress temanızın JavaScript ve CSS'yi nasıl kullandığına bağlı olarak, oluşturmayı engelleyen tüm JavaScript ve CSS sorunlarını tamamen düzeltmek zor olabilir.
Yukarıdaki araçlar yardımcı olsa da, eklentilerinizin düzgün çalışması için belirli betiklere farklı bir öncelik düzeyinde ihtiyacı olabilir. Bu durumda, yukarıdaki çözümler bu tür eklentilerin işlevselliğini bozabilir veya beklenmedik şekilde davranmalarına neden olabilir.
Instead of eliminating render-blocking issues completely, we recommend making alternative approaches to speed up your website. For example, you can use a CDN service to serve your static JavaScript and CSS files and reduce load time.
Daha fazla bilgi için WordPress hızını ve performansını artırmak için nihai kılavuzumuzu okuyabilirsiniz.
Umarım bu makale, WordPress'te oluşturmayı engelleyen JavaScript ve CSS'yi nasıl düzelteceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, “Bu Siteye Ulaşılamıyor” hatasını kolayca düzeltme ve en yaygın WordPress hataları ve bunları düzeltme yolları hakkındaki uzman listemizi de görmek isteyebilirsiniz.
Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.
Lu
Her zamanki gibi harika bilgiler!
Siteground kullanıyorum, bu yüzden sitemde SG Optimizer var. Anladığım kadarıyla ayarlardan geçtim, ancak hala oluşturmayı engelleyen kaynakları ortadan kaldırıyorum.
Autoptimize'i de kullanabilir miyim, yoksa SG ile çakışır mı? Teşekkürler
WPBeginner Desteği
You should be able to use Autoptimize with SG Optimizer but if you have any concerns if you reach out to the plugin’s support they should be able to let you know if there are currently any conflicts between the two
Yönetici
subin
Eklenti olmadan WordPress'te Engelleme Yapan JavaScript ve CSS'yi nasıl düzeltebilirim.
WPBeginner Desteği
CSS ve JS dosyalarını, içerik sayfaya eklendikten sonra yüklenecek şekilde ayarlamak için kodu manuel olarak gözden geçirmeniz gerekir.
Yönetici
Ben
Bunun için teşekkürler! Autoptimize bana daha iyi bir sayfa puanı elde etmeme yardımcı oldu!
Ben
WPBeginner Desteği
You’re welcome, glad our recommendation could help
Yönetici
MoneyManch
Merhaba WP Beginner Ekibi,
Bu kadar faydalı bir makaleyi paylaştığınız için çok teşekkürler. Autoptimize harika bir eklenti.
WP blogumun hızını artıracak bir eklenti arıyordum. Bu yazıyı okuduktan sonra bloguma "Autoptimize" eklentisini kurdum ve etkinleştirdim. Ve şaşırtıcı bir şekilde PageSpeed Insights'ta kontrol ettiğimde blogumun hızını mobil için 39'dan 61'e, masaüstü için ise 76'dan 95'e çıkardı.
Benim gibi yeni blog yazarlarına yol gösterdiğiniz için tekrar teşekkürler.
WPBeginner Desteği
Glad our recommendation could be helpful
Yönetici
sachin
Betik URL'si ve CSS URL'si nasıl belirlenir?
WPBeginner Desteği
Google Page insights kullanıyorsanız, soruna neden olan URL'leri gösterecek bir açılır ok ve onların aracı olmadan URL'yi nasıl bulacağınız hakkında daha fazla bilgi edinme bağlantısı olacaktır.
Yönetici
Raksh
Yeni google page speed insights bağlantıyı göstermiyor, ne yapmalıyım?
WPBeginner Desteği
There should be a dropdown arrow and when you click that it should show the links to the files
Yönetici
Monika
Bu web sitesinin bana kaç kez yardım ettiğini bilmiyorum!!! ÇOK TEŞEKKÜRLER!
Bay Jatt Poonam
Geçmişte web siteme eklediğim resimleri nasıl optimize edebilirim?
Love Goel
Teşekkürler dostum, eğitimini gerçekten takdir ediyorum. Autoptimize Eklentisini kullandım ve benim için gerçekten iyi çalıştı.
Deeksha
Tüm bu eklentileri kullandığımda web sitem aniden yavaşlıyor ve uygunsuz içerikler gösteriyor...
Ne Yapabilirim?? Lütfen Yardım Edin
WPBeginner Desteği
Merhaba Deeksha,
Her iki eklenti de oldukça güvenlidir. Web sitenizde uygunsuz içerik görüyorsanız, web sitenizin hacklenmediğinden emin olun. Her iki eklentiyi de istediğiniz zaman devre dışı bırakabilirsiniz.
Yönetici
sumit kumar gupta
Beyefendi, Autoptimize eklentisini WordPress blogumuza kurduğumuzda blogumuz açılmıyor, bu sayfa çalışmıyor diyor. Ne yapmalıyım Beyefendi?
Beyefendi, render engelleme kodunu ortadan kaldırmak için javascript bağlantısını eklediğimizde, adımlarınızı takip ederek bloğumun sıralaması üzerinde herhangi bir etki olup olmadığını bilmek isterim. Lütfen yardım edin.
Tim Helmer
Sumit:
Eklenti çalışmıyor, bu yüzden kapatmak için eklenti klasörünün adını değiştirmeniz gerekiyor. Ftp veya dosya yöneticisi eklentisine ihtiyacınız var. Kontrol panelinize domain/wp-login.php gibi wp-login.php konumunuz aracılığıyla erişebiliyor musunuz?
Henry Ramirez
wordpress.com kullanıyorum, bu eklentiler burada desteklenmediği için wordpress.com'da aynı şeyi yapmak için herhangi bir eklenti var mı? Teşekkürler
ben
Autoptimize benim için işe yarıyor. Scriptlerimi güzelce sıkıştırıyor, ancak yine de render engelleme script uyarısını görüyorum.
İsmail
Merhaba,
Şu anda WP Rocket kullanıyorum, Autoptimize eklentisini birlikte kullanmak mümkün mü? Bu değerli bilgiyi paylaştığınız için teşekkürler.
Gaurav Areng Chakraverti
Merhaba. W3 yöntemini denedim ve Disk kullanarak Minify'ı açar açmaz şunu alıyorum:
Fatal error: Unknown: Cannot use output buffering in output buffering display handlers in Unknown on line 0
Bunu nasıl düzeltir?
Yine de genel olarak harika bir öğretici! Bunun için teşekkürler.
Gaurav Areng Chakraverti
EDIT: This problem goes away when I deactivate Autoptimize, however, so does the rest of the site. Only the bare bones remain with no actual content.
David
Autoptimize ayarları değişti. Mevcut olan tek JavaScript Seçenekleri JavaScript Kodunu Optimize et mi? Ekran görüntünüzdeki diğer seçenekler, en azından benim sahip olduğumda mevcut değil. En son W3 Total Cache'i denediğimde, siteye kimse erişemedi. Hala sayfanın yüklenme süresini çözmenin bir yolunu arıyorum, ki bu nedense 10 – 17 saniye arasında değişiyor.
Chris
David, Gmetrix web hızı aracını dene. Sonuç listesinde, sitenin nasıl yüklendiğini ve sayfayı yavaşlatan en büyük dosyaları ve betikleri gösteren bir şelale grafiği bulunur.
En yavaş betiklerin Google yazı tipleri gibi Google'ın CDN betikleri olduğunu buldum! Aynı şirket, kullanıcıları taleplerine uymaya zorlarken, yüklenmesi çağlar süren betiklere sahip. Bunu uyduramazsınız.
Divij
W3 Total Cache ile Cloudflare'ı aynı anda küçültme (minify) için kullanabilir misiniz? Cloudflare'da küçültme kullanıyoruz ve W3cache'da devre dışı bıraktık. Ancak hala şu mesajı alıyoruz: Sayfanın üst kısmındaki içeriği oluşturmayı engelleyen JavaScript ve CSS'yi ortadan kaldırın.
Teşekkürler!
Rana Jayant
Eklenti 23 önbellek kullanıcı arayüzü değiştirildi ve optimizasyon için .js URL'mizi koyabileceğimiz hiçbir seçenek yok.
Bahsettiğim şey "Şimdi WordPress yönetici alanınıza gidin ve Performans » Küçültme sayfasına gidin."
MATTY
Harika bir eğitim. Ancak W3 Total cache, yılın başındaki bir sorun nedeniyle artık güvenli mi? O zamandan beri kullanmayı bıraktım ama piyasadaki en iyi eklentiydi.
Mohamed
Bu makaleyi paylaştığınız için teşekkürler ancak "web sitenizin performansını veya görünümünü de etkileyebileceğini lütfen unutmayın" dediniz.
Bu etkinin web sitesinin Google sıralaması için iyi mi yoksa kötü mü olacağını lütfen açıklayın?
WPBeginner Desteği
Merhaba Mohamed,
Daha hızlı bir web sitesi kesinlikle SEO sıralamaları için iyidir. Ancak, oluşturmayı engelleyen sorunları giderirken temanızın görünümünü değiştirebilir veya daha öncekinden daha düşük bir sayfa hızı puanı alabilirsiniz.
Yönetici
Angie
Ha, komik.
Burada yardım arıyordum.
Sonra BURADAKİ gönderiniz için Google hız aracını çalıştırdım.
Google sonucu
mobil Kötü
54 / 100
masaüstü
İşlem Gerektiriyor
66 / 100
Hiçbir fikriniz var mı?
WPBeginner Desteği
Merhaba Angie,
Çoğu zaman insanlar, çoğu işlevsel web sitesi için neredeyse imkansız olan Google PageSpeed'de mükemmel bir 100 puan elde etmek için takıntı yaparlar. Herhangi bir sosyal medya düğmesi, yeniden hedefleme betiği veya reklamınız varsa, siteniz asla mükemmel bir puan alamaz.
Büyük olasılıkla bundan uzakta olacaksınız. Ancak hız sonuçlarınızı doğrulamak için Pingdom gibi başka araçlara sahip olmanızın nedeni budur.
Örnek: WPBeginner.com ana sayfası 508 ms'de yükleniyor (ki bu inanılmaz derecede hızlı) –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot1.png
Ancak masaüstünde 74 Google Pagespeed puanına sahip (bu da ne olduğunu bilmeyenler tarafından kötü olarak görülecektir). –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot2.png
ESPN, NYTimes, TechCrunch gibi tüm popüler web sitelerine bakarsanız, hiçbirinin mükemmel bir puana sahip olmadığını fark edersiniz... aslında uzaktır.
İşte ESPN skoruna bir örnek – masaüstünde 62 –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot3.png
İşte NYTimes örneği – masaüstünde 68 –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot4.png
İşte TechCrunch'tan bir örnek – masaüstünde 49 –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot5.png
Tavsiyemiz, WordPress'i nasıl hızlandıracağınıza dair kılavuzumuzu takip ederek web sitenizi mümkün olduğunca hızlı hale getirmeye odaklanmanız ve Pingdom gibi araçları, kullanıcılarınız web sitenizi yüklediğinde göreceklerinin bir referans noktası olarak kullanmanızdır.
Yönetici
Kat
Bu aslında oluşturmayı engelleyen sorunumu daha da kötüleştirdi. Bunu nasıl kaldırırız?
Chris Daly
Autoptimize veya W# Total Cache'i her kullandığımda sitem patlıyor. Mobil web görünümü bir html menü listesine dönüşüyor ve sitenin bazı bölümleri çalışmayı durduruyor. Bunların her birini 4 farklı sitede denedim ve ikisini de kaldırdım.
Chris
Chris, W3 Cache'in küçültme (minify) bölümündeki uyarıyı okumanı ve ona uymanı öneririm. Sadece HTML ve CSS'i küçült. Ve tekrar belirtmek gerekirse, yukarıdaki gönderide belirtilen nedenlerden dolayı tüm CSS'ler küçültülmemeli.
Ben W3 Cache'i seçici kullanırım, resim optimizasyonu için tinyjpg kullanırım ve .htaccess dosyasında OpCache'i ayarlarım. Şablon oluşturucular Kaydırıcıları (Sliders) kullanmayı severler... ancak bunlar 1920px ekran genişliğinde resimlerle sayfayı şişirir. Kaydırıcıları bırak, daha küçük resimler (daha fazla ayrıntı gerekirse modal kutu ile) ve bunun yerine simgeler kullan.
Mary Cahalane
Yeni yükledim ve ana sayfamı bozdu. Tüm resimler gitti.
Bunu düzeltmek için herhangi bir fikriniz var mı?
Bruno Ayres Martinez
Merhaba millet! W3 eğitimini sevdim. Sadece bir bilgi eksik: JS Dosya Yönetimi için Gömme Konumu.
Bu "Gövdeden Önce Göm" mü? Yoksa "Başlığa Göm" mü? Yoksa "Gövdeden Sonra Göm" mü?
Dev thapa
Blog yazmaya yeni başladım, ancak Wpbeginner.com'u bir süredir takip ediyorum ve yazdıkları her şeyi çok faydalı buldum ve söylemekten çekinmiyorum ki, bugün blog sayfam Yayında ise… %30 kredi, böylesine harika ve kullanışlı bir web sayfası oluşturan Wpbeginner.com ekibine ve Sayed Balkhi'ye aittir.
Wpbeginner'a minnettarım.
Devam edin, her şey gönlünüzce olsun.
WPBeginner Desteği
Merhaba Dev,
Thanks you for the kind words. We are glad you find WPBeginner helpful
Yönetici
steve
Bu siteyi az önce google sayfa hızı testine soktum ve mobil için sadece 66, masaüstü için 77 aldım!?
Digember
Eklentiler web sitemizde yükleri artırır, bu da sitemizi yavaşlatır. Wpbeginner'da, eklenti kullanmadan hız optimizasyonu için tek bir yöntem görmedim. Bize faydalı bir şey öğretin, bu yöntemler herkes için işe yaramaz.
Patricia Lynn
Web sitesi hız performansını artırırken render engelleme sorununu gidermek için Autoptimize eklentisini kullanarak JavaScript, CSS ve w3 Total Cache eklentisiyle ilgili harika ayrıntılı bilgiler.
Sumit yadav
Bu bilgi için çok teşekkürler. Daha önce sayfa yükleme sürem 63 idi ve Autoptimize eklentisini kurduktan sonra 81'e yükseldi.
Yoseph
Ne olduğunu tam olarak emin değilim, sitelerimden birine autoptimize kurdum, sonra sayfa boyutu 2.8mb'den 4mb'ye çıktı
Shaye
YIKES! Bu sitemin performansını büyük ölçüde düşürdü! Yardım!
Erez Elias
Paylaştığınız için teşekkürler.
Genel olarak sitenin hızı çok az arttı. Ancak render engelleme sorunu çözülmedi.
Başka önerileriniz varsa yorum yapın.
teşekkürler.
almbrouk idris
%100'e ulaşmaya çalışıyorum ama imkansız
John Bolhano
70+ almaya çalışıyorum ama hala yaklaşamadım.
Mayank
Haha, harika, google berbat ama sonuçta 80+ oldum
David
Pingdom'daki sitelerin %96'sından daha hızlı, 3 yeni web sitemi neredeyse 500 ms'ye indirdim. Diğer hız testleri için de benzer.
Harika düşündüm, ta ki Google beni sayfa içgörüleriyle yere indirene kadar. Çoğunlukla mobil için düşük puan, ancak bu modern temaların duyarlı olması gerekmiyor mu? Açıkçası değil!
Yüklemeden önce her görüntüyü neredeyse yok denecek kadar küçülttüm, bu yüzden sinir bozucu.
Ayrıca, uygulamaların hiçbiri Tarayıcı Önbelleği vb. ile benim için çalışmıyor.
Temelleri hallettikten sonra karşılaştığım üç sorun aynı olurdu derim:
1. JavaScript'in oluşturulmasını engellemesi.
2. Tarayıcı önbelleğe alma.
3. Mobil için yanlış boyutlandırılmış resimler.
Muthukrishnan
Tüm eklentileri kullandım.. Ama sayfa hızı hala kötü.
Michael
Biraz kafam karıştı. Az önce wpbeginner'da bir Google hız testi yaptım ve hiç iyi bir puan almadı. Neyi kaçırıyorum?
Yasser
Sitenin ayarlarını “Autoptimize” eklentisinden kaydettikten sonra web sitem RTL iken LTR'ye döndü!
Manohar Rao
Hem Autoptimize hem de W3 Total cache eklentileri web sitemi bozdu. Bu eklentiler yalnızca belirli temalarla çalışır. Bu iki eklentiyi kullanırken çok dikkatli olmak gerekir.
Toby Forage
Autoptimize'i bu makalede önerildiği gibi kurduğumda, web sitemi tamamen bozdu. Belki de yanlış kurdum ama tamamen kaldırdıktan sonra masaüstü için 92 Google PageSpeed puanı elde ettim. Mobil 67, bu yüzden onu iyileştirmek için çalışıyorum ama Autoptimize'i bir daha asla kullanmayacağım, bu kesin!
Nik
Thanks. It works for my blog.
Fued
Merhaba WP acemisi,
Çok faydalı bir makale!
Teşekkürler!
Sadece rastgele bir soru mu?
Minifiye modunu manuelden otomatik moda geri alıp minifiye edilmiş dosyaları zarar vermeden silebilir miyim? Ve ne önerirsiniz: manuel mi, otomatik mi?
Şerefe
Mayank
Otomatik yap
Nirmal Kumar
Bu iki yöntem de işe yaramadı. Bunu yapmanın başka daha iyi bir yolu var mı?
ibraheem Warriach
Merhaba makaleyi beğendim ama W3 Total cache eklentisine betik ekleme seçeneğini alamıyorum, nasıl alabileceğimi bana bildirir misiniz?
MASI
Harika makaleniz için çok teşekkür ederim, bana gerçekten çok yardımcı oldu.
Sadece küçük bir sorunum var, şimdi kafam karıştı!
W3TC'ye tüm .js ve .css dosyalarını manuel olarak ekledim, ancak Google sayfa denetleyicisinde hala bir .css dosyası sorunlu:
Düzeltmeyi Düşünün:
Sayfanızdaki katlanabilir içeriğin hiçbiri, aşağıdaki kaynakların yüklenmesini beklemeden oluşturulamaz. Engelleme yapan kaynakları ertelemeyi veya eşzamansız olarak yüklemeyi ya da bu kaynakların kritik bölümlerini doğrudan HTML'ye yerleştirmeyi deneyin.
Aşağıdakilerin CSS Teslimatını Optimize Edin:
26952.default.include.c9d602.css şu anda .css listesinde mevcut, ancak bu hatayı görüyorum. Bu sorunu nasıl çözebilirim?
Christian
"Bir stil sayfası ekle" seçeneğini göremiyorum, nedenini bilen var mı?
Cindy P
Tamam, adımları uyguladım ve W3'ü kurdum ve tüm başlangıç kılavuzunu inceledim. W3'e kenar ekledim, ancak beta sürümünde olmasına rağmen ve JS'yi /body'den önce yerleştirmek yerine başlığa yerleştirmekten geri döndüm. Masaüstü hızım 75'e (önce 69'du) ulaştı. Mobil ise 50'ye (önce 38'di) ulaştı. Google hızı hala küçültmem gerektiğini vb. söylüyor. Başka ipuçları veya eklentiler var mı? Şu ana kadarki yardım için teşekkürler.
WPBeginner Desteği
Merhaba Cindy,
Lütfen WordPress'te CSS / JavaScript Dosyalarını Küçültme kılavuzumuza göz atın: WordPress'te CSS / JavaScript Dosyalarını Küçültme.
Yönetici
djbaxter
Autoptimize eklentisini kullanmak (W3 Total Cache yerine WP Super Cache kullanıyorum) sitemde pek işe yaramadı. Hatta Google sayfa yükleme hızı puanımı biraz daha kötüleştirdi.
JASSIM
Bu konu için teşekkürler. Bana çok lazım.
ancak W3 total cache eklentisindeki JS ve CSS için betiklerin ekleneceği yer hakkında gömme bölümünü belirtmediniz..
bu konudaki resimde "önce" seçili olduğu gösteriliyor..
teşekkürler
Rajan
Merhaba WP acemisi
Bu sorunu düzeltirken bir sorun yaşıyorum. W3 Total cache'imde js bölümü seçeneğini göremiyorum.
Yukarıdaki bağlantıda ekli ekran görüntüm
Bunu çözmek için bana bir yöntem önerin.
WPBeginner Desteği
Merhaba Rajan,
Öncelikle küçültmeyi etkinleştirmeniz ve tüm ayarları kaydet düğmesine tıklamanız gerekir. Ardından Performans > Küçültme sayfasına gitmeniz gerekir. Manuel JS küçültme ayarlarını burada bulacaksınız.
Yönetici
pavan
minification ayarını nerede bulabilirim.
Lenny
İpuçları için teşekkürler.
Jetpack for WordPress veya WP rocket gibi eklentiler de aynı şeyi mi yapıyor? Ve burada önerdiğiniz eklentilerle herhangi bir çakışmaları var mı?