Webmaster Forumu

Go Back   Webmaster Forumu > Arama Motorları > Google

Yeni Konu aç  Cevapla
LinkBack Seçenekler Stil
Okunmamış 12 Ocak 2017   #1
Üye Nick
Lakabı
Webmaster Ailesi Üyesi
Avatar
Rütbe
 
Kişisel Bilgiler
Kayıt Tar.: 07 Aralık 2016
İl/Şube: Seçiniz
Konular: 500
Mesajlar: 500
Tesekkürler: 0
1 Mesajina 1 Kez Tesekkür Edildi.
Forum İçi Bilgiler
Rep Puanı: 10
Rep Derecesi : Kadircan Seçkin bir yolda
Yapılan Ticaret: 0
Ticaret Oranı:%
İletişim
Standart PageSpeed Site hızlandırma yöntemleri Kalkışa hazırlanın uçuyoruz





Evet değerli dostlar,
Google PageSpeed değeri bildiğiniz üzere sitenizin Google sayfa hızıdır. Google, sayfa hızı fazla olan sitelere daha çok puan vermekte buda seoya daha olumlu etki etmektedir. Siz de sitenizin hızını şu linkten ölçebilirsiniz:
https://developers.google.com/speed/pagespeed/insights/

Bu da benim birkaç gündür yayında olan sitemde yaptığım hızlandırma çalışmalarından sonra aldığım sonuç:

Bu resim yeniden boyutlandırılmıştır. Resmin orijinal halini görmek için tıklayınız. Orijinal boyut: 1326x539


-----------------------------------------------------------------------------------------------

Evet arkadaşlar wordpress sitelerde bu tür yüksek bir sayfa hızına ulaşmak için öncelikle şu konularda adım atılması gerekiyor. Bunlar nacizane nette yaptığım araştırmalarda elde ettiğim ve uygulayarak resimde de göreceğiniz üzere aldığım sonuçlar. Bunların dışında diğer arkadaşlarımızda bilgi paylaşımında bulunursa eminim çok daha etkili ve hızlı sonuçlara ulaşılacaktır. PageSpeed yada diğer hız taraması yapılan sitelerde site hızını etkileyen sıkıntılar öncelikle şu şekilde:
• Resimleri Optimize Etme
• Tarayıcı Önbellekleme (Cache Sistemi)
• JavaScript, Css ve Html Küçültme
• Oluşturmayı Önleyen JavaScript ve CSS Kodlarını Ekranın Üst Kısmındaki İçerikten Kaldırma

1- Bunlardan ilgi olan Resimleri Optimize phptoshop gibi programlarla önerilse de her arkadaşımızın kullanabileceği ve çabuk sonuç alabileceği kendi kullandığım araçları paylaşacağım. Bunlardan ilki ve sık kullandığım yöntem Facebook. Facebook’ta gizli bir albüm oluşturup siteye yükleyeceğim yüksek boyutlu resimleri önce facebook’a yükleyip ardından oradan kaydedip siteye içeriğe ekliyorum. Bunun için online birçok araçta bulabilirsiniz. Benim facebook dışında kullandığım diğer online site: Online Resim Boyutu Küçültme
2- Diğer husus cache diye bildiğimiz tarayıcı önbellekleme. Bu konuda Emre kardeşimizin eklentisi olan ve bir Türk olarak gurur duyarak kullandığım Wp Fastest Cache. Programı kurmak için Eklentilerden Yeni Ekle yapıp aramaya Wp Fastest Cache yazıp eklentiyi kurabilirsiniz.



3- JavaScript, Css ve Html Küçültme işlemini yine yukarıdaki eklenti ile yapabiliyoruz.
4- En gıcık ve sıkıntılı olay ise burasıydı. Bu kısmı nette araştırma yaparken bir sitede görüp uygulamıştım. Şuan hatırlamıyorum siteyi. Normal şartlarda üst kısımdaki .js ve .css leri alta alan eklentiler mevcut ama bu eklentiler bile temanızı bozuyor. Bizim yapacağımız işlem ise daha basit bir mantıkla adım adım şu şekilde:

A-
HTML Kodu:
../wp-content/themes/TEMANIZ/header.php
açıp
HTML Kodu:
<?php wp_head(); ?>
kodunu bulup kopyalayın.

B- Başka bir sekmede
HTML Kodu:
../wp-content/themes/TEMANIZ/footer.php
açıp
HTML Kodu:
<?php wp_head(); ?>
kodunu
HTML Kodu:
</footer>
resimdeki şekilde ekleyin.



C- Son adımda ise alttaki kodu
HTML Kodu:
../wp-content/themes/TEMANIZ/header.php
içinde
HTML Kodu:
<?php wp_head(); ?>
kodunu aldığınız yere ekleyin. Lütfen "https://oyazio.com" geçen alanları kendi sitenize göre değiştirmeyi unutmayın. Kodun eklenmiş hali resimdeki gibi. Nereye ekleneceğini görebilirsiniz. Bu adımları eksiksiz uyguladığınızda sizde siteniz için gözle görülür bir hızlanma sonucu alabilirsiniz.



HTML Kodu:
<style type="text/css">div.hbcne{position:fixed;z-index:4000;}div.hgchd{top:0px;left:0px;} div.hbcne{_position:absolute;}div.hgchd{_bottom:au to;_top:expression(ie6=(document.documentElement.s crollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="koddostuyuk" style="background-color:#ffffff;width:100%;height:100%;padding-top:20%;" class="hbcne hgchd">
<center><a style="font-family:Arial;font-size:19px;color:#ff0000;"></a><br/><br/>
<a target="_blank" href="https://oyazio.com" style="background-color:transparent;border:none;padding:0px;margin:0 px;"><img style="padding:0px;margin:0px;background-color:transparent;border:none;width:200px;height:2 00px;" src="https://oyazio.com/wp-content/themes/boombox/images/loading.gif" alt="oyazio" width"200px" height"150px"/></a></center></div>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {setTimeout('document.getElementById("koddostuyuk" ).style.display="none"', 1000);});
</script>
Kadircan isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Cevapla

Etiketler
hızlandırma yöntemleri, kalkışa hazırlanın, pagespeed site, uçuyoruz

Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık




Bize Yazin - Webmaster Forumu - Arşiv - Yukarı git

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.6.0

Valid XHTML 1.0 Transitional