Hello,

I noticed when i am loading few specific pages on my website some problems happens, well the font is loading slow and something more happens , dont know how to explane you. I found where the problem is but i dont know and i dont have any idea how to fix that problem.

Here i will show you the screen shots:

Normal page loading image link : http://i.imgur.com/1dkCnGq.jpg

With problem page loading image link : http://i.imgur.com/CrCWpgj.jpg

________________________

On this page where you can see those problems i am using toggle scripts, and when i removed those toggle codes everything loaded normaly without any problems , so the problem is inside this toggle codes ?

Here are those toggle codes which makes the problem :

 

<table border="0">
<tr>
<td style="padding-bottom:20px">
<div id="pitanje-1a">
<div>
<button class="dugme1a">- Šta je to web stranica?</button>
</div>
<script>
$(document).ready(function(){
$("button.dugme1a").click(function(){
$("#pitanje-1a").toggleClass("maximize");
$(this).html($(this).html() == "+ Šta je to web stranica?" ? "- Šta je to web stranica?" : "+ Šta je to web stranica?");
});
});
</script>
<p class="pitanje1a"><br>
Web stranica je ogledalo firme i može joj pristupiti svako ko ima internet, bez obzira na udaljenost, radno vrijeme ili broj posjetilaca. Globalizacija, razvoj interneta i


telekomunikacija su utjecali na privredu svugdje u svijetu. Prisustvo na internetu danas je postalo jedan od presudnih faktora uspjeha na tržištu, bez obzira na veličinu kompanije ili


djelatnost kojom se bavi. Investicijom u web stranicu, više niste ograničeni na svoj grad ili zemlju - Vaša firma lako i brzo postaje dostupna svima na svijetu.
</p>
<script>
$("button.dugme1a").click(function () {
$("p.pitanje1a").toggleClass("clicked2").slideToggle("slow");
$(this).toggleClass("clicked");
});
</script>
</div>
</td>
</tr>
<tr>
<td style="padding-bottom:20px">
<div id="pitanje-2">
<div>
<button class="dugme2">+ Šta je web hosting?</button>
</div>
<script>
$(document).ready(function(){
$("button.dugme2").click(function(){
$("#pitanje-2").toggleClass("maximizea");
$(this).html($(this).html() == "+ Šta je web hosting?" ? "- Šta je web hosting?" : "+ Šta je web hosting?");
});
});
</script>
<p class="pitanje2"><br>
Da bi korisnici mogli vidjeti neku web stranicu ona mora biti objavljena, odnosno web stranice moraju biti smještene na web server. Vaš računar može poslužiti kao server ako je spojen


na mrežu ali uobičajeno je da taj zadatak za vas obavi specijalizirani hosting provajder koji će vašu web stranicu smjestiti na svoj web server i tako će ona postati dostupna svim


korisnicima u svakom trenutku, ta usluga se zove web hosting.
</p>
<script>
$("button.dugme2").click(function () {
$("p.pitanje2").toggleClass("clicked2a").slideToggle("slow");
$(this).toggleClass("clickeda");
});
</script>
</div>
</td>
</tr>
<tr>
<td style="padding-bottom:20px">
<div id="pitanje-3">
<div>
<button class="dugme3">+ Koji web hosting plan odabrati?</button>
</div>
<script>
$(document).ready(function(){
$("button.dugme3").click(function(){
$("#pitanje-3").toggleClass("maximizea");
$(this).html($(this).html() == "+ Koji web hosting plan odabrati?" ? "- Koji web hosting plan odabrati?" : "+ Koji web hosting plan odabrati?");
});
});
</script>
<p class="pitanje3"><br>
Najbolje se odlučiti za onaj hosting plan koji će prostorno biti dovoljan za vašu web stranicu. Primjer: Ukoliko želite postaviti statičku web stranicu sa prezentacijom vaših


informacija putem teksta i slika (znači bez naprednih dodataka, obilja podstranica, linkova i multimedijalnih sadržaja), dovoljno je izabrati <font color="#002651">Midiweb</font> hosting


plan.
U svakom slučaju konsultujte se s nama prije zakupa hosting plana.
</p>
<script>
$("button.dugme3").click(function () {
$("p.pitanje3").toggleClass("clicked2a").slideToggle("slow");
$(this).toggleClass("clickeda");
});
</script>
</div>
</td>
</tr>
<tr>
<td style="padding-bottom:20px">
<div id="pitanje-4">
<div>
<button class="dugme4">+ Šta je domena?</button>
</div>
<script>
$(document).ready(function(){
$("button.dugme4").click(function(){
$("#pitanje-4").toggleClass("maximizea");
$(this).html($(this).html() == "+ Šta je domena?" ? "- Šta je domena?" : "+ Šta je domena?");
});
});
</script>
<p class="pitanje4"><br>
Na internetu izraz domena (engl. domain) znači područje označeno nekim zajedničkim imenom, odnosno skup dostupnih informacija istoga tipa i vrste. Vaše ime domene je vaša adresa na


