• 13-06-2021, 13:42:15
    #1
    Tarayıcılar bir siteyi CPU ve GPU ile oluştururken bazı varsayılan değerlere göre işlem yaparlar.
    Varsayılan değerler çoğunlukla güvenilir liman olarak görülse de, optimize konusunda yetersiz kalabilirler.

    Site hızını iyileştirmek isteyen sizlere elimden geldiğince yardımcı olmak istiyorum.
    Performansınızı optimize etmeniz önündeki engelleri bir bir aşmanızı sağlayacağımı umut ediyorum.
    Zorlu mücadelenizin farkındayım. Bende sizin tarafınızdayım. Ve sizin kazanmanızı istiyorum.

    KAHRAMANINIZ: CSS
    CSS diyip geçmeyin. Her bir CSS özelliğinin CPU ve GPU üzerinde etkisi var. Bu da bize CSS kodlarının performansa etkisini açıklıyor.
    Örneğin, CSS'de box-shadow oluşturulması sistemi yoruyor. Ancak sizin için iyi haberim var.
    Aynı zamanda CSS ile performans arttırımı da yapılabilir. Hemde çok kolaydır. Nasıl mı? Okumaya devam edin.

    YİNE GELDİK ZURNANIN FONT DEDİĞİ YERE
    Bu açtığım kaçıncı font optimizasyon konusu bilmiyorum.
    Eğer gerçekten önemli olmasa üstüne bu kadar düşmezdim. Bana güvenin.

    Daha bir gün önce, font optimizasyonu üzerine mühendislik harikası gelişmeleri açıklayan uzunca bir akademik makale okudum.
    Dehşete kapıldım. Bir metnin oluşturulmasındaki algoritmada sinüsün -evet geometriden bildiğimiz sinüs- etkisini öğrenince dona kaldım.
    Algoritmanın ne olduğunu kavradım diyemem. Sadece tüm bunlar, belirli bir sorunun çözümünü işaret ediyor. Font optimizasyon.

    CSS'DE METİN NİMETİ
    Metinler şöyle oluşturulur.
    İşlemci ve grafik işlemci ilk adımda veri setlerini ayrıştırmaktadır. Konumu, rengi, yazı tipi, okunabilirlik ve metin içeriği vs. Ardından metin yazdırılır.
    Buradaki ayrıştırma ve yazma işlemini daha kısa sürede tamamlamak için sihirli bir CSS hilesi bulunuyor.


    Bu hile metin oluşturulurken, okunabilirlik veri setini optimize etmek içindir.
    Tarayıcılar arası farklılık gösterse de, genel varsayılan değeri auto;

      *{
      text-rendering:optimizeSpeed;
      }
    Hız için optimize ettiğinizde iç içe girmiş harfler arası boşluk önemsenmez.
    Okunabilirliği ve estetik görünümü bir nebze sekteye uğratabilir. Ufacık.

    optimizeLegibility; ile karşılaştırıldığında, bu işlem daha hızlı gerçekleşir.

    Çünkü önemsediğiniz şey performans ise -benim için kesinlikle öyle, sizin içinde öyle olmalı- bu duyarlı boşlukların matematik denklemlerine dönüşmesini istemeyiz.
    İşlemci birimlerini ne kadar az yorarsanız, performans o kadar artar. Günlük hayatta da insan beyni aynen böyle çalışır; enerji tasarrufu.

    Çoğu durumda bazı düşünceleri off durumuna getirdiğinizde, odağınız artar. Bunu takip eden süreçte de verimliliğiniz coşar.
    Kaç çekirdekli olursa olsun, bütün beyinlerin gerçek zamanlı işlem hacmi sınırlıdır.

    Optimizasyon temelimizi bu argümanlarla güçlendirirsek, süreç hepimiz için daha az sancılı olur.
    Daha büyük kazanımlar için, daha önemsiz şeylerden vazgeçin. Hafifleyin. Sitenizde öyle...

    Saygılar ve sevgilerimle...
    • Proxcis
    • bilalagca
    • akosetr
    bilalagca, akosetr ve bunu beğendi.
    6 kişi bunu beğendi.
  • 13-06-2021, 16:17:23
    #2
    Her zamanki gibi IE desteklemiyor Genel de bilinen ama pek uygulanmayan bir durum bu da ilginçtir. Ellerine sağlık.
  • 13-06-2021, 20:34:31
    #3
    mobilecom adlı üyeden alıntı: mesajı görüntüle
    Her zamanki gibi IE desteklemiyor Genel de bilinen ama pek uygulanmayan bir durum bu da ilginçtir. Ellerine sağlık.
    IE yayından kalkacak diye duydum. Bakalım gidişat onu gösteriyor zaten. Teşekkür ederim
    • mobilecom
    mobilecom bunu beğendi.
    1 kişi bunu beğendi.