foreach kullan sorunun cozulur
CSS VE JS LERİ ÖN TANIMLI YÜKLEME çok çok önemli bir konu
<link rel="preload" as="style" href="css/bulma.css">
<link href="css/bulma.css" rel="stylesheet" type="text/css">
<link rel="preload" href="https://cdn.dogadakiler.com/jquery/genel.js" as="script">
<script src="https://cdn.dogadakiler.com/jquery/genel.js" type="text/javascript"></script>
bugunluk bu kadar devamı gelecek
Sayfa Cache Özelliği
Amerikayı yeniden keşfetmekle uğraşmadım bu kodu kullandım
https://github.com/saltun/sCache
Burada sorgulamayı sıfırladıgım için buda sayfanın açılış hızını epey arttrıdı
Dikkat edilmesi gereken şey üye girişi yapmadıysa cache özelliği aktif olmalı
Google Adsense veya benzeri reklam kodlarıda degerlerı dusurmekte
Bunu şu şekilde basitçe çözdüm
$(document).ready( function() {
setTimeout( function() {
$(".google").load("api/google.php");
$(".google2").load("api/google.php");
$(".google3").load("api/google.php");
}, 3500);
});
reklam kodlarını bir sayfada tutup sayfa açıldıktan 3,5 saniye sonra yükletiyorum hem kodlar çalışıyor hemde sayfa puanim yükseliyor
evet daha yazacagım 10 larca şey var vakıt buldukca yazıcam
aşırı dom muhabbeti şu ve ŞAUN SİTEDE TEK SORUN AŞIRI DOM ONUDA YAKINDA HALLEDECEĞİM
<div class="row is-4 mobile-4 vs vs">
<div class="row resim bilmem ne">
<p>
<a href="sss">
<img src="img">
</a>
</p>
</div>
</div>
bunu şu şekilde kullanabılırsın ve aşırı dom olmaz diyor
<a href="sss" class="row">
<img src="img">
</a>
https://dogadakiler.com/Blog/yamac-parasutu-nasil-yapilir/ test edebılırsın
evet makale işi github dan yapılıyorda cok uzun ıs :) dırek makale yazacak alan olsa guzel olur.
anonım olarak sorarken bır uyarı eklemıs bende ondan bunu yazayım dedım ınsanlar aratıp bulsun.
Soruna gelırse ben wight ve height değerlerini şu şekil hesaplayıp yazıyorum işte bu yazıda her şeyi kısmetse yazıcam
$size=getimagesize('img/B/'.$row_foto['f_yol'].'/'.$row_foto['f_byk'].'');
genıslık zaten standart verıyorum sen istersen onuda hesaplatabılırsın
<img class="is-rounded lazy" data-src="img/B/'.$row_foto['f_yol'].$row_foto['f_byk'].'" width="888" height="'.$size[1].'"
$size[1] bu yukseklıgı hesaplıyor
fonksiyon haline getirebilirmişiz aslında bunu neyse bakarız :)
mobilde 6 sn de açılır diyor öyle bir durumda yok neye göre bunları diyor onuda pek anlamış değilim
diye sormussun google testlerı 3g hızında ve düşük hızda mobil smilatörler ile yapıyor yanı oyle son model telefon ve 5g hızında degıl ondan 6 sanıye suruyor dıyor
sonuçta analizlere göre hareket edıyor mısal kullanım analizlerine bakarsan %85 cep den gırıyor sıtelere mobil cihaz bilgileride cabası
Sitedeki js css ve benzeri dosyaları subdomain açarak
cdn.siteadi.com tarzında bu alan adında tutup oradan cagırıyorum buda bir çok uyarıdan kurtulmama ve puanın yükselmesine vesile oldu
<script src="https://cdn.siteadi.com/jquery/jquery.js"></script>
Fotoğraflara (resimlere) lazy load eklentisi ekledim buda sayfa açıldıktan sonra yüklenmelerine etki ettiği için puan yükseldi
Google Analytics kodunun PageSpeed puanını düşürmemesi için bu şekilde kullanmalıyız ( Stabil çalışıyor )
<?php if (!isset($_SERVER['HTTP_USER_AGENT']) || stripos($_SERVER['HTTP_USER_AGENT'], 'Speed Insights') === false): ?>
<script>
function gaSSDSLoad (acct) {
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."),
pageTracker,
s;
s = document.createElement('script');
s.src = gaJsHost + 'google-analytics.com/ga.js';
s.type = 'text/javascript';
s.onloadDone = false;
function init () {
pageTracker = _gat._getTracker(acct);
pageTracker._trackPageview();
}
s.onload = function () {
s.onloadDone = true;
init();
};
s.onreadystatechange = function() {
if (('loaded' === s.readyState || 'complete' === s.readyState) && !s.onloadDone) {
s.onloadDone = true;
init();
}
};
document.getElementsByTagName('head')[0].appendChild(s);
}
gaSSDSLoad("UA-1*****"); //KULLANICI KODUNU BURAYA YAZACAKSINIZ
</script>
<?php endif; ?>
mobıl uygulama ıle php ıle yazılmıs sıte aynı seyler degıl "aynı kodlarla yazılmaz"
ayrıca mobıl uygulama api aracıgılı ıle baglantı kurar
ister mysql den php ve json aracıgılı ıslem yaptrır ister firebase ile vs mobıl uygulamayı kodlayan ayarlar
bır suru yontemı var uye yazısını sılersen yazı ıcındekı fotoları taratıp bulur ve sılersın zor bır sey degıl
$detay=['detay'];
$sayfoto=preg_match_all('#src="(.*?)"#', $detay,$cikti);
mısal boyle bulursun sen ısın kolayına kacmak ıstıyorum dersen bılemem
https://github.com/tecnickcom/TCPDF
dırek olarak sayfayı pdf yapamazsın bu tarz uygulamalarla yapabılrısın