internetu. Domena Slark Design studia je <font color="#002651">slarkdesign.com</font>. Internet domena se može shvatiti i kao dobar položaj trgovine u nekoj ulici u gradu.
Što je Internet domena kraća i jednostavnija za pamtiti, to je isto kao da je lokacija trgovine na vrlo prometnom i lako dustupnom mjestu.
</p>
<script>
$("button.dugme4").click(function () {
$("p.pitanje4").toggleClass("clicked2a").slideToggle("slow");
$(this).toggleClass("clickeda");
});
</script>
</div>
</td>
</tr>
<tr>
<td style="padding-bottom:20px">
<div id="pitanje-5">
<div>
<button class="dugme5">+ Kako odabrati naziv domene?</button>
</div>
<script>
$(document).ready(function(){
$("button.dugme5").click(function(){
$("#pitanje-5").toggleClass("maximizea");
$(this).html($(this).html() == "+ Kako odabrati naziv domene?" ? "- Kako odabrati naziv domene?" : "+ Kako odabrati naziv domene?");
});
});
</script>
<p class="pitanje5"><br>
Pri odabiru naziva domene treba biti izuzetno oprezan. Naziv domene treba oslikavati vašu najvažniju ključnu riječ, tj. jedna riječ ili više, po mogućnosti treba da bude glavni nosilac


onoga za što je vaša web stranica namijenjena. Mi Vam možemo asistirati pri odabiru naziva domene.
</p>
<script>
$("button.dugme5").click(function () {
$("p.pitanje5").toggleClass("clicked2a").slideToggle("slow");
$(this).toggleClass("clickeda");
});
</script>
</div>
</td>
</tr>
<tr>
<td style="padding-bottom:20px">
<div id="pitanje-6">
<div>
<button class="dugme6">+ Kolika je cijena web stranice?</button>
</div>
<script>
$(document).ready(function(){
$("button.dugme6").click(function(){
$("#pitanje-6").toggleClass("maximizea");
$(this).html($(this).html() == "+ Kolika je cijena web stranice?" ? "- Kolika je cijena web stranice?" : "+ Kolika je cijena web stranice?");
});
});
</script>
<p class="pitanje6"><br>
Postoje tri cijene izrade web stranica, u zavisnosti od izabranih opcija. Cijena izrade web stranice u opciji <font color="#002651">Lite Website</font> je 350KM, <font


color="#002651">Medium Website</font> je 650KM, a cijena <font color="#002651">Pro Website</font> je 900KM. Naznačene cijene su NETO cijene i nisu fiksne.
</p>
<script>
$("button.dugme6").click(function () {
$("p.pitanje6").toggleClass("clicked2a").slideToggle("slow");
$(this).toggleClass("clickeda");
});
</script>
</div>
</td>
</tr>
<tr>
<td style="padding-bottom:20px">
<div id="pitanje-7">
<div>
<button class="dugme7">+ Kako do moje web stranice?</button>
</div>
<script>
$(document).ready(function(){
$("button.dugme7").click(function(){
$("#pitanje-7").toggleClass("maximizea");
$(this).html($(this).html() == "+ Kako do moje web stranice?" ? "- Kako do moje web stranice?" : "+ Kako do moje web stranice?");
});
});
</script>
<p class="pitanje7"><br>
Sve što treba da uradite jeste da pregledate postojeće opcije na <font color="#002651">slarkdesign.com</font> , napravite odabir i ispunite Narudžbu. Mi ćemo Vas kontaktirati u roku od


24 sata i proslijediti Vam dalje upute. Ukoliko niste sigurni koja bi opcija bila najprikladnija, kontaktirajte nas.
</p>
<script>
$("button.dugme7").click(function () {
$("p.pitanje7").toggleClass("clicked2a").slideToggle("slow");
$(this).toggleClass("clickeda");
});
</script>
</div>
</td>
</tr>
</table>
 

 

It looks like those toggle codes are loaded before the font codes or something like this ...

here is my header code :

 

<head>
<title>Slark Design Studio</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="../css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/style.css" type="text/css" media="all">
<script type="text/javascript" src="../js/jquery-1.5.2.js" ></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../js/cufon-yui.js"></script>
<script type="text/javascript" src="../js/cufon-replace.js"></script>
<script type="text/javascript" src="../js/Monda_400.font.js"></script>
<script type="text/javascript" src="../js/Play_400.font.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="../js/stickytooltip.js"></script>
<link rel="stylesheet" type="text/css" href="../css/stickytooltip.css" />
<!--[if lt IE 9]>
<script type="text/javascript" src="../js/html5.js"></script>
<style type="text/css">.bg, .box2{behavior:url("../js/PIE.htc");}</style>
<![endif]-->
</head>
 

 

Can you help me around? , thanks!

Problem fixed, just needed to delete old jQuery versions and add last version.

Just briefly flicking through your code and have to ask why are you using <div>'s inside <tr>'s?