[Firebug net] waarom gat tussen objecten laden?

[Verwijderd]

De pagina wordt zelf erg snel gerenderd, en ook css en js komen redelijk snel binnen (die gaan we nog combineren), maar dan zit er plotseling een gat naar logo.png en duurt het lang voordat er geladen wordt.

Daardoor duurt het laden van de pagina alsnog lang. Wat zou een goed stappenplan zijn om dit te kunnen fixen? Het is voor mij nog erg onduidelijk.

[ Voor 8% gewijzigd door Verwijderd op 10-04-2013 18:17 ]

[eek]

Heb je al eens geprobeerd om je cookie-control script niet in te laden? Misschien doet dit script iets te veel.

[Ramon]

Wordt de JavaScript onderaan de pagina ingeladen? Altijd doen. Png's kan je combineren in een sprite. Js kan je vaak combineren en minifyen.

[Verwijderd]

Ja, javascripts moeten we combineren en minifyen, net als css. Maar verbaas me vooral dat er zo'n gat zit als logo.png geladen moet worden. Waarom moet er niet direct gestart met het laden van logo.png?

[Ramon]

Omdat de browser de JS gaat parsen en uitvoeren als die het tegenkomt.

http://readwrite.com/2007...t_is_slowing_down_the_web zegt:

Anytime a piece of JavaScript is being loaded or evaluated, everything else has to wait.

Dus in je templates de JS laden net vóór de </body>-tag en je probleem zou opgelost moeten zijn.

[R4gnax]

Ramon schreef op woensdag 10 april 2013 @ 19:20:
Dus in je templates de JS laden net vóór de </body>-tag en je probleem zou opgelost moeten zijn.

Of gewoon gebruik maken van een script loader (RequireJS oid.), alles lekker in de head initialiseren zodat het parallel aan de pagina en andere resources opgehaald en uitgevoerd wordt en die hopeloos achterhaalde yahoo performance guideline negeren.