Selamlar hanımlar,
Biliyosunuz forumda özellikle "masaüstü görüntüleri" veya uzun tartışma konularını okurken sürekli sonraki sayfa butonuna basmak, sayfanın yeniden yüklenmesini beklemek tam bir eziyet. Hele hele bir de mobilden giriyorsan.
Oturdum, "Bunu nasıl Instagram veya Twitter gibi akıcı hale getiririm?" dedim ve bu scripti yazdım. Artık sayfa sonuna geldiğiniz an bekleme yapmadan bir sonraki sayfa alttan akıyor.
Bunu yazarken çalışsın yeter demedim, performans takıntılı biri olduğum için baya ugrastım açıkçası (1.5 saatimi aldı). Neleri neden yaptım peki?
Nasıl Kuracaksınız
Bu bir tarayıcı eklentisi değil, UserScript'tir arkadaşlar. Çalışması için aracı bir eklentiye ihtiyacınız var.
Kod uzun olduğu için konuya ekleyemiyorum. Paste üzerinden direk kopyala yapıştır yaparak kullanabilirsiniz. Tamamen open source. İncelenebilir, geliştirilebilir.
Açıkçası ben yaparken ve kullanırken çok keyif aldım, umarım sizin de işinize yarar. Hata bulursanız veya "şöyle olsa daha iyi olur" derseniz konuya yazın, kafama yatarsa güncellerim. İyi forumlar.
Biliyosunuz forumda özellikle "masaüstü görüntüleri" veya uzun tartışma konularını okurken sürekli sonraki sayfa butonuna basmak, sayfanın yeniden yüklenmesini beklemek tam bir eziyet. Hele hele bir de mobilden giriyorsan.
Oturdum, "Bunu nasıl Instagram veya Twitter gibi akıcı hale getiririm?" dedim ve bu scripti yazdım. Artık sayfa sonuna geldiğiniz an bekleme yapmadan bir sonraki sayfa alttan akıyor.
Neden Sıradan Bir Eklenti Değil?
Bunu yazarken çalışsın yeter demedim, performans takıntılı biri olduğum için baya ugrastım açıkçası (1.5 saatimi aldı). Neleri neden yaptım peki?
- Tarayıcınızı Yormaz (IntersectionObserver):Eski usül scriptler gibi sürekli window.onscroll dinleyip işlemciyi sömürmüyor. Modern IntersectionObserver API'sini kullandım. Script sadece sayfa sonuna geldiğinizde uyanıyor, geri kalan zamanda kaynak tüketimi sıfır, sıfır, sıfırrr.
- RAM Dostu (adoptNode):Yüzlerce sayfa aşağı indiğinizi düşünün... Tarayıcı şişmesin diye yeni gelen mesajları kopyalamak yerine, adoptNode ile taşıyarak DOM'a ekledim. Bu sayede bellek kullanımı minimumda kalıyor.
- İnternetinizi Korumalı (Smart Abort):Diyelim ki yanlışlıkla aşağı indiniz ve hemen yukarı çıktınız. Script bunu anlıyor ve AbortController ile o anki ağ isteğini anında iptal ediyor. Boşu boşuna veri indirmiyor.
- Takılmayan Animasyonlar (SVG SMIL):Yükleme ikonunu CSS ile değil, SVG'nin kendi animasyon motoruyla (SMIL) yaptım. Sayfada ağır bir işlem olsa bile ikon takılmadan dönmeye devam eder.
- Kaldığın Yerden Devam:Siz fark etmeden arka planda adres çubuğundaki linki (URL) güncelliyorum. F5 atarsanız en baştan değil, en son okuduğunuz sayfadan devam edersiniz.
Başka Neler Var?
- XenForo'nun Lazy Load (resim yükleme) sistemiyle tam uyumlu, resimler bozuk gelmez.
- Spoiler ve Kod blokları (XF.activate) bozulmaz, hepsi çalışır.
- İnternet koparsa "Tekrar Dene" butonu çıkar, sizi yarı yolda bırakmaz.
Nasıl Kuracaksınız
?
Bu bir tarayıcı eklentisi değil, UserScript'tir arkadaşlar. Çalışması için aracı bir eklentiye ihtiyacınız var.- Tarayıcınıza Violentmonkey (benim önerim) veya Tampermonkey kurun.(Mobilden girenler: Chrome mobilde çalışmaz, Kiwi Browser veya Firefox ile kullanabilirsiniz.)
- Verdiğim kodu yapıştırın.
- Foruma dönüp F5 atın. Bitti
Source:
JavaScript:
https://paste.js.org/dVq4TW17YZS4Açıkçası ben yaparken ve kullanırken çok keyif aldım, umarım sizin de işinize yarar. Hata bulursanız veya "şöyle olsa daha iyi olur" derseniz konuya yazın, kafama yatarsa güncellerim. İyi forumlar.
