İlk Zengin İçerikli Boya Hızını Artırmak
İlk Zengin İçerikli Boya süresini hızlandırma işlemlerinin ne olduğuna geçmeden önce Google’ın kullanıcılara sunmuş olduğu site hızı değerlendirmesi yapabileceğimiz sayfa hızı bulma aracına gidip sitemizin kaç saniyede yüklendiğini öğrenelim. PageSpeed Insights aracılığı ile sitemizi hızlandırmak için ne gibi değişiklikler yapmalıyız sorusuna yanıtlar alabilmekteyiz. Etkileşim süresi sayfamızın giriş yapanlar için tamamen kullanıma hazır olma süresini göstermektedir.
İlk zengin içerikli boya, kullanıcının sitemize giriş yaptığında görsellerin ve sitenin yüklenme süresi olarak tanımlanabilir.
Sitenin yüklenme hızı kullanıcılar için çok önemlidir. Site yüklenirken beklenilen süre içerisinde sıkılıp siteyi terk eden kullanıcı sayısı epey fazladır. Olası hemen çıkma sorunlarından kurtulmak için farklı farklı yapılması gereken yöntemler bulunmaktadır.
İlk zengin içerikli boya süresini azaltma yöntemleri;
- Sitemizde bulunan görsellerin optimize edilmiş olması gerekmektedir. Yani fotoğraflarımızın sıkıştırılmış ve gereksiz boyutlardan kurtulmuş olması gerekir. Bunu yapmak için tinypng.com sitesini ziyaret edebilirsiniz.
- Fotoğraflarımızın yüklenme süresini kısaltmak için formatlarının da daha kolay yüklenen uzantıda olması hızı artıracaktır. WebP, JPEG 2000, JPEG XR gibi formatlar web sitelerinde en hızlı yüklenen formatlardandır.
- Lazy Loading ile kullanıcılar sitemizde scroll yani aşağı kaydırma işlemini gerçekleştirdikçe sayfanın yüklenmesini sağlayabiliriz.
- Önbellekleme özelliklerini aktif ederek sitemize tekrar gelen kullanıcılar için sayfanın normalden hızlı açılmasını sağlayabiliriz. Önbellekleme işlemini WordPress sitelerde kolaylıkla kurabilmek için eklentilerden bir tanesi LiteSpeed Cache dir.
- Gzip sıkıştıma özelliğinin açık olması sitemizin trafiğini denegeleyecektir. Fazla trafik alan siteler için site hızında önemli artış sağlayan özelliktir. Bu işlemi hostinginizden yapabilirsiniz. Detaylar aşağıda…
- Sitemizin <head> kısmında bulunan yüklenme sırasında kritik olmayan js ve css çekme kodlarını sayfanın alt kısmına alabiliriz.
Gzip Sıkıştırma Nasıl Yapılır?
WordPress kullanıcıları için GZip Ninja Speed Compression eklentisini kullanarak sıkıştırmayı aktifleştirebilirler.
Farklı bir seçenek;
.htaccess dosyasına aşağıdaki kodu eklemek Gzip sıkıştırmayı aktifleştirecektir.
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*Neler Öğrendik?
WordPress veya farklı mecralardan olan sitemiz için hızlandırma tekniklerinin neler olduğu ve Gzip sıkıştırma işlemlerinin nasıl yapılabileceği hakkında kısa bir bilgilendirme sahibi olduk.