WordPress’te Document.write ()
Bu makalede, WordPress sitesinde Document.write () ‘dan nasıl kaçınılacağını, sizin için denetlenememek ne anlama geldiğini ve nasıl düzeltileceğine dair takip edilebilecek ipuçlarını tartışacağız. Google Deniz Feneri veya Google PagePeed Denetimi’nin bir parçası olarak, web sitenizin Document.write () kullandığını görebilirsiniz. Bu raporu yaparken, web sitesi Document.write () kullanıyorsa, ilgili denetimlerinde başarısız olur. İlk olarak, bu denetim başarısızlığının nasıl olduğunu tartışacağız, o zaman tam olarak belgenin ne olduğunu tartışacağız. Belgelerde kolayca gezinmek için bu ekranın solundaki içerik tablosunu kullanın
Google PagePeed Denetimi: Document.write () Google PagesPeed (Deniz Feneri) ‘dan kaçının “Document.write ()” kullanarak web sitesinin denetimin başarısız olmasına neden olduğunu belirtecektir.
Document.write () nedir? Bu denetimi nasıl geliştireceğimizi bilmeden önce, belgenin tam olarak ne olduğunu ve Google’ın neden değiştirmemizi istediğini öğrenelim. Bu, HTML’yi göründüğü her yerde bir sayfaya ekleyen bir JavaScript işlevidir. Sayfayı yükledikten sonra yürütülen, vücudun tüm başlığını ve etiketini içerdiği her şeyle değiştirir. Temel olarak, kodun kendi başına kullanılması durumunda web sitesinde kullanılabilecek her bir parçası olacaktır. Bu Economist’te bir örnektir: Document.write (”
Evet, iyi, evet … değiştirildiniz
“); Açıkçası, WordPress web siteniz kaçınma belgesinde başarısız olursa.write () , Onun tarafından tam olarak yazılmayabilir. Bu işlevin tam yansıma özelliği yalnızca sayfanın kendisi yüklendikten sonra yüklenirse gerçekleşir. Belge yüklenmeden önce çalıştırırsanız, HTML’yi doğrudan görünüşünün yerine ekler.
Özel durumların, kullanıcıların zayıf bir internet bağlantısı yaşadıkları, komut dosyalarının eşzamanlı veya erteleme nitelikleri içermediği ve yüksek seviyeli belgelerde yayınlanması gerekir (İngilizce olarak, bu, IFrame’in içerdiği her şey değil, ana web sayfaları anlamına gelir) . Bu engelleme esas olarak mobil cihazlarda çok yavaş bir ağ bağlantısı kullanan ziyaretçileri korumak için kullanılır (2G veya hatta 3G’yi düşünün). Chrome testine göre, 2G kullanıcıları için doğru belgeleri engellemek, ortalama% 38 daha hızlı olan bir arıza sayfası üretiyor. Bu% 38, altı tam saniyeye çevrilmiştir. (Kaynak) WordPress sitenizdeki Document.write () kullanırken başka bir ana sorun, işlevin başka bir özelliğidir. Bu özellik ferahlatıcı ve yeniden yükleniyor Dom ağaçları. Dom ağacı yapılmışsa, belge.write () kullanılarak yeniden inşa edilmeye zorlar. Bu, aşırı veri transferlerinin yanı sıra daha yavaş web sayfalarının yüklenmesine neden olur. Bu, küçük web sayfalarında bir sorun olmayabilir ve yükleme zamanına yalnızca birkaç milisaniye ekleyebilir, ancak daha büyük bir web sayfasında (WordPress ve ağır tema/sayfa yapımcıları kullanırken çok yaygındır), bu bir büyük etki.
Şimdi, “Document.write ()” AKA “▲ ▲ ▲ kullanan denetimin WordPress sitenizi tetiklediğiniz için endişelenmeniz gereken bir şey olduğunu bilmelisiniz. Ardından, Web Sitenizde Document.write () kullanımının ortak nedenini ve sorunun üstesinden gelmek için neler yapabileceğinizi gözden geçirelim.
WordPress sitesinde belge.write () ne sebep olur? WordPress’in temel yüklemesi, günümüzde çoğu eklenti olan Document.write () kullanmaz. Yukarıdaki bölümden almanız gerektiği gibi, bu uygulama son yıllarda artık sevilmiyor. Belgeyi kullanacak bazı genel web varlıklarını tartışalım. 2020’de Document.write () ekran reklamında. JS Üçüncü -Partisi: JavaScript Üçüncü Taraf Document.write () kullanabilir. Bu uyarıları tetikleyecektir, ancak çoğu durumda Chrome, aynı alandan gelmediği için çalışmayacak şekilde işlevi engellemez. Eklenti: Uzantı ile bazen eklenti bu etiketi kendi kodunda olacaktır, ancak bunun en yaygın örneği 3. taraf komut dosyasında. Bir eklenti web sitenize üçüncü taraf bir komut dosyası çağırırsa, bu denetim hatasını tetikleyebilir.
CDN’nin Değiştirilmesi: GitHub Tartışmasında bu yorumda gösterildiği gibi, Document.write () CDN başarısız olursa yerel komut dosyasına geri kullanılabilir. Document.write () kullanımının kesinlikle silineceğine dikkat edilmelidir. 2016 yılında Google bunu Chrome tarayıcısıyla engellemeye başladı ve çoğu reklam ağı (hepsi değilse) bu sorunu çözdü. Bu alt bölümde belgenin arkasında ne olduğunu nasıl tanımlanır. Bulduktan sonra kolayca silebilirsiniz.
Bu aslında oldukça kolay çünkü tek yapmanız gereken Google PagesPeed raporunu çalıştırmak.Bu denetimde başarısız olursanız, WordPress sitenizde Document.write () ‘nin kullanıldığı URL veya komut dosyasını tanımlar.Oradan sorunları silebilir, değiştirebilir veya düzeltebilirsiniz.WordPress sitesinden document.write () nasıl silinir En basit cevap, bu işlevi kullanarak komut dosyasını enjekte etmemektedir.Bu durumda, en basit cevap belki de uygulanması en kolay olanıdır.Script’i web sitenize enjekte etmek için belgeyi neyin kullandığını belirlediğiniz sürece, bunun üstesinden gelebilirsiniz.
Reklam: 2020’de, çoğu reklam ağının bu işlevi kullanmaz. Evet ise, Document.write () kullanmayan bir komut dosyası isteyebilirsiniz. Bu seçeneğe sahip değilse, komut dosyası öğelerine asenkron etiketler ekleyebilirsiniz (değiştirilecek diğer reklam ağlarını incelerken). WordPress Eklentisi: Bazı durumlarda, eklenti geliştiricisine bile başvurabilir ve bu işlevi aynı şeyi yapan bir şeyle değiştirmelerini isteyebilirsiniz. Eklentilerini artırmak geliştiricinin en iyi ilgisidir, çünkü bu komut dosyasını kullanmak en iyi uygulamaya uygun değildir ve Chrome’un kullanıcının eklentileri kullanan web sitesini engellemesine neden olur. Aynı hedefi karşılayan bu iki JavaScript işlevinden birini kullanmalarını önerebilirsiniz: Document.PpendChild () veya ParentNode.insertBefore () (Google Analytics komut dosyalarını bu şekilde ekler). Her şey başarısız olursa: son olarak, bu komut dosyasını web sitenizde gerçekten kullanmanız gerekiyorsa (bazen eklenti içerecektir, ancak yine de kullanmanız gerekir), sadece eşzamansız yükler veya ertelersiniz. Bu JavaScript’i web sitenize ekleyen gerçek koda erişebiliyorsanız, şuna benzer etiketler ekleyebilirsiniz:
