JavaScript geliştiricileri genellikle JavaScript’lerini ayrı .js dosyalarına ayırır ve ardından bunları, bu şekilde belgeye dahil eder. Tüm kodun tüm sayfalara dahil olma eğiliminde olduğu ve dahil edilen tüm Java-Script’in aynı değişken ad alanını paylaştığı göz önüne alındığında, bu ayrımın belki organizasyonel kolaylık dışında çok az nedeni vardır. Ayrı dosyalar kullanmak yerine, tüm dosyaları içeren paketlenmiş ve küçültülmüş bir .js dosyası oluşturmayı düşünün.

Bu önemli bir değişiklik gibi görünmeyebilir, ancak büyük bir etkisi olabilir. Birazdan tartışacağımız gibi, tarayıcılar bir web sitesine iki bağlantı sınırı uygular.4 Dolayısıyla, önceki örnekte aynı anda yalnızca global.js ve navigation.js getirilecektir. Bu dosyalardan biri yüklenene kadar popup.js dosyası getirilmeyecek. Bunları tek bir dosyada toplamak bu sorunu ortadan kaldırır.

Varsayılan Değerler

Kodlamada çok sık olarak, daha sonra o kadar çok şeyi hatırlamak zorunda kalmamak için yazdıklarımızda açık oluruz. Örnek olarak, yöntem çağrılarında, varsayılanlar sağlanacağı için bazı parametreler genellikle atlanabilir. open() yönteminin Ajax’ta kullanımını düşünün. Yöntemi ve URI’yi belirtmeniz gerekir, ancak bir Ajax isteğinin varsayılan eşzamansız yapısını elde etmek için son Boolean değerini true olarak iletmeniz gerekmez.

Her Bayt Önemlidir!

Tek tek ele alındığında, şimdiye kadar açıklanan bayt tıraşlama tekniklerinin hiçbiri olağanüstü tasarruf sağlamayacaktır. Ancak bunları bir araya getirdiğinizde, kod boyutunda düzenli olarak %20 ila %40’lık bir azalma görebilirsiniz. Bu küçültmenin boyutu, yorum, boşluk ve tanımlayıcı tanımlayıcı adları eklerken kodu ne kadar okunabilir yaptığınıza bağlıdır.

Örnek olarak, 1.499 bayt ağırlığındaki orijinal “Merhaba Dünya” listemizi ele alalım. Kesinlikle, büyük bir optimizasyona ihtiyaç duymaz. Daha üretim odaklı bir durumda görebileceğimiz yorumlardan ve diğer şeylerden yoksun, ancak yine de bir miktar azalma görebiliriz. Aşağıda gösterildiği gibi sayfanın komut dosyası bölümünü daraltırsak, toplam dosya boyutunu 1.043 bayta düşürürüz, bu da %30’dan fazla tasarruf sağlar.

Sıkıştırma Araçları Güvenliğini Kullanın

JavaScript’i optimize etmek için birçok araç mevcuttur. Ne yazık ki, birçoğu bu işlem sırasında kodu karıştırıyor. JavaScript’in dinamik doğası, kullanıcı ve tarayıcı tanımlı değişkenleri, işlevleri ve nesneleri güvenli bir şekilde yeniden adlandırmayı ve yeniden eşleştirmeyi zorlaştırır.

Örneğin, çokLongDescriptiveName’den v’ye gitmek istediğinizi biliyorsunuz. Fakat uyarı gibi bir ifadeniz olduğunda ne olur? Kompresör, ipin içine girip onunla ilgilenecek kadar akıllı mıydı, öyle olsa bile, yapmalı mı? JavaScript’in dinamik doğası, statik analizi zorlaştırır.

Hangi değişkenlerin yeniden eşleneceğini (yani yereller) seçerken çok tutucu olmalısınız ya da kodun anlamını değiştirme riskiyle karşı karşıya kalmalısınız. Küçültme sırasında kod kırma tehlikesi, özellikle farklı pencere ve çerçevelerdeki komut dosyaları arasında karşılıklı bağımlılıklar olduğunda uğursuzdur. eval( ) ve ile( ) ile zor kodlar kullanırsanız veya agresif bir şekilde yerleşik JavaScript yapılarının üzerine yazıp genişletirseniz, küçültme riskli olabilir.

Rhino JavaScript motorunu temel alan araçların çoğu, YUI Compressor ve Dojo gibi güvenli bir şekilde sıkıştırma konusunda iyi bir iş çıkarır. Dean Edwards’ Packer gibi bazı açık kaynak araçları ve w3compiler gibi ticari araçlar daha agresif optimizasyon özelliklerine sahiptir. En güçlü araçlar, web teknolojileri arasındaki karşılıklı bağımlılıklardan yararlanacak ve çok ayrıntılı ayarlamaya izin verecektir, ancak bunları nasıl kullanacağınızı anlamanız gerekir, aksi takdirde kodunuzu kırabilirsiniz.

