Guest, enregistrer login
21/05/2010
0
Nous avons beaucoup de façons d'obtenir le temps de chargement JavaScript et DOM sur les pages Web, et JavaScript cet article présente l'une des méthodes qui utilisent jQuery Pour ce faire, voilà jQTester.
- Demo
- Agrandir
- Recharger
- New window
Gratuit iPage hébergement Web pour la première année MOMENT
Si vous êtes toujours à la recherche d'un fournisseur d'hébergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crédits supplémentaires gratuites pour le paiement de 24 mois ($45)?
Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'êtes pas aussi! Plus important encore, lorsque vous enregistrez l'hébergement web à iPage grâce à notre lien, nous allons être heureux de renvoyer un plein remboursement. C'est génial! Vous devriez essayer iPage hébergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage.
So I have been trying to figure out a really simple, easy way to test the load times of my Javascript in the page, and have ended up creating a simple load time tester using jQuery called jQTester.
jQTester Displaying its results
This assumes you are using jQuery, and are running using version 1.3.1 - however it should work on most versions as the jQuery I am using is pretty lightweight.
The concept is simple - you have 2 files called start.js and end.js. Place start.js at the top, just after your <HEAD> tag, and place end.js just before </body>. Using javascript timers I am capturing the length of time between start.js loading, and the document.ready jQuery function running (when, all javascript and DOM elements should be loaded and ready to use).
Why place end.js before </body> ?
So, ideally you are placing your javascript calls at the end of the HTML document. Why? because javascript file downloads block parallel downloads in the browser. Browsers can only download 2 files per hostname at any one time, so by placing them in the <HEAD> you are in theory stopping anything else from loading within the page whilst all your javascript is being loaded. By placing them at the end of the HTML document, images etc have the chance to load first, so the perception for the user is faster load times.
So the browser will load your HTML document top to bottom. Based on the assumption that no other javascript needs to load after </body> is called, the best place to stop the timer is at that last point. That's when the clock stops, and we assume we're all loaded.
jQTester 0.1
So I'm not really 100% sure if this is the right way to go about this, but anyway - I've packaged this up as "jQTester" and am attaching version 0.1 for your perusal. It would be good to get some feedback on how I can move forward with this, as I am keen to develop a tool or plugin that can sit within the page code, rather than being a browser add-on etc.
Install instructions: Use jQuery, place start.js after the <head> tag and place end.js before the </body> tag.
par Avant-première- Sent (0)
- Nouveau
iPhoneKer.com
Save up to 630$ when buy new iPhone 15
GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project
https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools
chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language
Dall-E-OpenAI.com
Generate creative images automatically with AI
AIVideo-App.com
Render creative video automatically with AI
Save up to 630$ when buy new iPhone 15
GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project
https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools
chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language
Dall-E-OpenAI.com
Generate creative images automatically with AI
AIVideo-App.com
Render creative video automatically with AI
Cool Domains for Sale!
javascriptbank.com javascripton.com gomy.mobi gomymobi.com
CreditCard.rip
CTRCoin.com
this.bid
XMQV.com
system.money
CoinHolo.com
ZWVQ.com
CryptoKD.com
Card.rip
ABP3.com
pornID.net
choose.works
choose.exchange
ApexBTC.com
ChainTutor.com
ChatTotal.com
eChainBank.com
war.money
index.services
YeuNu.com
Déposer jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:
21/05/2010
Steve Reynolds [more]
18,254
0
0
0
8.76 KBytes
Steve Reynolds [more]
18,254
0
0
0
8.76 KBytes
Test du temps à se charger JavaScript et DOM avec JQuery - Langue: Française
0 votes / 18,254 previews / 0 commentaire
21/05/2010
Nous avons beaucoup de façons d'obtenir le temps de chargement JavaScript et DOM sur les pages Web, et JavaScript cet a...Test du temps à se charger JavaScript et DOM avec JQuery - Test du temps à se charger JavaScript et DOM avec JQuery - Langue: Française
0 votes / 18,254 previews / 0 commentaire
21/05/2010
Nous avons beaucoup de façons d'obtenir le temps de chargement JavaScript et DOM sur les pages Web, et JavaScript cet a...Test du temps à se charger JavaScript et DOM avec JQuery - Test du temps à se charger JavaScript et DOM avec JQuery - Langue: Française
