[naak2803]

Hej,

Jag har en sida som jag har lite problem och behöver lite hjälp med vilken approch jag ska åtgärda.

Jag har en meny högst upp på sidan, som jag visar/gömmer med JQuery

$element.fadeIn(1000)

sen har jag en massa annat som laddas under tiden på sidan ca (2-3 sec). Under dessa 2-3 sec går det inte att klicka på menyn, dsv den fadar inte fram. men efter att sidan har laddats färdig funkar det utan problem.

Hur ska jag göra?

[x264]

Du har la koden inom:

$(document).ready eller?

Tycker ju själv inte att någon slags animation ska visas innan sidan har laddat klart. (du kan ju göra animationer med css som laddas direkt när cssen läst in)

Men din sida är ju inte redo att jobbas med med javascript om du inte låtit dokumentet laddas klart.


Du bör ha kvar document ready. Men försökt att minimera antalet förfrågningar som webbläsaren behöver att göra.

Bunta ihop javascript och css till en fil var.

En webbläsare kan bara göra X antal förfrågningar till en och samma domän åt gången.

http://www.coderanch.com/t/631345/bl...omain-browsers

och

http://sgdev-blog.blogspot.sg/2014/0...n-to-same.html


Sedan finns det ju massvis av mer saker du kan göra, som du kan läsa om t.ex. här:

https://developer.yahoo.com/performance/rules.html

[Nerix]

Tror det är bättre om du löser originalproblemet; att få ner laddningstiderna. 2-3 sekunder är lite väl mycket. Under sekunden är mer rimligt.

[danjel]

jag brukar numer nästan aldrig använda $(document).ready,
om man har javascript i botten vill säga..har du det?

[naak2803]

Ursprungligen postat av danjel

jag brukar numer nästan aldrig använda $(document).ready,
om man har javascript i botten vill säga..har du det?

Nej, jag har den högst upp.