Komut dosyası indir
Komut dosyası Nedir
Google Ads komut dosyaları
Komut dosyası Açma
Komut dosyası kodları
Komut dosyası Pes
Cmd komut dosyası oluşturma
Komut dosyası durdurulsun mu

Tembel Kod Yükleyin

Birçok JavaScript kitaplığı, kodun yalnızca gerektiğinde yüklendiği “tembel yükleme” veya isteğe bağlı getirme biçimini kullanır. Burada tanımlanan işlev dizideki her URI’yi okur ve sadece DOM’yi kullanarak bir komut dosyası etiketi oluşturur. Daha sonra kaynağını söz konusu dosyaya ayarlar ve onu almak için sayfaya ekler.

Ayrıca, resimler ve CSS dosyaları da dahil olmak üzere daha sonra kullanılması muhtemel nesneleri önceden yüklemek için benzer bir desen kullanabilirsiniz. Tarayıcınız bunları uygun şekilde önbelleğe alırsa, daha sonra gerektiğinde hızlı bir şekilde kullanılabilir hale gelirler. Elbette, kullanıcının asla gerçekten ihtiyaç duymayabileceği potansiyel olarak indirme nesnelerinin bedelini ödersiniz.

Tembel yükleme ve ön yükleme teknikleri genellikle daha fazla HTTP isteği getirir. Ekstra istekler genel indirme süresini artırdığından, bu etkiyi en aza indirecek adımlar uygulamak isteyebilirsiniz. Bir yaklaşım, dosya adları .js ve .css dosyaları gibi argümanlar olarak iletildiğinde, bunları bir kerede indirilmek üzere bir araya toplayan ve daha sonra alıcı komut dosyanız tarafından paketten çıkarılmak üzere bir sunucu tarafı paketleme programı kullanmaktır.

Kendinizi Hızlandırın

Tembel yükleme fikri size, belki de Ajax’ı, bilgi gerekmeden hemen önce yüklemek için kullanabileceğiniz fikrini vermiş olmalıydı. Örneğin, büyük miktarda içeriğiniz olduğunu ve bir seferde 50 satır getirmek istediğinizi hayal edin. Diyelim ki 100 satır önceden yükleyebilir ve ardından, kullanıcı sayfaları ilerledikçe, kullanıcının önünde kalmak için daha fazla veriyi önceden getirebilirsiniz.

Bu önceden getirme, kullanıcıya neredeyse anında yükleme hissi verecektir. Elbette, kullanıcı birkaç bin kayıt ileri atlarsa, böyle bir talep beklenmeyeceği için yine de bir yükleme cezası ödeyeceğini anlayın.

Kullanıcı Oluşturma Süresini İzleyin

Hepimiz komut dosyası boyutunu küçültmek, komut dosyalarını doğru yere koymak ve baytları sıkıştırmak için olsak da, kullanıcının umursadığı tek şey sayfaların yüklenmesinin ne kadar sürdüğü ve ne kadar iyi çalıştığıdır.

Birkaç gözlemci, Ajax geliştiricilerinin (en azından uygulamanın ilk yüklemesinde) karşılaştığı ana performans sorunlarından birinin, JavaScript dosyaları ve diğer bağımlılıklar için çok fazla bireysel istek olduğunu bulmuştur. Başlangıç ​​zamanı gecikmesinin %50 ila %60’ının çok fazla farklı bağımlılık isteğine sahip olmaktan kaynaklandığını belirtiyorlar.

Yine de, bu olası sorunu azaltmak için istekleri paketleseniz bile, kullanıcının bir sayfanın oluşturulmasını beklediği süre, her zaman teslim edilen baytların ve yapılan isteklerin tam bir işlevi olmayabilir. Kısa bir ağ kesintisinden kullanıcının yerel sisteminin aşırı yüklenmiş olabileceği gerçeğine kadar her şey sayfanın görüntülenme süresini yavaşlatabilir.

Kullanıcılar hayal kırıklıklarını nereye yönlendireceklerini bilemeyecekler, bu yüzden ne yaşadıklarını bilmeniz gerekiyor. Bu, özellikle onlara hızlı Ajax destekli bir deneyim vaat ediyorsanız geçerlidir. Bir sayfanın yüklenmesinin ne kadar sürdüğünü görmek için JavaScript’i kullanabilirsiniz. Örneğin, bir HTML belgesinin en üstünde bir komut dosyası zamanlayıcı başlatın.

The post Komut Dosyaları – SEO Hizmeti Sunma – SEO Hizmeti – SEO Hizmeti Ücretleri – SEO Hizmeti Yaptırma first appeared on Jeff Bezos Tasarım.